refactor: move angular source to /packages rather than modules/@angular

packages/examples/core/animation/ts/dsl/animation_example.ts

@@ -0,0 +1,56 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+// #docregion Component
+import {Component, NgModule, animate, state, style, transition, trigger} from '@angular/core';
+import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
+
+@Component({
+  selector: 'example-app',
+  styles: [`
+    .toggle-container {
+      background-color:white;
+      border:10px solid black;
+      width:200px;
+      text-align:center;
+      line-height:100px;
+      font-size:50px;
+      box-sizing:border-box;
+      overflow:hidden;
+    }
+  `],
+  animations: [trigger(
+      'openClose',
+      [
+        state('collapsed, void', style({height: '0px', color: 'maroon', borderColor: 'maroon'})),
+        state('expanded', style({height: '*', borderColor: 'green', color: 'green'})),
+        transition(
+            'collapsed <=> expanded', [animate(500, style({height: '250px'})), animate(500)])
+      ])],
+  template: `
+    <button (click)="expand()">Open</button>
+    <button (click)="collapse()">Closed</button>
+    <hr />
+    <div class="toggle-container" [@openClose]="stateExpression">
+      Look at this box
+    </div>
+  `
+})
+export class MyExpandoCmp {
+  stateExpression: string;
+  constructor() { this.collapse(); }
+  expand() { this.stateExpression = 'expanded'; }
+  collapse() { this.stateExpression = 'collapsed'; }
+}
+
+@NgModule(
+    {imports: [BrowserAnimationsModule], declarations: [MyExpandoCmp], bootstrap: [MyExpandoCmp]})
+export class AppModule {
+}
+
+// #enddocregion

packages/examples/core/animation/ts/dsl/e2e_test/animation_example_spec.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {$, ExpectedConditions, browser, by, element} from 'protractor';
+import {verifyNoBrowserErrors} from '../../../../../_common/e2e_util';
+
+function waitForElement(selector: string) {
+  const EC = ExpectedConditions;
+  // Waits for the element with id 'abc' to be present on the dom.
+  browser.wait(EC.presenceOf($(selector)), 20000);
+}
+
+describe('animation example', () => {
+  afterEach(verifyNoBrowserErrors);
+
+  describe('index view', () => {
+    const URL = '/core/animation/ts/dsl/';
+
+    it('should list out the current collection of items', () => {
+      browser.get(URL);
+      waitForElement('.toggle-container');
+      expect(element.all(by.css('.toggle-container')).get(0).getText()).toEqual('Look at this box');
+    });
+  });
+});

packages/examples/core/animation/ts/dsl/module.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+export {AppModule} from './animation_example';