chore(build): updated accordingly to ng2 style guide

components/select.ts

@@ -1,2 +1,2 @@
-import {Select} from './select/select';
-export const SELECT_DIRECTIVES:Array<any> = [Select];
+import {SelectComponent} from './select/select';
+export const SELECT_DIRECTIVES:Array<any> = [SelectComponent];

components/select/select.ts

@@ -113,7 +113,7 @@ let optionsTemplate = `
   </div>
   `
 })
-export class Select implements OnInit {
+export class SelectComponent implements OnInit {
   @Input() public allowClear:boolean = false;
   @Input() public placeholder:string = '';
   @Input() public initData:Array<any> = [];
@@ -381,8 +381,8 @@ export class Select implements OnInit {
 export class Behavior {
   public optionsMap:Map<string, number> = new Map<string, number>();
 
-  public actor: Select;
-  public constructor(actor:Select) {
+  public actor: SelectComponent;
+  public constructor(actor:SelectComponent) {
     this.actor = actor;
   }
 
@@ -431,7 +431,7 @@ export class Behavior {
 }
 
 export class GenericBehavior extends Behavior implements OptionsBehavior {
-  public constructor(actor:Select) {
+  public constructor(actor:SelectComponent) {
     super(actor);
   }
 
@@ -475,7 +475,7 @@ export class GenericBehavior extends Behavior implements OptionsBehavior {
 }
 
 export class ChildrenBehavior extends Behavior implements OptionsBehavior {
-  public constructor(actor:Select) {
+  public constructor(actor:SelectComponent) {
     super(actor);
   }
 

demo/components/select-section.ts

@@ -3,10 +3,10 @@ import {CORE_DIRECTIVES} from 'angular2/common';
 
 import {TAB_DIRECTIVES} from 'ng2-bootstrap/ng2-bootstrap';
 
-import {SingleDemo} from './select/single-demo';
-import {MultipleDemo} from './select/multiple-demo';
-import {ChildrenDemo} from './select/children-demo';
-import {RichDemo} from './select/rich-demo';
+import {SingleDemoComponent} from './select/single-demo';
+import {MultipleDemoComponent} from './select/multiple-demo';
+import {ChildrenDemoComponent} from './select/children-demo';
+import {RichDemoComponent} from './select/rich-demo';
 
 let name = 'Select';
 // webpack html imports
@@ -86,9 +86,9 @@ tabDesc.forEach((desc:any) => {
     </div>
   </section>
   `,
-  directives: [SingleDemo, MultipleDemo, ChildrenDemo, RichDemo, TAB_DIRECTIVES, CORE_DIRECTIVES]
+  directives: [SingleDemoComponent, MultipleDemoComponent, ChildrenDemoComponent, RichDemoComponent, TAB_DIRECTIVES, CORE_DIRECTIVES]
 })
-export class SelectSection {
+export class SelectSectionComponent {
   public currentHeading:string = 'Single';
 
   public select_zzz(e:any):void {

demo/components/select/children-demo.ts

@@ -12,7 +12,7 @@ let template = require('./children-demo.html');
   template: template,
   directives: [SELECT_DIRECTIVES, NgClass, CORE_DIRECTIVES, FORM_DIRECTIVES, ButtonCheckbox]
 })
-export class ChildrenDemo {
+export class ChildrenDemoComponent {
   public items:Array<any> = [
     {
       text: 'Austria',

demo/components/select/multiple-demo.ts

@@ -12,7 +12,7 @@ let template = require('./multiple-demo.html');
   template: template,
   directives: [SELECT_DIRECTIVES, NgClass, CORE_DIRECTIVES, FORM_DIRECTIVES, ButtonCheckbox]
 })
-export class MultipleDemo {
+export class MultipleDemoComponent {
   public items:Array<string> = ['Amsterdam', 'Antwerp', 'Athens', 'Barcelona',
     'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
     'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin', 'Düsseldorf',

demo/components/select/rich-demo.ts

@@ -57,7 +57,7 @@ let template = require('./rich-demo.html');
   directives: [SELECT_DIRECTIVES, NgClass, CORE_DIRECTIVES, FORM_DIRECTIVES, ButtonCheckbox],
   encapsulation: ViewEncapsulation.None  // Enable dynamic HTML styles
 })
-export class RichDemo implements OnInit {
+export class RichDemoComponent implements OnInit {
   private value:any = {};
   private _disabledV:string = '0';
   private disabled:boolean = false;

demo/components/select/single-demo.ts

@@ -12,7 +12,7 @@ let template = require('./single-demo.html');
   template: template,
   directives: [SELECT_DIRECTIVES, NgClass, CORE_DIRECTIVES, FORM_DIRECTIVES, ButtonCheckbox]
 })
-export class SingleDemo {
+export class SingleDemoComponent {
   public items:Array<string> = ['Amsterdam', 'Antwerp', 'Athens', 'Barcelona',
     'Berlin', 'Birmingham', 'Bradford', 'Bremen', 'Brussels', 'Bucharest',
     'Budapest', 'Cologne', 'Copenhagen', 'Dortmund', 'Dresden', 'Dublin',

demo/index.ts

@@ -2,7 +2,7 @@ import {bootstrap} from 'angular2/platform/browser';
 import {Component} from 'angular2/core';
 import {NgClass} from 'angular2/common';
 
-import {SelectSection} from './components/select-section';
+import {SelectSectionComponent} from './components/select-section';
 
 let gettingStarted = require('./getting-started.md');
 
@@ -35,10 +35,10 @@ let gettingStarted = require('./getting-started.md');
   `,
   directives: [
     NgClass,
-    SelectSection
+    SelectSectionComponent
   ]
 })
-export class Demo {
+export class DemoComponent {
 }
 
-bootstrap(Demo);
+bootstrap(DemoComponent);