-
-
- add
-
-
- Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus,
- fusce vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam
- nunc id, neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna
- aliquam magna. Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor
- vel urna occaecat cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at,
- ligula ipsum dui sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu
- enim fringilla. Arcu erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis,
- tristique vehicula nibh ipsum vivamus, proin proin. Porta commodo nibh quis libero amet.
- Taciti dui, sapien consectetuer.
-
-
-
- add
-
-
- Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus, fusce
- vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam nunc id,
- neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna aliquam magna.
- Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor vel urna occaecat
- cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at, ligula ipsum dui
- sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu enim fringilla. Arcu
- erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis, tristique vehicula nibh
- ipsum vivamus, proin proin. Porta commodo nibh quis libero amet. Taciti dui, sapien
- consectetuer.
-
-
diff --git a/src/app/examples/sidenav-fab/sidenav-fab-example.ts b/src/app/examples/sidenav-fab/sidenav-fab-example.ts
deleted file mode 100644
index a86050b29..000000000
--- a/src/app/examples/sidenav-fab/sidenav-fab-example.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component, ViewEncapsulation} from '@angular/core';
-
-
-@Component({
- selector: 'sidenav-fab-example',
- templateUrl: './sidenav-fab-example.html',
- styleUrls: ['./sidenav-fab-example.css'],
- encapsulation: ViewEncapsulation.None,
-})
-export class SidenavFabExample {}
diff --git a/src/app/examples/sidenav-overview/sidenav-overview-example.css b/src/app/examples/sidenav-overview/sidenav-overview-example.css
deleted file mode 100644
index 8ab00588b..000000000
--- a/src/app/examples/sidenav-overview/sidenav-overview-example.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.example-container {
- width: 500px;
- height: 300px;
- border: 1px solid rgba(0, 0, 0, 0.5);
-}
-
-.example-sidenav-content {
- display: flex;
- height: 100%;
- align-items: center;
- justify-content: center;
-}
-
-.example-sidenav {
- padding: 20px;
-}
diff --git a/src/app/examples/sidenav-overview/sidenav-overview-example.html b/src/app/examples/sidenav-overview/sidenav-overview-example.html
deleted file mode 100644
index 83f34793b..000000000
--- a/src/app/examples/sidenav-overview/sidenav-overview-example.html
+++ /dev/null
@@ -1,12 +0,0 @@
-This dialog showcases the title, close, content and actions elements.
-) {}
-}
diff --git a/src/assets/plunker/examples/example-data.ts b/src/assets/plunker/examples/example-data.ts
deleted file mode 100644
index 3dd2b5a3e..000000000
--- a/src/assets/plunker/examples/example-data.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import {EXAMPLE_COMPONENTS} from './example-module';
-
-
-/**
- * Example data
- * with information about Component name, selector, files used in example, and path to examples
- */
-export class ExampleData {
- // TODO: figure out how do we get these variables.
- description: string = 'Some description for material';
- // TODO: use real example and delete the example/ folder.
- examplePath = '/assets/example/';
- exampleFiles = ['button-demo.html', 'button-demo.scss', 'button-demo.ts'];
-
- // TODO: extract these variables from example code.
- selectorName = 'button-demo';
- indexFilename = 'button-demo';
- componentName = 'ButtonDemo';
-
- constructor(example: string) {
- if (example && EXAMPLE_COMPONENTS[example]) {
- this.examplePath = `/assets/plunker/examples/${example}/`;
- // TODO(tinayuangao): Do not hard-code extensions
- this.exampleFiles = ['html', 'ts', 'css']
- .map((extension) => `${example}-example.${extension}`);
- if (EXAMPLE_COMPONENTS[example].additionalFiles) {
- this.exampleFiles = this.exampleFiles.concat(EXAMPLE_COMPONENTS[example].additionalFiles);
- }
- this.selectorName = this.indexFilename = `${example}-example`;
-
- let exampleName = example.replace(/(?:^\w|\b\w)/g, letter => letter.toUpperCase());
-
- if (EXAMPLE_COMPONENTS[example].title) {
- this.description = EXAMPLE_COMPONENTS[example].title;
- } else {
- this.description = exampleName.replace(/[\-]+/g, ' ') + ' Example';
- }
-
- if (EXAMPLE_COMPONENTS[example].selectorName) {
- this.componentName = EXAMPLE_COMPONENTS[example].selectorName;
- } else {
- this.componentName = exampleName.replace(/[\-]+/g, '') + 'Example';
- }
- }
- }
-}
diff --git a/src/assets/plunker/examples/example-module.ts b/src/assets/plunker/examples/example-module.ts
deleted file mode 100644
index 9c1b974af..000000000
--- a/src/assets/plunker/examples/example-module.ts
+++ /dev/null
@@ -1,236 +0,0 @@
-import {NgModule} from '@angular/core';
-import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {CommonModule} from '@angular/common';
-import {MaterialModule} from '@angular/material';
-import {AutocompleteOverviewExample} from './autocomplete-overview/autocomplete-overview-example';
-import {ButtonOverviewExample} from './button-overview/button-overview-example';
-import {ButtonTypesExample} from './button-types/button-types-example';
-import {CheckboxOverviewExample} from './checkbox-overview/checkbox-overview-example';
-import {SliderConfigurableExample} from './slider-configurable/slider-configurable-example';
-import {TabsOverviewExample} from './tabs-overview/tabs-overview-example';
-import {
- PizzaPartyComponent,
- SnackBarComponentExample
-} from './snack-bar-component/snack-bar-component-example';
-import {
- ProgressBarConfigurableExample
-} from './progress-bar-configurable/progress-bar-configurable-example';
-import {
- DialogOverviewExampleDialog,
- DialogOverviewExample
-} from './dialog-overview/dialog-overview-example';
-import {RadioNgModelExample} from './radio-ng-model/radio-ng-model-example';
-import {CardFancyExample} from './card-fancy/card-fancy-example';
-import {ToolbarOverviewExample} from './toolbar-overview/toolbar-overview-example';
-import {ToolbarMultirowExample} from './toolbar-multirow/toolbar-multirow-example';
-import {MenuIconsExample} from './menu-icons/menu-icons-example';
-import {GridListDynamicExample} from './grid-list-dynamic/grid-list-dynamic-example';
-import {IconOverviewExample} from './icon-overview/icon-overview-example';
-import {ProgressBarOverviewExample} from './progress-bar-overview/progress-bar-overview-example';
-import {SlideToggleOverviewExample} from './slide-toggle-overview/slide-toggle-overview-example';
-import {InputOverviewExample} from './input-overview/input-overview-example';
-import {MenuOverviewExample} from './menu-overview/menu-overview-example';
-import {CheckboxConfigurableExample} from './checkbox-configurable/checkbox-configurable-example';
-import {
- ButtonToggleExclusiveExample
-} from './button-toggle-exclusive/button-toggle-exclusive-example';
-import {ListSectionsExample} from './list-sections/list-sections-example';
-import {SnackBarOverviewExample} from './snack-bar-overview/snack-bar-overview-example';
-import {
- DialogResultExampleDialog,
- DialogResultExample
-} from './dialog-result/dialog-result-example';
-import {
- DialogElementsExampleDialog,
- DialogElementsExample
-} from './dialog-elements/dialog-elements-example';
-import {TooltipOverviewExample} from './tooltip-overview/tooltip-overview-example';
-import {ButtonToggleOverviewExample} from './button-toggle-overview/button-toggle-overview-example';
-import {GridListOverviewExample} from './grid-list-overview/grid-list-overview-example';
-import {TooltipPositionExample} from './tooltip-position/tooltip-position-example';
-import {
- ProgressSpinnerConfigurableExample
-} from './progress-spinner-configurable/progress-spinner-configurable-example';
-import {InputFormExample} from './input-form/input-form-example';
-import {ListOverviewExample} from './list-overview/list-overview-example';
-import {SliderOverviewExample} from './slider-overview/slider-overview-example';
-import {
- SlideToggleConfigurableExample
-} from './slide-toggle-configurable/slide-toggle-configurable-example';
-import {IconSvgExample} from './icon-svg-example/icon-svg-example';
-import {SidenavFabExample} from './sidenav-fab/sidenav-fab-example';
-import {CardOverviewExample} from './card-overview/card-overview-example';
-import {
- ProgressSpinnerOverviewExample
-} from './progress-spinner-overview/progress-spinner-overview-example';
-import {TabsTemplateLabelExample} from './tabs-template-label/tabs-template-label-example';
-import {RadioOverviewExample} from './radio-overview/radio-overview-example';
-import {SidenavOverviewExample} from './sidenav-overview/sidenav-overview-example';
-import {SelectOverviewExample} from './select-overview/select-overview-example';
-import {ChipsOverviewExample} from './chips-overview/chips-overview-example';
-import {ChipsStackedExample} from './chips-stacked/chips-stacked-example';
-import {SelectFormExample} from './select-form/select-form-example';
-
-
-export interface LiveExample {
- title: string;
- component: any;
- additionalFiles: string[];
- selectorName: string;
-}
-
-/**
- * The list of example components.
- * Key is the example name which will be used in `material-docs-example="key"`.
- * Value is the component.
- */
-export const EXAMPLE_COMPONENTS = {
- 'autocomplete-overview': {title: 'Basic autocomplete', component: AutocompleteOverviewExample},
- 'button-overview': {title: 'Basic buttons', component: ButtonOverviewExample},
- 'button-types': {title: 'Button varieties', component: ButtonTypesExample},
- 'button-toggle-exclusive': {
- title: 'Exclusive selection',
- component: ButtonToggleExclusiveExample
- },
- 'button-toggle-overview': {title: 'Basic button-toggles', component: ButtonToggleOverviewExample},
- 'chips-overview': {title: 'Basic chips', component: ChipsOverviewExample},
- 'chips-stacked': {title: 'Stacked chips', component: ChipsStackedExample},
- 'card-fancy': {title: 'Card with multiple sections', component: CardFancyExample},
- 'card-overview': {title: 'Basic cards', component: CardOverviewExample},
- 'checkbox-configurable': {title: 'Configurable checkbox', component: CheckboxConfigurableExample},
- 'checkbox-overview': {title: 'Basic checkboxes', component: CheckboxOverviewExample},
- 'dialog-overview': {
- title: 'Basic dialog',
- component: DialogOverviewExample,
- additionalFiles: ['dialog-overview-example-dialog.html'],
- selectorName: 'DialogOverviewExample, DialogOverviewExampleDialog',
- },
- 'dialog-result': {
- title: 'Dialog with a result',
- component: DialogResultExample,
- additionalFiles: ['dialog-result-example-dialog.html'],
- selectorName: 'DialogResultExample, DialogResultExampleDialog',
- },
- 'dialog-elements': {
- title: 'Dialog elements',
- component: DialogElementsExample,
- additionalFiles: ['dialog-elements-example-dialog.html'],
- selectorName: 'DialogElementsExample, DialogElementsExampleDialog',
- },
- 'grid-list-dynamic': {title: 'Dynamic grid-list', component: GridListDynamicExample},
- 'grid-list-overview': {title: 'Basic grid-list', component: GridListOverviewExample},
- 'icon-overview': {title: 'Basic icons', component: IconOverviewExample},
- 'icon-svg': {title: 'SVG icons', component: IconSvgExample},
- 'input-form': {title: 'Inputs in a form', component: InputFormExample},
- 'input-overview': {title: 'Basic inputs', component: InputOverviewExample},
- 'list-overview': {title: 'Basic list', component: ListOverviewExample},
- 'list-sections': {title: 'List with sections', component: ListSectionsExample},
- 'menu-icons': {title: 'Menu with icons', component: MenuIconsExample},
- 'menu-overview': {title: 'Basic menu', component: MenuOverviewExample},
- 'progress-bar-configurable': {
- title: 'Configurable progress-bar',
- component: ProgressBarConfigurableExample
- },
- 'progress-bar-overview': {title: 'Basic progress-bar', component: ProgressBarOverviewExample},
- 'progress-spinner-configurable': {
- title: 'Configurable progress-bar',
- component: ProgressSpinnerConfigurableExample
- },
- 'progress-spinner-overview': {
- title: 'Basic progress-spinner',
- component: ProgressSpinnerOverviewExample
- },
- 'radio-ng-model': {title: 'Radios with ngModel', component: RadioNgModelExample},
- 'radio-overview': {title: 'Basic radios', component: RadioOverviewExample},
- 'select-overview': {title: 'Basic select', component: SelectOverviewExample},
- 'select-form': {title: 'Select in a form', component: SelectFormExample},
- 'sidenav-fab': {title: 'Sidenav with a FAB', component: SidenavFabExample},
- 'sidenav-overview': {title: 'Basic sidenav', component: SidenavOverviewExample},
- 'slider-configurable': {title: 'Configurable slider', component: SliderConfigurableExample},
- 'slider-overview': {title: 'Basic slider', component: SliderOverviewExample},
- 'slide-toggle-configurable': {
- title: 'Configurable slide-toggle',
- component: SlideToggleConfigurableExample
- },
- 'slide-toggle-overview': {title: 'Basic slide-toggles', component: SlideToggleOverviewExample},
- 'snack-bar-component': {
- title: 'Snack-bar with a custom component',
- component: SnackBarComponentExample
- },
- 'snack-bar-overview': {title: 'Basic snack-bar', component: SnackBarOverviewExample},
- 'tabs-overview': {title: 'Basic tabs', component: TabsOverviewExample},
- 'tabs-template-label': {title: 'Coming soon!', component: TabsTemplateLabelExample},
- 'toolbar-multirow': {title: 'Multi-row toolbar', component: ToolbarMultirowExample},
- 'toolbar-overview': {title: 'basic toolbar', component: ToolbarOverviewExample},
- 'tooltip-overview': {title: 'Basic tooltip', component: TooltipOverviewExample},
- 'tooltip-position': {title: 'Tooltip with custom position', component: TooltipPositionExample},
-};
-
-/**
- * The list of all example components.
- * We need to put them in both `declarations` and `entryComponents` to make them work.
- */
-export const EXAMPLE_LIST = [
- AutocompleteOverviewExample,
- ButtonOverviewExample,
- ButtonToggleExclusiveExample,
- ButtonToggleOverviewExample,
- ButtonTypesExample,
- CardFancyExample,
- CardOverviewExample,
- ChipsOverviewExample,
- ChipsStackedExample,
- CheckboxConfigurableExample,
- CheckboxOverviewExample,
- DialogOverviewExample,
- DialogOverviewExampleDialog,
- DialogResultExample,
- DialogResultExampleDialog,
- DialogElementsExample,
- DialogElementsExampleDialog,
- GridListDynamicExample,
- GridListOverviewExample,
- IconOverviewExample,
- IconSvgExample,
- InputFormExample,
- InputOverviewExample,
- ListOverviewExample,
- ListSectionsExample,
- MenuIconsExample,
- MenuOverviewExample,
- ProgressBarConfigurableExample,
- ProgressBarOverviewExample,
- ProgressSpinnerConfigurableExample,
- ProgressSpinnerOverviewExample,
- RadioNgModelExample,
- RadioOverviewExample,
- SidenavFabExample,
- SelectOverviewExample,
- SelectFormExample,
- SidenavOverviewExample,
- SliderConfigurableExample,
- SliderOverviewExample,
- SlideToggleConfigurableExample,
- SlideToggleOverviewExample,
- SnackBarComponentExample,
- PizzaPartyComponent,
- SnackBarOverviewExample,
- TabsOverviewExample,
- TabsTemplateLabelExample,
- ToolbarMultirowExample,
- ToolbarOverviewExample,
- TooltipOverviewExample,
- TooltipPositionExample,
-];
-
-@NgModule({
- declarations: EXAMPLE_LIST,
- entryComponents: EXAMPLE_LIST,
- imports: [
- MaterialModule,
- FormsModule,
- ReactiveFormsModule,
- CommonModule,
- ]
-})
-export class ExampleModule { }
diff --git a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.css b/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.html b/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.html
deleted file mode 100644
index 19c84dd5b..000000000
--- a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
- {{tile.text}}
-
-
diff --git a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.ts b/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.ts
deleted file mode 100644
index 8f0834fa0..000000000
--- a/src/assets/plunker/examples/grid-list-dynamic/grid-list-dynamic-example.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'grid-list-dynamic-example',
- templateUrl: './grid-list-dynamic-example.html',
-})
-export class GridListDynamicExample {
- tiles = [
- {text: 'One', cols: 3, rows: 1, color: 'lightblue'},
- {text: 'Two', cols: 1, rows: 2, color: 'lightgreen'},
- {text: 'Three', cols: 1, rows: 1, color: 'lightpink'},
- {text: 'Four', cols: 2, rows: 1, color: '#DDBDF1'},
- ];
-}
diff --git a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.css b/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.css
deleted file mode 100644
index 2598f58f5..000000000
--- a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.css
+++ /dev/null
@@ -1,3 +0,0 @@
-md-grid-tile {
- background: lightblue;
-}
diff --git a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.html b/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.html
deleted file mode 100644
index 6651887f6..000000000
--- a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.html
+++ /dev/null
@@ -1,6 +0,0 @@
-
- 1
- 2
- 3
- 4
-
diff --git a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.ts b/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.ts
deleted file mode 100644
index ba23f5740..000000000
--- a/src/assets/plunker/examples/grid-list-overview/grid-list-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
- selector: 'grid-list-overview-example',
- styleUrls: ['./grid-list-overview-example.css'],
- templateUrl: './grid-list-overview-example.html',
-})
-export class GridListOverviewExample {}
diff --git a/src/assets/plunker/examples/icon-overview/icon-overview-example.css b/src/assets/plunker/examples/icon-overview/icon-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/icon-overview/icon-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/icon-overview/icon-overview-example.html b/src/assets/plunker/examples/icon-overview/icon-overview-example.html
deleted file mode 100644
index dd46af80f..000000000
--- a/src/assets/plunker/examples/icon-overview/icon-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-home
diff --git a/src/assets/plunker/examples/icon-overview/icon-overview-example.ts b/src/assets/plunker/examples/icon-overview/icon-overview-example.ts
deleted file mode 100644
index 90ed28a61..000000000
--- a/src/assets/plunker/examples/icon-overview/icon-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'icon-overview-example',
- templateUrl: './icon-overview-example.html',
-})
-export class IconOverviewExample {}
diff --git a/src/assets/plunker/examples/icon-svg-example/icon-svg-example.css b/src/assets/plunker/examples/icon-svg-example/icon-svg-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/icon-svg-example/icon-svg-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/icon-svg-example/icon-svg-example.html b/src/assets/plunker/examples/icon-svg-example/icon-svg-example.html
deleted file mode 100644
index ac74cf790..000000000
--- a/src/assets/plunker/examples/icon-svg-example/icon-svg-example.html
+++ /dev/null
@@ -1 +0,0 @@
-
-
diff --git a/src/assets/plunker/examples/input-overview/input-overview-example.ts b/src/assets/plunker/examples/input-overview/input-overview-example.ts
deleted file mode 100644
index 2bdc3fd6b..000000000
--- a/src/assets/plunker/examples/input-overview/input-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'input-overview-example',
- templateUrl: './input-overview-example.html',
-})
-export class InputOverviewExample {}
diff --git a/src/assets/plunker/examples/list-overview/list-overview-example.css b/src/assets/plunker/examples/list-overview/list-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/list-overview/list-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/list-overview/list-overview-example.html b/src/assets/plunker/examples/list-overview/list-overview-example.html
deleted file mode 100644
index ada715ee0..000000000
--- a/src/assets/plunker/examples/list-overview/list-overview-example.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
- Item 1
- Item 2
- Item 3
-
diff --git a/src/assets/plunker/examples/list-overview/list-overview-example.ts b/src/assets/plunker/examples/list-overview/list-overview-example.ts
deleted file mode 100644
index f38e18602..000000000
--- a/src/assets/plunker/examples/list-overview/list-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'list-overview-example',
- templateUrl: './list-overview-example.html',
-})
-export class ListOverviewExample {}
diff --git a/src/assets/plunker/examples/list-sections/list-sections-example.css b/src/assets/plunker/examples/list-sections/list-sections-example.css
deleted file mode 100644
index 25346c921..000000000
--- a/src/assets/plunker/examples/list-sections/list-sections-example.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mat-list-icon {
- color: rgba(0,0,0,0.54);
-}
\ No newline at end of file
diff --git a/src/assets/plunker/examples/list-sections/list-sections-example.html b/src/assets/plunker/examples/list-sections/list-sections-example.html
deleted file mode 100644
index 38d20f97e..000000000
--- a/src/assets/plunker/examples/list-sections/list-sections-example.html
+++ /dev/null
@@ -1,15 +0,0 @@
-
- Folders
-
- folder
- {{folder.name}}
- {{folder.updated | date}}
-
- Notes
-
- note
- {{note.name}}
- {{note.updated | date}}
-
-
diff --git a/src/assets/plunker/examples/list-sections/list-sections-example.ts b/src/assets/plunker/examples/list-sections/list-sections-example.ts
deleted file mode 100644
index d5a20e8f4..000000000
--- a/src/assets/plunker/examples/list-sections/list-sections-example.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'list-sections-example',
- styleUrls: ['./list-sections-example.css'],
- templateUrl: './list-sections-example.html',
-})
-export class ListSectionsExample {
- folders = [
- {
- name: 'Photos',
- updated: new Date('1/1/16'),
- },
- {
- name: 'Recipes',
- updated: new Date('1/17/16'),
- },
- {
- name: 'Work',
- updated: new Date('1/28/16'),
- }
- ];
- notes = [
- {
- name: 'Vacation Itinerary',
- updated: new Date('2/20/16'),
- },
- {
- name: 'Kitchen Remodel',
- updated: new Date('1/18/16'),
- }
- ];
-}
diff --git a/src/assets/plunker/examples/menu-icons/menu-icons-example.css b/src/assets/plunker/examples/menu-icons/menu-icons-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/menu-icons/menu-icons-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/menu-icons/menu-icons-example.html b/src/assets/plunker/examples/menu-icons/menu-icons-example.html
deleted file mode 100644
index e14942451..000000000
--- a/src/assets/plunker/examples/menu-icons/menu-icons-example.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
- more_vert
-
-
-
- dialpad
- Redial
-
-
- voicemail
- Check voicemail
-
-
- notifications_off
- Disable alerts
-
-
diff --git a/src/assets/plunker/examples/menu-icons/menu-icons-example.ts b/src/assets/plunker/examples/menu-icons/menu-icons-example.ts
deleted file mode 100644
index 070bc434b..000000000
--- a/src/assets/plunker/examples/menu-icons/menu-icons-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'menu-icons-example',
- templateUrl: './menu-icons-example.html',
-})
-export class MenuIconsExample {}
diff --git a/src/assets/plunker/examples/menu-overview/menu-overview-example.css b/src/assets/plunker/examples/menu-overview/menu-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/menu-overview/menu-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/menu-overview/menu-overview-example.html b/src/assets/plunker/examples/menu-overview/menu-overview-example.html
deleted file mode 100644
index 2b5d246c2..000000000
--- a/src/assets/plunker/examples/menu-overview/menu-overview-example.html
+++ /dev/null
@@ -1,5 +0,0 @@
-Menu
-
- Item 1
- Item 2
-
diff --git a/src/assets/plunker/examples/menu-overview/menu-overview-example.ts b/src/assets/plunker/examples/menu-overview/menu-overview-example.ts
deleted file mode 100644
index b5b8c8a8d..000000000
--- a/src/assets/plunker/examples/menu-overview/menu-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'menu-overview-example',
- templateUrl: './menu-overview-example.html',
-})
-export class MenuOverviewExample {}
diff --git a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.css b/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.css
deleted file mode 100644
index 558293fbb..000000000
--- a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.example-h2 {
- margin: 10px;
-}
-
-.example-section {
- display: flex;
- align-content: center;
- align-items: center;
- height: 60px;
-}
-
-.example-margin {
- margin: 0 10px;
-}
diff --git a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.html b/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.html
deleted file mode 100644
index 93937b77a..000000000
--- a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.html
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
- Progress bar configuration
-
-
- Color:
-
-
- Primary
-
-
- Accent
-
-
- Warn
-
-
-
-
-
- Mode:
-
-
- Determinate
-
-
- Indeterminate
-
-
- Buffer
-
-
- Query
-
-
-
-
-
-
-
-
-
-
-
- Result
-
-
-
-
diff --git a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.ts b/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.ts
deleted file mode 100644
index f3fa93782..000000000
--- a/src/assets/plunker/examples/progress-bar-configurable/progress-bar-configurable-example.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'progress-bar-configurable-example',
- templateUrl: './progress-bar-configurable-example.html',
- styleUrls: ['./progress-bar-configurable-example.css'],
-})
-export class ProgressBarConfigurableExample {
- color = 'primary';
- mode = 'determinate';
- value = 50;
- bufferValue = 75;
-}
diff --git a/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.css b/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.html b/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.html
deleted file mode 100644
index 8ab16e9cf..000000000
--- a/src/assets/plunker/examples/progress-bar-overview/progress-bar-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-
-
- Progress spinner configuration
-
-
- Color:
-
-
- Primary
-
-
- Accent
-
-
- Warn
-
-
-
-
-
- Mode:
-
-
- Determinate
-
-
- Indeterminate
-
-
-
-
-
-
-
-
-
- Result
-
-
-
-
-
diff --git a/src/assets/plunker/examples/progress-spinner-configurable/progress-spinner-configurable-example.ts b/src/assets/plunker/examples/progress-spinner-configurable/progress-spinner-configurable-example.ts
deleted file mode 100644
index b621aaa51..000000000
--- a/src/assets/plunker/examples/progress-spinner-configurable/progress-spinner-configurable-example.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'progress-spinner-configurable-example',
- templateUrl: './progress-spinner-configurable-example.html',
- styleUrls: ['./progress-spinner-configurable-example.css'],
-})
-export class ProgressSpinnerConfigurableExample {
- color = 'primary';
- mode = 'determinate';
- value = 50;
-}
diff --git a/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.css b/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.html b/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.html
deleted file mode 100644
index cd768c673..000000000
--- a/src/assets/plunker/examples/progress-spinner-overview/progress-spinner-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-
-
- {{season}}
-
-
-Your favorite season is: {{favoriteSeason}}
diff --git a/src/assets/plunker/examples/radio-ng-model/radio-ng-model-example.ts b/src/assets/plunker/examples/radio-ng-model/radio-ng-model-example.ts
deleted file mode 100644
index 42e93bc5d..000000000
--- a/src/assets/plunker/examples/radio-ng-model/radio-ng-model-example.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'radio-ng-model-example',
- templateUrl: './radio-ng-model-example.html',
- styleUrls: ['./radio-ng-model-example.css'],
-})
-export class RadioNgModelExample {
- favoriteSeason: string;
-
- seasons = [
- 'Winter',
- 'Spring',
- 'Summer',
- 'Autumn',
- ];
-}
diff --git a/src/assets/plunker/examples/radio-overview/radio-overview-example.css b/src/assets/plunker/examples/radio-overview/radio-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/radio-overview/radio-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/radio-overview/radio-overview-example.html b/src/assets/plunker/examples/radio-overview/radio-overview-example.html
deleted file mode 100644
index 4038381cc..000000000
--- a/src/assets/plunker/examples/radio-overview/radio-overview-example.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
- Option 1
- Option 2
-
diff --git a/src/assets/plunker/examples/radio-overview/radio-overview-example.ts b/src/assets/plunker/examples/radio-overview/radio-overview-example.ts
deleted file mode 100644
index a845835e4..000000000
--- a/src/assets/plunker/examples/radio-overview/radio-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'radio-overview-example',
- templateUrl: './radio-overview-example.html',
-})
-export class RadioOverviewExample {}
diff --git a/src/assets/plunker/examples/select-form/select-form-example.css b/src/assets/plunker/examples/select-form/select-form-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/select-form/select-form-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/select-form/select-form-example.html b/src/assets/plunker/examples/select-form/select-form-example.html
deleted file mode 100644
index 6dea33cc5..000000000
--- a/src/assets/plunker/examples/select-form/select-form-example.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
diff --git a/src/assets/plunker/examples/select-form/select-form-example.ts b/src/assets/plunker/examples/select-form/select-form-example.ts
deleted file mode 100644
index 684bf016e..000000000
--- a/src/assets/plunker/examples/select-form/select-form-example.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'select-form-example',
- templateUrl: './select-form-example.html',
-})
-export class SelectFormExample {
- selectedValue: string;
-
- foods = [
- {value: 'steak-0', viewValue: 'Steak'},
- {value: 'pizza-1', viewValue: 'Pizza'},
- {value: 'tacos-2', viewValue: 'Tacos'}
- ];
-}
diff --git a/src/assets/plunker/examples/select-overview/select-overview-example.css b/src/assets/plunker/examples/select-overview/select-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/select-overview/select-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/select-overview/select-overview-example.html b/src/assets/plunker/examples/select-overview/select-overview-example.html
deleted file mode 100644
index a4017ca5c..000000000
--- a/src/assets/plunker/examples/select-overview/select-overview-example.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
- {{ food.viewValue }}
-
-
diff --git a/src/assets/plunker/examples/select-overview/select-overview-example.ts b/src/assets/plunker/examples/select-overview/select-overview-example.ts
deleted file mode 100644
index 8162dc7f6..000000000
--- a/src/assets/plunker/examples/select-overview/select-overview-example.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'select-overview-example',
- templateUrl: './select-overview-example.html',
-})
-export class SelectOverviewExample {
- foods = [
- {value: 'steak-0', viewValue: 'Steak'},
- {value: 'pizza-1', viewValue: 'Pizza'},
- {value: 'tacos-2', viewValue: 'Tacos'}
- ];
-}
diff --git a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.css b/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.css
deleted file mode 100644
index 51cdee38f..000000000
--- a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.example-sidenav-fab-container {
- width: 500px;
- height: 300px;
- border: 1px solid rgba(0, 0, 0, 0.5);
-}
-
-.example-sidenav-fab-container md-sidenav {
- max-width: 200px;
-}
-
-.example-sidenav-fab-container .mat-sidenav-content,
-.example-sidenav-fab-container md-sidenav {
- display: flex;
- overflow: visible;
-}
-
-.example-scrolling-content {
- overflow: auto;
-}
-
-.example-fab {
- position: absolute;
- right: 20px;
- bottom: 10px;
-}
diff --git a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.html b/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.html
deleted file mode 100644
index f194c0985..000000000
--- a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.html
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
- add
-
-
- Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus,
- fusce vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam
- nunc id, neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna
- aliquam magna. Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor
- vel urna occaecat cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at,
- ligula ipsum dui sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu
- enim fringilla. Arcu erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis,
- tristique vehicula nibh ipsum vivamus, proin proin. Porta commodo nibh quis libero amet.
- Taciti dui, sapien consectetuer.
-
-
-
- add
-
-
- Lorem ipsum dolor sit amet, pede a libero aenean phasellus, lectus metus sint ut risus, fusce
- vel in pellentesque. Nisl rutrum etiam morbi consectetuer tempor magna, aenean nullam nunc id,
- neque vivamus interdum sociis nulla scelerisque sem, dolor id wisi turpis magna aliquam magna.
- Risus accumsan hac eget etiam donec sed, senectus erat mattis quam, tempor vel urna occaecat
- cras, metus urna augue nec at. Et morbi amet dui praesent, nec eu at, ligula ipsum dui
- sollicitudin, quis nisl massa viverra ligula, mauris fermentum orci arcu enim fringilla. Arcu
- erat nulla in aenean lacinia ullamcorper, urna ante nam et sagittis, tristique vehicula nibh
- ipsum vivamus, proin proin. Porta commodo nibh quis libero amet. Taciti dui, sapien
- consectetuer.
-
-
diff --git a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.ts b/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.ts
deleted file mode 100644
index a86050b29..000000000
--- a/src/assets/plunker/examples/sidenav-fab/sidenav-fab-example.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component, ViewEncapsulation} from '@angular/core';
-
-
-@Component({
- selector: 'sidenav-fab-example',
- templateUrl: './sidenav-fab-example.html',
- styleUrls: ['./sidenav-fab-example.css'],
- encapsulation: ViewEncapsulation.None,
-})
-export class SidenavFabExample {}
diff --git a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.css b/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.css
deleted file mode 100644
index 8ab00588b..000000000
--- a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.example-container {
- width: 500px;
- height: 300px;
- border: 1px solid rgba(0, 0, 0, 0.5);
-}
-
-.example-sidenav-content {
- display: flex;
- height: 100%;
- align-items: center;
- justify-content: center;
-}
-
-.example-sidenav {
- padding: 20px;
-}
diff --git a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.html b/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.html
deleted file mode 100644
index 83f34793b..000000000
--- a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.html
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
- Jolly good!
-
-
-
-
- Open sidenav
-
-
-
-
diff --git a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.ts b/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.ts
deleted file mode 100644
index 533802a90..000000000
--- a/src/assets/plunker/examples/sidenav-overview/sidenav-overview-example.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'sidenav-overview-example',
- templateUrl: './sidenav-overview-example.html',
- styleUrls: ['./sidenav-overview-example.css'],
-})
-export class SidenavOverviewExample {}
diff --git a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.css b/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.css
deleted file mode 100644
index 060532ee7..000000000
--- a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.example-h2 {
- margin: 10px;
-}
-
-.example-section {
- display: flex;
- align-content: center;
- align-items: center;
- height: 60px;
-}
-
-.example-margin {
- margin: 10px;
-}
diff --git a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.html b/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.html
deleted file mode 100644
index 88099f4b0..000000000
--- a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.html
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
- Slider configuration
-
-
- Color:
-
-
- Primary
-
-
- Accent
-
-
- Warn
-
-
-
-
-
-
-
-
-
-
-
-
- Result
-
-
-
-
diff --git a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.ts b/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.ts
deleted file mode 100644
index cfa28cedd..000000000
--- a/src/assets/plunker/examples/slide-toggle-configurable/slide-toggle-configurable-example.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'slide-toggle-configurable-example',
- templateUrl: './slide-toggle-configurable-example.html',
- styleUrls: ['./slide-toggle-configurable-example.css'],
-})
-export class SlideToggleConfigurableExample {
- color = 'accent';
- checked = false;
- disabled = false;
-}
diff --git a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.css b/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.html b/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.html
deleted file mode 100644
index 6b9586e14..000000000
--- a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-Slide me!
diff --git a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.ts b/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.ts
deleted file mode 100644
index 0f35c9d5e..000000000
--- a/src/assets/plunker/examples/slide-toggle-overview/slide-toggle-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'slide-toggle-overview-example',
- templateUrl: './slide-toggle-overview-example.html',
-})
-export class SlideToggleOverviewExample {}
diff --git a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.css b/src/assets/plunker/examples/slider-configurable/slider-configurable-example.css
deleted file mode 100644
index 1f954ba8b..000000000
--- a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.example-h2 {
- margin: 10px;
-}
-
-.example-section {
- display: flex;
- align-content: center;
- align-items: center;
- height: 60px;
-}
-
-.example-margin {
- margin: 10px;
-}
-
-.mat-slider-horizontal {
- width: 300px;
-}
-
-.mat-slider-vertical {
- height: 300px;
-}
diff --git a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.html b/src/assets/plunker/examples/slider-configurable/slider-configurable-example.html
deleted file mode 100644
index ba886e760..000000000
--- a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.html
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
- Slider configuration
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Result
-
-
-
-
-
diff --git a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.ts b/src/assets/plunker/examples/slider-configurable/slider-configurable-example.ts
deleted file mode 100644
index 933a9dee7..000000000
--- a/src/assets/plunker/examples/slider-configurable/slider-configurable-example.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import {Component, ViewEncapsulation} from '@angular/core';
-
-
-@Component({
- selector: 'slider-configurable-example',
- templateUrl: './slider-configurable-example.html',
- styleUrls: ['./slider-configurable-example.css'],
- encapsulation: ViewEncapsulation.None,
-})
-export class SliderConfigurableExample {
- autoTicks = false;
- disabled = false;
- invert = false;
- max = 100;
- min = 0;
- showTicks = false;
- step = 1;
- thumbLabel = false;
- value = 0;
- vertical = false;
-
- get tickInterval(): number | 'auto' {
- return this.showTicks ? (this.autoTicks ? 'auto' : this._tickInterval) : null;
- }
- set tickInterval(v) {
- this._tickInterval = Number(v);
- }
- private _tickInterval = 1;
-}
diff --git a/src/assets/plunker/examples/slider-overview/slider-overview-example.css b/src/assets/plunker/examples/slider-overview/slider-overview-example.css
deleted file mode 100644
index 8dfe08ccc..000000000
--- a/src/assets/plunker/examples/slider-overview/slider-overview-example.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/** No CSS for this example */
-md-slider {
- width: 300px;
-}
diff --git a/src/assets/plunker/examples/slider-overview/slider-overview-example.html b/src/assets/plunker/examples/slider-overview/slider-overview-example.html
deleted file mode 100644
index 9a92c8f86..000000000
--- a/src/assets/plunker/examples/slider-overview/slider-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-
- 🍕🍕🍕🍕🍕 Pizza party!!! 🍕🍕🍕🍕🍕
-
diff --git a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.css b/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.css
deleted file mode 100644
index fa7dc6749..000000000
--- a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.example-pizza-party {
- color: hotpink;
-}
diff --git a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.html b/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.html
deleted file mode 100644
index 69fe01bc3..000000000
--- a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
- Pizza party
-
diff --git a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.ts b/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.ts
deleted file mode 100644
index 03ef19e8a..000000000
--- a/src/assets/plunker/examples/snack-bar-component/snack-bar-component-example.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import {Component} from '@angular/core';
-import {MdSnackBar} from '@angular/material';
-
-
-@Component({
- selector: 'snack-bar-component-example',
- templateUrl: './snack-bar-component-example.html',
-})
-export class SnackBarComponentExample {
- constructor(public snackBar: MdSnackBar) {}
-
- openSnackBar() {
- this.snackBar.openFromComponent(PizzaPartyComponent, {
- duration: 500,
- });
- }
-}
-
-
-@Component({
- selector: 'snack-bar-component-example-snack',
- templateUrl: './snack-bar-component-example-snack.html',
- styleUrls: ['./snack-bar-component-example-snack.css'],
-})
-export class PizzaPartyComponent {}
diff --git a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.css b/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.html b/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.html
deleted file mode 100644
index 91cb38c8b..000000000
--- a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-Show snack-bar
diff --git a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.ts b/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.ts
deleted file mode 100644
index 312de83ea..000000000
--- a/src/assets/plunker/examples/snack-bar-overview/snack-bar-overview-example.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Component} from '@angular/core';
-import {MdSnackBar} from '@angular/material';
-
-
-@Component({
- selector: 'snack-bar-overview-example',
- templateUrl: './snack-bar-overview-example.html',
-})
-export class SnackBarOverviewExample {
- constructor(public snackBar: MdSnackBar) {}
-
- openSnackBar(message: string, action: string) {
- this.snackBar.open(message, action, {
- duration: 2000,
- });
- }
-}
diff --git a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.css b/src/assets/plunker/examples/tabs-overview/tabs-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.html b/src/assets/plunker/examples/tabs-overview/tabs-overview-example.html
deleted file mode 100644
index 173ece5dc..000000000
--- a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
- Content 1
- Content 2
-
diff --git a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.ts b/src/assets/plunker/examples/tabs-overview/tabs-overview-example.ts
deleted file mode 100644
index 4f222c112..000000000
--- a/src/assets/plunker/examples/tabs-overview/tabs-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'tabs-overview-example',
- templateUrl: './tabs-overview-example.html',
-})
-export class TabsOverviewExample {}
diff --git a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.css b/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.html b/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.html
deleted file mode 100644
index bde67b8e9..000000000
--- a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.html
+++ /dev/null
@@ -1 +0,0 @@
-More examples coming soon!
diff --git a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.ts b/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.ts
deleted file mode 100644
index 7015b1f74..000000000
--- a/src/assets/plunker/examples/tabs-template-label/tabs-template-label-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'tabs-template-label-example',
- templateUrl: './tabs-template-label-example.html',
-})
-export class TabsTemplateLabelExample {}
diff --git a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.css b/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.css
deleted file mode 100644
index d7c40156b..000000000
--- a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.example-icon {
- padding: 0 14px;
-}
-
-.example-spacer {
- flex: 1 1 auto;
-}
diff --git a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.html b/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.html
deleted file mode 100644
index 9b178a212..000000000
--- a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
- Custom Toolbar
-
-
- Second Line
- verified_user
-
-
-
- Third Line
- favorite
- delete
-
-
diff --git a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.ts b/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.ts
deleted file mode 100644
index 132b98174..000000000
--- a/src/assets/plunker/examples/toolbar-multirow/toolbar-multirow-example.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'toolbar-multirow-example',
- templateUrl: './toolbar-multirow-example.html',
- styleUrls: ['./toolbar-multirow-example.css'],
-})
-export class ToolbarMultirowExample {}
diff --git a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.css b/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.html b/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.html
deleted file mode 100644
index bf8cc3998..000000000
--- a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-My App
diff --git a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.ts b/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.ts
deleted file mode 100644
index 6919aca4f..000000000
--- a/src/assets/plunker/examples/toolbar-overview/toolbar-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'toolbar-overview-example',
- templateUrl: './toolbar-overview-example.html',
-})
-export class ToolbarOverviewExample {}
diff --git a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.css b/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.css
deleted file mode 100644
index 743230875..000000000
--- a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.html b/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.html
deleted file mode 100644
index 8319a8545..000000000
--- a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.html
+++ /dev/null
@@ -1 +0,0 @@
-I have a tooltip
diff --git a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.ts b/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.ts
deleted file mode 100644
index cf9eefc94..000000000
--- a/src/assets/plunker/examples/tooltip-overview/tooltip-overview-example.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'tooltip-overview-example',
- templateUrl: './tooltip-overview-example.html',
-})
-export class TooltipOverviewExample {}
diff --git a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.css b/src/assets/plunker/examples/tooltip-position/tooltip-position-example.css
deleted file mode 100644
index 04ec59dd1..000000000
--- a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.example-tooltip-host {
- display: inline-flex;
- align-items: center;
- margin: 50px;
-}
-
-.example-select {
- margin: 0 10px;
-}
diff --git a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.html b/src/assets/plunker/examples/tooltip-position/tooltip-position-example.html
deleted file mode 100644
index 156a5bf68..000000000
--- a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.html
+++ /dev/null
@@ -1,11 +0,0 @@
-
- Show tooltip
-
- Before
- After
- Above
- Below
- Left
- Right
-
-
diff --git a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.ts b/src/assets/plunker/examples/tooltip-position/tooltip-position-example.ts
deleted file mode 100644
index 0b580c722..000000000
--- a/src/assets/plunker/examples/tooltip-position/tooltip-position-example.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-
-@Component({
- selector: 'tooltip-position-example',
- templateUrl: './tooltip-position-example.html',
- styleUrls: ['./tooltip-position-example.css'],
-})
-export class TooltipPositionExample {
- position = 'before';
-}
diff --git a/tools/fetch-assets.sh b/tools/fetch-assets.sh
index a96ec904b..1636c108e 100755
--- a/tools/fetch-assets.sh
+++ b/tools/fetch-assets.sh
@@ -9,6 +9,8 @@ docAssetsPath=./src/assets/documents/
# Dir where live-example assets will be copied
exampleAssetsPath=./src/assets/
+plunkerExampleAssetsPath=./src/assets/plunker/
+
# Dir where published assets will temporarily copied to (using `git clone`).
tmpAssetClonePath=/tmp/material-assets
@@ -17,21 +19,26 @@ docsContentRepo=https://github.com/angular/material2-docs-content
# Dirs for each of api docs, guides, overviews, and live-examples within the
# cloned content repo.
-apiPath=$tmpAssetClonePath/api
-guidesPath=$tmpAssetClonePath/guides
-overviewPath=$tmpAssetClonePath/overview
-examplesPath=$tmpAssetClonePath/examples/
+apiPath=${tmpAssetClonePath}/api
+guidesPath=${tmpAssetClonePath}/guides
+overviewPath=${tmpAssetClonePath}/overview
+examplesPath=${tmpAssetClonePath}/examples/
+plunkerExamplesPath=${tmpAssetClonePath}/plunker/examples/
# Create folders into which to copy content and assets.
-mkdir -p $tmpAssetClonePath
-mkdir -p $exampleAssetsPath $docAssetsPath
+mkdir -p ${tmpAssetClonePath}
+mkdir -p ${exampleAssetsPath} ${docAssetsPath}
# Pull assets from repo and remove .git directory
-git clone $docsContentRepo $tmpAssetClonePath
+git clone ${docsContentRepo} ${tmpAssetClonePath}
# Copy files over to their proper place in src/assets
-cp -r $apiPath $overviewPath $guidesPath $docAssetsPath
-cp -r $examplesPath $exampleAssetsPath
+cp -r ${apiPath} ${overviewPath} ${guidesPath} ${docAssetsPath}
+cp -r ${examplesPath} ${exampleAssetsPath}
+cp -r ${plunkerExamplesPath} ${plunkerExampleAssetsPath}
+
+# Install the live examples component library
+npm i ${tmpAssetClonePath}/examples-package
# Remove temporary directory
-rm -rf $tmpAssetClonePath
+rm -rf ${tmpAssetClonePath}
-