chore(select): create select scaffold (#1240)

src/demo-app/demo-app-module.ts

@@ -26,6 +26,7 @@ import {SlideToggleDemo} from './slide-toggle/slide-toggle-demo';
 import {ToolbarDemo} from './toolbar/toolbar-demo';
 import {ButtonDemo} from './button/button-demo';
 import {MdCheckboxDemoNestedChecklist, CheckboxDemo} from './checkbox/checkbox-demo';
+import {SelectDemo} from './select/select-demo';
 import {SliderDemo} from './slider/slider-demo';
 import {SidenavDemo} from './sidenav/sidenav-demo';
 import {PortalDemo, ScienceJoke} from './portal/portal-demo';
@@ -68,6 +69,7 @@ import {TabsDemo} from './tabs/tab-group-demo';
     RippleDemo,
     RotiniPanel,
     ScienceJoke,
+    SelectDemo,
     SidenavDemo,
     SliderDemo,
     SlideToggleDemo,

src/demo-app/demo-app/demo-app.html

@@ -19,6 +19,7 @@
       <a md-list-item [routerLink]="['progress-circle']">Progress Circle</a>
       <a md-list-item [routerLink]="['radio']">Radio</a>
       <a md-list-item [routerLink]="['ripple']">Ripple</a>
+      <a md-list-item [routerLink]="['select']">Select</a>
       <a md-list-item [routerLink]="['sidenav']">Sidenav</a>
       <a md-list-item [routerLink]="['slider']">Slider</a>
       <a md-list-item [routerLink]="['slide-toggle']">Slide Toggle</a>

src/demo-app/demo-app/routes.ts

@@ -16,9 +16,10 @@ import {OverlayDemo} from '../overlay/overlay-demo';
 import {PortalDemo} from '../portal/portal-demo';
 import {ProgressBarDemo} from '../progress-bar/progress-bar-demo';
 import {ProgressCircleDemo} from '../progress-circle/progress-circle-demo';
+import {SelectDemo} from '../select/select-demo';
+import {SidenavDemo} from '../sidenav/sidenav-demo';
 import {SlideToggleDemo} from '../slide-toggle/slide-toggle-demo';
 import {SliderDemo} from '../slider/slider-demo';
-import {SidenavDemo} from '../sidenav/sidenav-demo';
 import {RadioDemo} from '../radio/radio-demo';
 import {CardDemo} from '../card/card-demo';
 import {MenuDemo} from '../menu/menu-demo';
@@ -32,6 +33,7 @@ export const DEMO_APP_ROUTES: Routes = [
   {path: 'button', component: ButtonDemo},
   {path: 'card', component: CardDemo},
   {path: 'radio', component: RadioDemo},
+  {path: 'select', component: SelectDemo},
   {path: 'sidenav', component: SidenavDemo},
   {path: 'slide-toggle', component: SlideToggleDemo},
   {path: 'slider', component: SliderDemo},

src/demo-app/select/select-demo.html

@@ -0,0 +1 @@
+<md-select></md-select>

src/demo-app/select/select-demo.ts

@@ -0,0 +1,12 @@
+import {Component} from '@angular/core';
+
+
+@Component({
+    moduleId: module.id,
+    selector: 'select-demo',
+    templateUrl: 'select-demo.html',
+    styleUrls: ['select-demo.css'],
+})
+export class SelectDemo {
+
+}

src/demo-app/system-config.ts

@@ -16,6 +16,7 @@ const components = [
   'progress-bar',
   'progress-circle',
   'radio',
+  'select',
   'sidenav',
   'slider',
   'slide-toggle',

src/lib/all/all.ts

@@ -3,6 +3,7 @@ import {MdButtonToggleModule} from '@angular2-material/button-toggle';
 import {MdButtonModule} from '@angular2-material/button';
 import {MdCheckboxModule} from '@angular2-material/checkbox';
 import {MdRadioModule} from '@angular2-material/radio';
+import {MdSelectModule} from '@angular2-material/select';
 import {MdSlideToggleModule} from '@angular2-material/slide-toggle';
 import {MdSliderModule} from '@angular2-material/slider';
 import {MdSidenavModule} from '@angular2-material/sidenav';
@@ -42,6 +43,7 @@ const MATERIAL_MODULES = [
   MdProgressCircleModule,
   MdRadioModule,
   MdRippleModule,
+  MdSelectModule,
   MdSidenavModule,
   MdSliderModule,
   MdSlideToggleModule,
@@ -64,6 +66,7 @@ const MATERIAL_MODULES = [
     MdProgressBarModule.forRoot(),
     MdProgressCircleModule.forRoot(),
     MdRippleModule.forRoot(),
+    MdSelectModule.forRoot(),
     MdSidenavModule.forRoot(),
     MdTabsModule.forRoot(),
     MdToolbarModule.forRoot(),

src/lib/select/index.ts

@@ -0,0 +1,17 @@
+import {NgModule, ModuleWithProviders} from '@angular/core';
+import {MdSelect} from './select';
+export * from './select';
+
+@NgModule({
+    imports: [],
+    exports: [MdSelect],
+    declarations: [MdSelect],
+})
+export class MdSelectModule {
+    static forRoot(): ModuleWithProviders {
+        return {
+            ngModule: MdSelectModule,
+            providers: []
+        };
+    }
+}

src/lib/select/select.html

@@ -0,0 +1 @@
+I'm a select!

src/lib/select/select.spec.ts

@@ -0,0 +1,23 @@
+import {TestBed, async} from '@angular/core/testing';
+import {Component} from '@angular/core';
+import {MdSelectModule} from './index';
+
+
+describe('MdSelect', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [MdSelectModule.forRoot()],
+      declarations: [TestSelect],
+    });
+
+    TestBed.compileComponents();
+  }));
+
+  it('should test', () => {
+    // let fixture = TestBed.createComponent(TestSelect);
+    expect(true).toBeTruthy();
+  });
+});
+
+@Component({selector: 'test-select', template: ``})
+class TestSelect {}

src/lib/select/select.ts

@@ -0,0 +1,10 @@
+import {Component, ViewEncapsulation} from '@angular/core';
+
+@Component({
+    moduleId: module.id,
+    selector: 'md-select',
+    templateUrl: 'select.html',
+    styleUrls: ['select.css'],
+    encapsulation: ViewEncapsulation.None
+})
+export class MdSelect {}

src/lib/system-config-spec.ts

@@ -16,6 +16,7 @@ const components = [
   'progress-bar',
   'progress-circle',
   'radio',
+  'select',
   'sidenav',
   'slider',
   'slide-toggle',