i put the break in changes

ionic/components/action-menu/test/basic/index.js

@@ -0,0 +1,21 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {ActionMenu} from 'ionic/components/action-menu/action-menu';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [ActionMenu]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/action-menu/test/basic/main.js

@@ -1,16 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {ActionMenu} from 'ionic/components/action-menu/action-menu';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [ActionMenu]
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/alert/test/basic/index.js

@@ -1,8 +1,11 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Alert} from 'ionic/components/alert/alert';
 
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Alert]
@@ -19,4 +22,6 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/app/test/animations/index.js

@@ -1,4 +1,7 @@
-import {Component, Decorator, View, NgElement, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Animation} from 'ionic/ionic';
 
 let opacity = 0.2;
@@ -6,7 +9,7 @@ let rotateZ = '180deg';
 let translateX = '100px';
 let scale = 0.6;
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html'
 })
@@ -143,4 +146,6 @@ class IonicApp {
 }
 
 
-bootstrap(IonicApp)
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/app/test/barkpark/index.js

@@ -1,5 +1,8 @@
 //import {Router} from 'ionic/routing/router'
-import {For, Component, View, Parent, bootstrap} from 'angular2/angular2'
+import {For, Parent, bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
 import {Log} from 'ionic/util'
 
@@ -152,7 +155,7 @@ class SplashPage {
 /**
  * Main app entry point
  */
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   directives: [Nav],
   templateUrl: 'main.html'
@@ -194,4 +197,6 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp);
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/app/test/hn/index.js

@@ -1,16 +1,20 @@
-import {Descendent, NgElement, Component, View, bootstrap} from 'angular2/angular2';
+import {NgElement} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {bind} from 'angular2/di';
 import {Content, Nav, NavPane} from 'ionic/ionic';
 
 import {HackerNews} from 'hn';
 import {HNTopStories} from 'pages/top';
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, Nav, NavPane]
 })
-export class HNApp {
+export class IonicApp {
   constructor(
     @NgElement() element:NgElement
   ) {
@@ -20,5 +24,7 @@ export class HNApp {
   }
 }
 
-bootstrap(HNApp);
+export function main() {
+  bootstrap(IonicApp);
+}
 

ionic/components/app/test/typography/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html'
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/app/test/typography/main.js

@@ -1,13 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html'
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/aside/test/basic/index.js

@@ -0,0 +1,20 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Aside} from 'ionic/components/aside/aside';
+
+
+@Component({
+  selector: 'ion-app'
+})
+@View({
+  directives: [Aside, Content],
+  templateUrl: 'main.html'
+})
+class IonicApp {
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/aside/test/basic/main.js

@@ -1,16 +0,0 @@
-import {Aside} from 'ionic/components/aside/aside';
-import {Content} from 'ionic/components/content/content';
-import {View, Component, bootstrap} from 'angular2/angular2';
-
-
-@Component({
-  selector: '[ion-app]'
-})
-@View({
-  directives: [Aside, Content],
-  templateUrl: 'main.html'
-})
-class App {
-}
-
-bootstrap(App);

ionic/components/button/button.js

@@ -1,18 +1,19 @@
-import {NgElement, Decorator} from 'angular2/angular2'
+import {NgElement} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+
 import {IonicComponent} from 'ionic/config/component'
 
-@Decorator({
+@Directive({
   selector: 'button, ion-button, [ion-button],.button',
 })
 export class Button {
   constructor(
-    @NgElement() ngElement:NgElement
+    //@NgElement() ngElement:NgElement
   ) {
-    this.domElement = ngElement.domElement
-    this.config = Button.config.invoke(this)
+    //this.domElement = ngElement.domElement
   }
 }
-new IonicComponent(Button, {
-  enhanceRawElement: true,
-  propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon']
-})
+// new IonicComponent(Button, {
+//   enhanceRawElement: true,
+//   propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block', 'clear', 'full', 'icon']
+// })

ionic/components/button/test/basic/index.js

@@ -0,0 +1,19 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {
+  constructor() {
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/basic/main.js

@@ -1,14 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {
-  constructor() {
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/button/test/block/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/block/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/button/test/clear/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/clear/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/button/test/full/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/full/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/button/test/icons/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/icons/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/button/test/outline/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/outline/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/button/test/sizes/index.js

@@ -0,0 +1,18 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Button} from 'ionic/components/button/button'
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Button]
+})
+class IonicApp {}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/button/test/sizes/main.js

@@ -1,12 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Button} from 'ionic/components/button/button'
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Button]
-})
-class IonicApp {}
-
-bootstrap(IonicApp)

ionic/components/card/test/basic/index.js

@@ -0,0 +1,23 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Content} from 'ionic/components/content/content';
+import {List} from 'ionic/components/list/list';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Content, List]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/card/test/basic/main.js

@@ -1,17 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {Content} from 'ionic/components/content/content';
-import {List} from 'ionic/components/list/list';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Content, List]
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/checkbox/test/basic/index.js

@@ -1,8 +1,11 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
 import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [FormDirectives].concat(IONIC_DIRECTIVES)
@@ -21,4 +24,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/content/content.js

@@ -1,8 +1,6 @@
-import {
-  NgElement,
-  Component,
-  View,
-} from 'angular2/angular2';
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 
 @Component({
   selector: 'ion-content',

ionic/components/content/test/basic/index.js

@@ -1,10 +1,13 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Content} from 'ionic/components/content/content';
 import {Icon} from 'ionic/components/icon/icon';
 import {Checkbox} from 'ionic/components/checkbox/checkbox';
 import {List} from 'ionic/components/list/list';
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, Icon, Checkbox, List]
@@ -15,4 +18,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/content/test/pull-to-refresh/index.js

@@ -5,7 +5,7 @@ import {Checkbox} from 'ionic/components/checkbox/checkbox';
 import {List} from 'ionic/components/list/list';
 import {Refresher} from 'ionic/components/scroll/pull-to-refresh';
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, Icon, Checkbox, List, Refresher]
@@ -22,4 +22,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/form/input/input.js

@@ -1,17 +1,16 @@
-import {NgElement, Decorator} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+
 import {IonicComponent} from 'ionic/config/component'
 
-@Decorator({
+
+@Directive({
   selector: 'ion-input'
 })
 export class Input {
-  constructor(
-    @NgElement() ngElement:NgElement
-  ) {
-    this.domElement = ngElement.domElement
+  constructor() {
     //this.config = Button.config.invoke(this)
     console.log('INPUT');
   }
 }
-new IonicComponent(Input, {
-})
+// new IonicComponent(Input, {
+// })

ionic/components/form/label/label.js

@@ -1,15 +1,14 @@
-import {NgElement, Decorator} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+
 import {IonicComponent} from 'ionic/config/component'
 
-@Decorator({
+
+@Directive({
   selector: 'ion-label'
 })
 export class Label {
-  constructor(
-    @NgElement() ngElement:NgElement
-  ) {
-    this.domElement = ngElement.domElement
+  constructor() {
   }
 }
-new IonicComponent(Label, {
-})
+// new IonicComponent(Label, {
+// })

ionic/components/form/test/basic/index.js

@@ -1,11 +1,14 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
 //import {Button, Switch, Form, List, Label, Item, Input, Content} from 'ionic/ionic';
 import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
 console.log([FormDirectives].concat(IONIC_DIRECTIVES));
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [FormDirectives].concat(IONIC_DIRECTIVES)
@@ -26,4 +29,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/icon/icon.js

@@ -1,10 +1,11 @@
-import {NgElement, Decorator} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
 
-@Decorator({
+
+@Directive({
   selector: 'ion-icon,ionicon,icon'
 })
 export class Icon {
-  constructor(@NgElement() ngEle:NgElement) {
-    ngEle.domElement.setAttribute('aria-hidden', 'hidden')
+  constructor() {
+    //ngEle.domElement.setAttribute('aria-hidden', 'hidden')
   }
 }

ionic/components/item/test/accessories/index.js

@@ -4,16 +4,18 @@ import {Item, List} from 'ionic/ionic'
 import {ItemPrimarySwipeButtons} from 'ionic/components/item/item-swipe-buttons'
 
 @Component({
-  selector: '[ion-app]'
+  selector: 'ion-app'
 })
 @View({
   templateUrl: 'main.html',
   directives: [Item, List, For, ItemPrimarySwipeButtons]
 })
-class App{
+class IonicApp {
   constructor() {
     this.items = [1, 2, 3, 4, 5]
   }
 }
 
-bootstrap(App)
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/item/test/basic/index.js

@@ -1,19 +1,25 @@
-import {Component, View, For, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Item, List} from 'ionic/ionic'
 
 import {ItemPrimarySwipeButtons} from 'ionic/components/item/item-swipe-buttons'
 
 @Component({
-  selector: '[ion-app]'
+  selector: 'ion-app'
 })
 @View({
   templateUrl: 'main.html',
   directives: [Item, List, For, ItemPrimarySwipeButtons]
 })
-class App{
+class IonicApp {
   constructor() {
     this.items = [1, 2, 3, 4, 5]
   }
 }
 
-bootstrap(App)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/layout/test/basic/index.js

@@ -0,0 +1,23 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Content} from 'ionic/components/content/content';
+import {Layout} from 'ionic/components/layout/layout';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Content, Layout]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/layout/test/basic/main.js

@@ -1,17 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {Content} from 'ionic/components/content/content';
-import {Layout} from 'ionic/components/layout/layout';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Content, Layout]
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/list/list.js

@@ -1,4 +1,6 @@
-import {NgElement, Component, View} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {IonicComponent} from 'ionic/config/component'
 
 
@@ -9,14 +11,11 @@ import {IonicComponent} from 'ionic/config/component'
   template: `<content></content>`
 })
 export class List {
-  constructor(
-    ngElement: NgElement
-  ) {
-    this.domElement = ngElement.domElement;
-    this.config = List.config.invoke(this)
+  constructor() {
+
   }
 }
 
-new IonicComponent(List, {
-  propClasses: ['inset']
-})
+// new IonicComponent(List, {
+//   propClasses: ['inset']
+// })

ionic/components/list/test/basic/index.js

@@ -1,10 +1,13 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Content} from 'ionic/components/content/content';
 import {List} from 'ionic/components/list/list';
 import {Item} from 'ionic/components/item/item';
 
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, List, Item]
@@ -15,4 +18,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/nav/test/basic/index.js

@@ -1,11 +1,11 @@
 import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Nav} from 'ionic/components/nav/nav'
 import {Log} from 'ionic/util'
 import {FirstPage} from './pages/first-page'
 
-import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
-import {View} from 'angular2/src/core/annotations_impl/view';
-
 
 @Component({ selector: 'ion-app' })
 @View({
@@ -17,4 +17,6 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp);
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/radio/test/basic/index.js

@@ -1,11 +1,14 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Content} from 'ionic/components/content/content';
 import {Icon} from 'ionic/components/icon/icon';
 import {RadioGroup} from 'ionic/components/radio/radio-group';
 import {RadioButton} from 'ionic/components/radio/radio-button';
 
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, RadioGroup, RadioButton]
@@ -16,4 +19,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/scroll/pull-to-refresh.js

@@ -1,6 +1,9 @@
-import {NgElement, EventEmitter, Decorator, Component, View, PropertySetter} from 'angular2/angular2';
+import {NgElement, EventEmitter, PropertySetter} from 'angular2/angular2';
 
-@Decorator({
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+
+
+@Directive({
   selector: '[ion-refresher]'
 })
 export class Refresher {

ionic/components/search-bar/test/basic/index.js

@@ -1,10 +1,13 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Content} from 'ionic/components/content/content';
 import {List} from 'ionic/components/list/list';
 import {SearchBar} from 'ionic/components/search-bar/search-bar';
 
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Content, List, SearchBar]
@@ -15,4 +18,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/segment/test/basic/index.js

@@ -1,8 +1,11 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
 import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [FormDirectives].concat(IONIC_DIRECTIVES)
@@ -22,4 +25,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/switch/switch.js

@@ -1,4 +1,7 @@
-import {NgElement, Renderer, ElementRef, Component, DefaultValueAccessor, View, Ancestor, Optional, Decorator, Directive} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {NgElement, Renderer, ElementRef, DefaultValueAccessor, Ancestor, Optional} from 'angular2/angular2'
 import {ControlGroup, ControlDirective} from 'angular2/forms'
 import {dom} from 'ionic/util';
 import {IonicComponent} from 'ionic/config/component'

ionic/components/switch/test/basic/index.js

@@ -1,8 +1,11 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {FormBuilder, Validators, FormDirectives, ControlGroup} from 'angular2/forms';
 import {IONIC_DIRECTIVES} from 'ionic/ionic'
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [FormDirectives].concat(IONIC_DIRECTIVES)
@@ -24,4 +27,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp)
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/advanced/index.js

@@ -0,0 +1,24 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Nav} from 'ionic/ionic'
+import {SignInPage} from './pages/sign-in'
+
+
+@Component({
+  selector: 'ion-app',
+})
+@View({
+  templateUrl: 'main.html',
+  directives: [Nav]
+})
+class IonicApp {
+  constructor() {
+    this.initial = SignInPage
+  }
+}
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/advanced/main.js

@@ -1,18 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
-import {Nav} from 'ionic/ionic'
-import {SignInPage} from 'pages/sign-in'
-
-
-@Component({
-  selector: '[ion-app]',
-})
-@View({
-  templateUrl: 'main.html',
-  directives: [Nav]
-})
-class App {
-  constructor() {
-    this.initial = SignInPage
-  }
-}
-bootstrap(App)

ionic/components/tabs/test/advanced/pages/sign-in.js

@@ -10,11 +10,11 @@ import {
   Toolbar,
   ToolbarTitle,
 } from 'ionic/ionic';
-import {TabsPage} from 'pages/tabs';
+import {TabsPage} from './tabs';
 
 @Component()
 @View({
-  templateUrl: 'pages/sign-in.html',
+  templateUrl: './pages/sign-in.html',
   directives: [Content, Toolbar, ToolbarTitle]
 })
 export class SignInPage {

ionic/components/tabs/test/advanced/pages/tabs.js

@@ -16,7 +16,7 @@ import {Toolbar, ToolbarTitle} from 'ionic/components/toolbar/toolbar';
   selector: 'tabs-page'
 })
 @View({
-  templateUrl: 'pages/tabs.html',
+  templateUrl: './pages/tabs.html',
   directives: [Tabs, Tab, Content]
 })
 

ionic/components/tabs/test/basic/index.js

@@ -1,10 +1,13 @@
-import {Component, View, bootstrap} from 'angular2/angular2'
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
 import {Tabs, Tab} from 'ionic/ionic'
 import {Engine} from 'ionic/engine/engine'
 import * as util from 'ionic/util'
 
 
-@Component({ selector: '[ion-app]' })
+@Component({ selector: 'ion-app' })
 @View({
   templateUrl: 'main.html',
   directives: [Tabs, Tab]
@@ -30,4 +33,7 @@ class IonicApp {
   }
 }
 
-bootstrap(IonicApp);
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/tab-bar-bottom/index.js

@@ -0,0 +1,22 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Tabs, Tab} from 'ionic/ionic';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Tabs, Tab]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/tab-bar-bottom/main.js

@@ -1,16 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {Tabs, Tab} from 'ionic/ionic';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Tabs, Tab]
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/tabs/test/tab-bar-icons/index.js

@@ -0,0 +1,19 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html'
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/tab-bar-icons/main.js

@@ -1,14 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html'
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/tabs/test/tab-bar-top/index.js

@@ -0,0 +1,22 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+import {Tabs, Tab} from 'ionic/ionic';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Tabs, Tab]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/tabs/test/tab-bar-top/main.js

@@ -1,16 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-import {Tabs, Tab} from 'ionic/ionic';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: [Tabs, Tab]
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/toolbar/test/html-title/index.js

@@ -0,0 +1,20 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: []
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/toolbar/test/html-title/main.js

@@ -1,15 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: []
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/toolbar/test/long-title/index.js

@@ -0,0 +1,20 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: []
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/toolbar/test/long-title/main.js

@@ -1,15 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: []
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)

ionic/components/toolbar/test/lopsided-buttons/index.js

@@ -0,0 +1,20 @@
+import {bootstrap} from 'angular2/angular2'
+import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
+import {View} from 'angular2/src/core/annotations_impl/view';
+
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: []
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+  }
+}
+
+
+export function main() {
+  bootstrap(IonicApp);
+}

ionic/components/toolbar/test/lopsided-buttons/main.js

@@ -1,15 +0,0 @@
-import {Component, View, bootstrap} from 'angular2/angular2';
-
-
-@Component({ selector: '[ion-app]' })
-@View({
-  templateUrl: 'main.html',
-  directives: []
-})
-class IonicApp {
-  constructor() {
-    console.log('IonicApp Start')
-  }
-}
-
-bootstrap(IonicApp)