diff --git a/src/app/shared/example-viewer/example-viewer.ts b/src/app/shared/example-viewer/example-viewer.ts index e1423da74..490b544f2 100644 --- a/src/app/shared/example-viewer/example-viewer.ts +++ b/src/app/shared/example-viewer/example-viewer.ts @@ -48,6 +48,6 @@ export class ExampleViewer { } exampleFileUrl(extension: string) { - return `/assets/examples/${this.example}-example.${extension.toLowerCase()}.html`; + return `/assets/examples/${this.example}-example-${extension.toLowerCase()}.html`; } } diff --git a/src/assets/documents/overview/icon.html b/src/assets/documents/overview/icon.html index f071d8259..286bd8c30 100644 --- a/src/assets/documents/overview/icon.html +++ b/src/assets/documents/overview/icon.html @@ -1,6 +1,6 @@

md-icon makes it easier to use vector-based icons in your app. This directive supports both icon fonts and SVG icons, but not bitmap-based formats (png, jpg, etc.).

-
+

Registering icons

MdIconRegistry is an injectable service that allows you to associate icon names with SVG URLs and define aliases for CSS font classes. Its methods are discussed below and listed in the API summary.

diff --git a/src/assets/examples/button-overview-example.css.html b/src/assets/examples/button-overview-example-css.html similarity index 100% rename from src/assets/examples/button-overview-example.css.html rename to src/assets/examples/button-overview-example-css.html diff --git a/src/assets/examples/button-overview-example.html.html b/src/assets/examples/button-overview-example-html.html similarity index 100% rename from src/assets/examples/button-overview-example.html.html rename to src/assets/examples/button-overview-example-html.html diff --git a/src/assets/examples/button-overview-example.ts.html b/src/assets/examples/button-overview-example-ts.html similarity index 100% rename from src/assets/examples/button-overview-example.ts.html rename to src/assets/examples/button-overview-example-ts.html diff --git a/src/assets/examples/button-toggle-exclusive-example.css.html b/src/assets/examples/button-toggle-exclusive-example-css.html similarity index 100% rename from src/assets/examples/button-toggle-exclusive-example.css.html rename to src/assets/examples/button-toggle-exclusive-example-css.html diff --git a/src/assets/examples/button-toggle-exclusive-example.html.html b/src/assets/examples/button-toggle-exclusive-example-html.html similarity index 100% rename from src/assets/examples/button-toggle-exclusive-example.html.html rename to src/assets/examples/button-toggle-exclusive-example-html.html diff --git a/src/assets/examples/button-toggle-exclusive-example.ts.html b/src/assets/examples/button-toggle-exclusive-example-ts.html similarity index 100% rename from src/assets/examples/button-toggle-exclusive-example.ts.html rename to src/assets/examples/button-toggle-exclusive-example-ts.html diff --git a/src/assets/examples/button-toggle-overview-example.css.html b/src/assets/examples/button-toggle-overview-example-css.html similarity index 100% rename from src/assets/examples/button-toggle-overview-example.css.html rename to src/assets/examples/button-toggle-overview-example-css.html diff --git a/src/assets/examples/button-toggle-overview-example.html.html b/src/assets/examples/button-toggle-overview-example-html.html similarity index 100% rename from src/assets/examples/button-toggle-overview-example.html.html rename to src/assets/examples/button-toggle-overview-example-html.html diff --git a/src/assets/examples/button-toggle-overview-example.ts.html b/src/assets/examples/button-toggle-overview-example-ts.html similarity index 100% rename from src/assets/examples/button-toggle-overview-example.ts.html rename to src/assets/examples/button-toggle-overview-example-ts.html diff --git a/src/assets/examples/button-types-example.css.html b/src/assets/examples/button-types-example-css.html similarity index 100% rename from src/assets/examples/button-types-example.css.html rename to src/assets/examples/button-types-example-css.html diff --git a/src/assets/examples/button-types-example.html.html b/src/assets/examples/button-types-example-html.html similarity index 100% rename from src/assets/examples/button-types-example.html.html rename to src/assets/examples/button-types-example-html.html diff --git a/src/assets/examples/button-types-example.ts.html b/src/assets/examples/button-types-example-ts.html similarity index 100% rename from src/assets/examples/button-types-example.ts.html rename to src/assets/examples/button-types-example-ts.html diff --git a/src/assets/examples/card-fancy-example.css.html b/src/assets/examples/card-fancy-example-css.html similarity index 100% rename from src/assets/examples/card-fancy-example.css.html rename to src/assets/examples/card-fancy-example-css.html diff --git a/src/assets/examples/card-fancy-example.html.html b/src/assets/examples/card-fancy-example-html.html similarity index 100% rename from src/assets/examples/card-fancy-example.html.html rename to src/assets/examples/card-fancy-example-html.html diff --git a/src/assets/examples/card-fancy-example.ts.html b/src/assets/examples/card-fancy-example-ts.html similarity index 100% rename from src/assets/examples/card-fancy-example.ts.html rename to src/assets/examples/card-fancy-example-ts.html diff --git a/src/assets/examples/card-overview-example.css.html b/src/assets/examples/card-overview-example-css.html similarity index 100% rename from src/assets/examples/card-overview-example.css.html rename to src/assets/examples/card-overview-example-css.html diff --git a/src/assets/examples/card-overview-example.html.html b/src/assets/examples/card-overview-example-html.html similarity index 100% rename from src/assets/examples/card-overview-example.html.html rename to src/assets/examples/card-overview-example-html.html diff --git a/src/assets/examples/card-overview-example.ts.html b/src/assets/examples/card-overview-example-ts.html similarity index 100% rename from src/assets/examples/card-overview-example.ts.html rename to src/assets/examples/card-overview-example-ts.html diff --git a/src/assets/examples/checkbox-configurable-example.css.html b/src/assets/examples/checkbox-configurable-example-css.html similarity index 100% rename from src/assets/examples/checkbox-configurable-example.css.html rename to src/assets/examples/checkbox-configurable-example-css.html diff --git a/src/assets/examples/checkbox-configurable-example.html.html b/src/assets/examples/checkbox-configurable-example-html.html similarity index 100% rename from src/assets/examples/checkbox-configurable-example.html.html rename to src/assets/examples/checkbox-configurable-example-html.html diff --git a/src/assets/examples/checkbox-configurable-example.ts.html b/src/assets/examples/checkbox-configurable-example-ts.html similarity index 100% rename from src/assets/examples/checkbox-configurable-example.ts.html rename to src/assets/examples/checkbox-configurable-example-ts.html diff --git a/src/assets/examples/checkbox-overview-example.css.html b/src/assets/examples/checkbox-overview-example-css.html similarity index 100% rename from src/assets/examples/checkbox-overview-example.css.html rename to src/assets/examples/checkbox-overview-example-css.html diff --git a/src/assets/examples/checkbox-overview-example.html.html b/src/assets/examples/checkbox-overview-example-html.html similarity index 100% rename from src/assets/examples/checkbox-overview-example.html.html rename to src/assets/examples/checkbox-overview-example-html.html diff --git a/src/assets/examples/checkbox-overview-example.ts.html b/src/assets/examples/checkbox-overview-example-ts.html similarity index 100% rename from src/assets/examples/checkbox-overview-example.ts.html rename to src/assets/examples/checkbox-overview-example-ts.html diff --git a/src/assets/examples/chips-overview-example.css.html b/src/assets/examples/chips-overview-example-css.html similarity index 100% rename from src/assets/examples/chips-overview-example.css.html rename to src/assets/examples/chips-overview-example-css.html diff --git a/src/assets/examples/chips-overview-example.html.html b/src/assets/examples/chips-overview-example-html.html similarity index 100% rename from src/assets/examples/chips-overview-example.html.html rename to src/assets/examples/chips-overview-example-html.html diff --git a/src/assets/examples/chips-overview-example.ts.html b/src/assets/examples/chips-overview-example-ts.html similarity index 100% rename from src/assets/examples/chips-overview-example.ts.html rename to src/assets/examples/chips-overview-example-ts.html diff --git a/src/assets/examples/chips-stacked-example.css.html b/src/assets/examples/chips-stacked-example-css.html similarity index 100% rename from src/assets/examples/chips-stacked-example.css.html rename to src/assets/examples/chips-stacked-example-css.html diff --git a/src/assets/examples/chips-stacked-example.html.html b/src/assets/examples/chips-stacked-example-html.html similarity index 100% rename from src/assets/examples/chips-stacked-example.html.html rename to src/assets/examples/chips-stacked-example-html.html diff --git a/src/assets/examples/chips-stacked-example.ts.html b/src/assets/examples/chips-stacked-example-ts.html similarity index 100% rename from src/assets/examples/chips-stacked-example.ts.html rename to src/assets/examples/chips-stacked-example-ts.html diff --git a/src/assets/examples/dialog-overview-example.css.html b/src/assets/examples/dialog-overview-example-css.html similarity index 100% rename from src/assets/examples/dialog-overview-example.css.html rename to src/assets/examples/dialog-overview-example-css.html diff --git a/src/assets/examples/dialog-overview-example-dialog.html.html b/src/assets/examples/dialog-overview-example-dialog-html.html similarity index 100% rename from src/assets/examples/dialog-overview-example-dialog.html.html rename to src/assets/examples/dialog-overview-example-dialog-html.html diff --git a/src/assets/examples/dialog-overview-example.html.html b/src/assets/examples/dialog-overview-example-html.html similarity index 100% rename from src/assets/examples/dialog-overview-example.html.html rename to src/assets/examples/dialog-overview-example-html.html diff --git a/src/assets/examples/dialog-overview-example.ts.html b/src/assets/examples/dialog-overview-example-ts.html similarity index 100% rename from src/assets/examples/dialog-overview-example.ts.html rename to src/assets/examples/dialog-overview-example-ts.html diff --git a/src/assets/examples/dialog-result-example.css.html b/src/assets/examples/dialog-result-example-css.html similarity index 100% rename from src/assets/examples/dialog-result-example.css.html rename to src/assets/examples/dialog-result-example-css.html diff --git a/src/assets/examples/dialog-result-example-dialog.html.html b/src/assets/examples/dialog-result-example-dialog-html.html similarity index 100% rename from src/assets/examples/dialog-result-example-dialog.html.html rename to src/assets/examples/dialog-result-example-dialog-html.html diff --git a/src/assets/examples/dialog-result-example.html.html b/src/assets/examples/dialog-result-example-html.html similarity index 100% rename from src/assets/examples/dialog-result-example.html.html rename to src/assets/examples/dialog-result-example-html.html diff --git a/src/assets/examples/dialog-result-example.ts.html b/src/assets/examples/dialog-result-example-ts.html similarity index 100% rename from src/assets/examples/dialog-result-example.ts.html rename to src/assets/examples/dialog-result-example-ts.html diff --git a/src/assets/examples/grid-list-dynamic-example.css.html b/src/assets/examples/grid-list-dynamic-example-css.html similarity index 100% rename from src/assets/examples/grid-list-dynamic-example.css.html rename to src/assets/examples/grid-list-dynamic-example-css.html diff --git a/src/assets/examples/grid-list-dynamic-example.html.html b/src/assets/examples/grid-list-dynamic-example-html.html similarity index 100% rename from src/assets/examples/grid-list-dynamic-example.html.html rename to src/assets/examples/grid-list-dynamic-example-html.html diff --git a/src/assets/examples/grid-list-dynamic-example.ts.html b/src/assets/examples/grid-list-dynamic-example-ts.html similarity index 100% rename from src/assets/examples/grid-list-dynamic-example.ts.html rename to src/assets/examples/grid-list-dynamic-example-ts.html diff --git a/src/assets/examples/grid-list-overview-example.css.html b/src/assets/examples/grid-list-overview-example-css.html similarity index 100% rename from src/assets/examples/grid-list-overview-example.css.html rename to src/assets/examples/grid-list-overview-example-css.html diff --git a/src/assets/examples/grid-list-overview-example.html.html b/src/assets/examples/grid-list-overview-example-html.html similarity index 100% rename from src/assets/examples/grid-list-overview-example.html.html rename to src/assets/examples/grid-list-overview-example-html.html diff --git a/src/assets/examples/grid-list-overview-example.ts.html b/src/assets/examples/grid-list-overview-example-ts.html similarity index 100% rename from src/assets/examples/grid-list-overview-example.ts.html rename to src/assets/examples/grid-list-overview-example-ts.html diff --git a/src/assets/examples/icon-overview-example.css.html b/src/assets/examples/icon-overview-example-css.html similarity index 100% rename from src/assets/examples/icon-overview-example.css.html rename to src/assets/examples/icon-overview-example-css.html diff --git a/src/assets/examples/icon-overview-example.html.html b/src/assets/examples/icon-overview-example-html.html similarity index 100% rename from src/assets/examples/icon-overview-example.html.html rename to src/assets/examples/icon-overview-example-html.html diff --git a/src/assets/examples/icon-overview-example.ts.html b/src/assets/examples/icon-overview-example-ts.html similarity index 100% rename from src/assets/examples/icon-overview-example.ts.html rename to src/assets/examples/icon-overview-example-ts.html diff --git a/src/assets/examples/icon-svg-example.css.html b/src/assets/examples/icon-svg-example-css.html similarity index 100% rename from src/assets/examples/icon-svg-example.css.html rename to src/assets/examples/icon-svg-example-css.html diff --git a/src/assets/examples/icon-svg-example.html.html b/src/assets/examples/icon-svg-example-html.html similarity index 100% rename from src/assets/examples/icon-svg-example.html.html rename to src/assets/examples/icon-svg-example-html.html diff --git a/src/assets/examples/icon-svg-example.ts.html b/src/assets/examples/icon-svg-example-ts.html similarity index 100% rename from src/assets/examples/icon-svg-example.ts.html rename to src/assets/examples/icon-svg-example-ts.html diff --git a/src/assets/examples/input-form-example.css.html b/src/assets/examples/input-form-example-css.html similarity index 100% rename from src/assets/examples/input-form-example.css.html rename to src/assets/examples/input-form-example-css.html diff --git a/src/assets/examples/input-form-example.html.html b/src/assets/examples/input-form-example-html.html similarity index 100% rename from src/assets/examples/input-form-example.html.html rename to src/assets/examples/input-form-example-html.html diff --git a/src/assets/examples/input-form-example.ts.html b/src/assets/examples/input-form-example-ts.html similarity index 100% rename from src/assets/examples/input-form-example.ts.html rename to src/assets/examples/input-form-example-ts.html diff --git a/src/assets/examples/input-overview-example.css.html b/src/assets/examples/input-overview-example-css.html similarity index 100% rename from src/assets/examples/input-overview-example.css.html rename to src/assets/examples/input-overview-example-css.html diff --git a/src/assets/examples/input-overview-example.html.html b/src/assets/examples/input-overview-example-html.html similarity index 100% rename from src/assets/examples/input-overview-example.html.html rename to src/assets/examples/input-overview-example-html.html diff --git a/src/assets/examples/input-overview-example.ts.html b/src/assets/examples/input-overview-example-ts.html similarity index 100% rename from src/assets/examples/input-overview-example.ts.html rename to src/assets/examples/input-overview-example-ts.html diff --git a/src/assets/examples/list-overview-example.css.html b/src/assets/examples/list-overview-example-css.html similarity index 100% rename from src/assets/examples/list-overview-example.css.html rename to src/assets/examples/list-overview-example-css.html diff --git a/src/assets/examples/list-overview-example.html.html b/src/assets/examples/list-overview-example-html.html similarity index 100% rename from src/assets/examples/list-overview-example.html.html rename to src/assets/examples/list-overview-example-html.html diff --git a/src/assets/examples/list-overview-example.ts.html b/src/assets/examples/list-overview-example-ts.html similarity index 100% rename from src/assets/examples/list-overview-example.ts.html rename to src/assets/examples/list-overview-example-ts.html diff --git a/src/assets/examples/list-sections-example.css.html b/src/assets/examples/list-sections-example-css.html similarity index 100% rename from src/assets/examples/list-sections-example.css.html rename to src/assets/examples/list-sections-example-css.html diff --git a/src/assets/examples/list-sections-example.html.html b/src/assets/examples/list-sections-example-html.html similarity index 100% rename from src/assets/examples/list-sections-example.html.html rename to src/assets/examples/list-sections-example-html.html diff --git a/src/assets/examples/list-sections-example.ts.html b/src/assets/examples/list-sections-example-ts.html similarity index 100% rename from src/assets/examples/list-sections-example.ts.html rename to src/assets/examples/list-sections-example-ts.html diff --git a/src/assets/examples/menu-icons-example.css.html b/src/assets/examples/menu-icons-example-css.html similarity index 100% rename from src/assets/examples/menu-icons-example.css.html rename to src/assets/examples/menu-icons-example-css.html diff --git a/src/assets/examples/menu-icons-example.html.html b/src/assets/examples/menu-icons-example-html.html similarity index 100% rename from src/assets/examples/menu-icons-example.html.html rename to src/assets/examples/menu-icons-example-html.html diff --git a/src/assets/examples/menu-icons-example.ts.html b/src/assets/examples/menu-icons-example-ts.html similarity index 100% rename from src/assets/examples/menu-icons-example.ts.html rename to src/assets/examples/menu-icons-example-ts.html diff --git a/src/assets/examples/menu-overview-example.css.html b/src/assets/examples/menu-overview-example-css.html similarity index 100% rename from src/assets/examples/menu-overview-example.css.html rename to src/assets/examples/menu-overview-example-css.html diff --git a/src/assets/examples/menu-overview-example.html.html b/src/assets/examples/menu-overview-example-html.html similarity index 100% rename from src/assets/examples/menu-overview-example.html.html rename to src/assets/examples/menu-overview-example-html.html diff --git a/src/assets/examples/menu-overview-example.ts.html b/src/assets/examples/menu-overview-example-ts.html similarity index 100% rename from src/assets/examples/menu-overview-example.ts.html rename to src/assets/examples/menu-overview-example-ts.html diff --git a/src/assets/examples/progress-bar-configurable-example.css.html b/src/assets/examples/progress-bar-configurable-example-css.html similarity index 100% rename from src/assets/examples/progress-bar-configurable-example.css.html rename to src/assets/examples/progress-bar-configurable-example-css.html diff --git a/src/assets/examples/progress-bar-configurable-example.html.html b/src/assets/examples/progress-bar-configurable-example-html.html similarity index 100% rename from src/assets/examples/progress-bar-configurable-example.html.html rename to src/assets/examples/progress-bar-configurable-example-html.html diff --git a/src/assets/examples/progress-bar-configurable-example.ts.html b/src/assets/examples/progress-bar-configurable-example-ts.html similarity index 100% rename from src/assets/examples/progress-bar-configurable-example.ts.html rename to src/assets/examples/progress-bar-configurable-example-ts.html diff --git a/src/assets/examples/progress-bar-overview-example.css.html b/src/assets/examples/progress-bar-overview-example-css.html similarity index 100% rename from src/assets/examples/progress-bar-overview-example.css.html rename to src/assets/examples/progress-bar-overview-example-css.html diff --git a/src/assets/examples/progress-bar-overview-example.html.html b/src/assets/examples/progress-bar-overview-example-html.html similarity index 100% rename from src/assets/examples/progress-bar-overview-example.html.html rename to src/assets/examples/progress-bar-overview-example-html.html diff --git a/src/assets/examples/progress-bar-overview-example.ts.html b/src/assets/examples/progress-bar-overview-example-ts.html similarity index 100% rename from src/assets/examples/progress-bar-overview-example.ts.html rename to src/assets/examples/progress-bar-overview-example-ts.html diff --git a/src/assets/examples/progress-circle-configurable-example.css.html b/src/assets/examples/progress-circle-configurable-example-css.html similarity index 100% rename from src/assets/examples/progress-circle-configurable-example.css.html rename to src/assets/examples/progress-circle-configurable-example-css.html diff --git a/src/assets/examples/progress-circle-configurable-example.html.html b/src/assets/examples/progress-circle-configurable-example-html.html similarity index 100% rename from src/assets/examples/progress-circle-configurable-example.html.html rename to src/assets/examples/progress-circle-configurable-example-html.html diff --git a/src/assets/examples/progress-circle-configurable-example.ts.html b/src/assets/examples/progress-circle-configurable-example-ts.html similarity index 100% rename from src/assets/examples/progress-circle-configurable-example.ts.html rename to src/assets/examples/progress-circle-configurable-example-ts.html diff --git a/src/assets/examples/progress-circle-overview-example.css.html b/src/assets/examples/progress-circle-overview-example-css.html similarity index 100% rename from src/assets/examples/progress-circle-overview-example.css.html rename to src/assets/examples/progress-circle-overview-example-css.html diff --git a/src/assets/examples/progress-circle-overview-example.html.html b/src/assets/examples/progress-circle-overview-example-html.html similarity index 100% rename from src/assets/examples/progress-circle-overview-example.html.html rename to src/assets/examples/progress-circle-overview-example-html.html diff --git a/src/assets/examples/progress-circle-overview-example.ts.html b/src/assets/examples/progress-circle-overview-example-ts.html similarity index 100% rename from src/assets/examples/progress-circle-overview-example.ts.html rename to src/assets/examples/progress-circle-overview-example-ts.html diff --git a/src/assets/examples/radio-ngmodel-example.css.html b/src/assets/examples/radio-ng-model-example-css.html similarity index 100% rename from src/assets/examples/radio-ngmodel-example.css.html rename to src/assets/examples/radio-ng-model-example-css.html diff --git a/src/assets/examples/radio-ngmodel-example.html.html b/src/assets/examples/radio-ng-model-example-html.html similarity index 100% rename from src/assets/examples/radio-ngmodel-example.html.html rename to src/assets/examples/radio-ng-model-example-html.html diff --git a/src/assets/examples/radio-ngmodel-example.ts.html b/src/assets/examples/radio-ng-model-example-ts.html similarity index 69% rename from src/assets/examples/radio-ngmodel-example.ts.html rename to src/assets/examples/radio-ng-model-example-ts.html index 13a2c9581..06b8f9152 100644 --- a/src/assets/examples/radio-ngmodel-example.ts.html +++ b/src/assets/examples/radio-ng-model-example-ts.html @@ -2,9 +2,9 @@ @Component({ - selector: 'radio-ngmodel-example', - templateUrl: './radio-ngmodel-example.html', - styleUrls: ['./radio-ngmodel-example.css'], + selector: 'radio-ng-model-example', + templateUrl: './radio-ng-model-example.html', + styleUrls: ['./radio-ng-model-example.css'], }) export class RadioNgModelExample { favoriteSeason: string; diff --git a/src/assets/examples/radio-overview-example.css.html b/src/assets/examples/radio-overview-example-css.html similarity index 100% rename from src/assets/examples/radio-overview-example.css.html rename to src/assets/examples/radio-overview-example-css.html diff --git a/src/assets/examples/radio-overview-example.html.html b/src/assets/examples/radio-overview-example-html.html similarity index 100% rename from src/assets/examples/radio-overview-example.html.html rename to src/assets/examples/radio-overview-example-html.html diff --git a/src/assets/examples/radio-overview-example.ts.html b/src/assets/examples/radio-overview-example-ts.html similarity index 100% rename from src/assets/examples/radio-overview-example.ts.html rename to src/assets/examples/radio-overview-example-ts.html diff --git a/src/assets/examples/select-form-example.css.html b/src/assets/examples/select-form-example-css.html similarity index 100% rename from src/assets/examples/select-form-example.css.html rename to src/assets/examples/select-form-example-css.html diff --git a/src/assets/examples/select-form-example.html.html b/src/assets/examples/select-form-example-html.html similarity index 100% rename from src/assets/examples/select-form-example.html.html rename to src/assets/examples/select-form-example-html.html diff --git a/src/assets/examples/select-form-example.ts.html b/src/assets/examples/select-form-example-ts.html similarity index 100% rename from src/assets/examples/select-form-example.ts.html rename to src/assets/examples/select-form-example-ts.html diff --git a/src/assets/examples/select-overview-example.css.html b/src/assets/examples/select-overview-example-css.html similarity index 100% rename from src/assets/examples/select-overview-example.css.html rename to src/assets/examples/select-overview-example-css.html diff --git a/src/assets/examples/select-overview-example.html.html b/src/assets/examples/select-overview-example-html.html similarity index 100% rename from src/assets/examples/select-overview-example.html.html rename to src/assets/examples/select-overview-example-html.html diff --git a/src/assets/examples/select-overview-example.ts.html b/src/assets/examples/select-overview-example-ts.html similarity index 100% rename from src/assets/examples/select-overview-example.ts.html rename to src/assets/examples/select-overview-example-ts.html diff --git a/src/assets/examples/sidenav-fab-example.css.html b/src/assets/examples/sidenav-fab-example-css.html similarity index 100% rename from src/assets/examples/sidenav-fab-example.css.html rename to src/assets/examples/sidenav-fab-example-css.html diff --git a/src/assets/examples/sidenav-fab-example.html.html b/src/assets/examples/sidenav-fab-example-html.html similarity index 100% rename from src/assets/examples/sidenav-fab-example.html.html rename to src/assets/examples/sidenav-fab-example-html.html diff --git a/src/assets/examples/sidenav-fab-example.ts.html b/src/assets/examples/sidenav-fab-example-ts.html similarity index 100% rename from src/assets/examples/sidenav-fab-example.ts.html rename to src/assets/examples/sidenav-fab-example-ts.html diff --git a/src/assets/examples/sidenav-overview-example.css.html b/src/assets/examples/sidenav-overview-example-css.html similarity index 100% rename from src/assets/examples/sidenav-overview-example.css.html rename to src/assets/examples/sidenav-overview-example-css.html diff --git a/src/assets/examples/sidenav-overview-example.html.html b/src/assets/examples/sidenav-overview-example-html.html similarity index 100% rename from src/assets/examples/sidenav-overview-example.html.html rename to src/assets/examples/sidenav-overview-example-html.html diff --git a/src/assets/examples/sidenav-overview-example.ts.html b/src/assets/examples/sidenav-overview-example-ts.html similarity index 100% rename from src/assets/examples/sidenav-overview-example.ts.html rename to src/assets/examples/sidenav-overview-example-ts.html diff --git a/src/assets/examples/slide-toggle-configurable-example.css.html b/src/assets/examples/slide-toggle-configurable-example-css.html similarity index 100% rename from src/assets/examples/slide-toggle-configurable-example.css.html rename to src/assets/examples/slide-toggle-configurable-example-css.html diff --git a/src/assets/examples/slide-toggle-configurable-example.html.html b/src/assets/examples/slide-toggle-configurable-example-html.html similarity index 100% rename from src/assets/examples/slide-toggle-configurable-example.html.html rename to src/assets/examples/slide-toggle-configurable-example-html.html diff --git a/src/assets/examples/slide-toggle-configurable-example.ts.html b/src/assets/examples/slide-toggle-configurable-example-ts.html similarity index 100% rename from src/assets/examples/slide-toggle-configurable-example.ts.html rename to src/assets/examples/slide-toggle-configurable-example-ts.html diff --git a/src/assets/examples/slide-toggle-overview-example.css.html b/src/assets/examples/slide-toggle-overview-example-css.html similarity index 100% rename from src/assets/examples/slide-toggle-overview-example.css.html rename to src/assets/examples/slide-toggle-overview-example-css.html diff --git a/src/assets/examples/slide-toggle-overview-example.html.html b/src/assets/examples/slide-toggle-overview-example-html.html similarity index 100% rename from src/assets/examples/slide-toggle-overview-example.html.html rename to src/assets/examples/slide-toggle-overview-example-html.html diff --git a/src/assets/examples/slide-toggle-overview-example.ts.html b/src/assets/examples/slide-toggle-overview-example-ts.html similarity index 100% rename from src/assets/examples/slide-toggle-overview-example.ts.html rename to src/assets/examples/slide-toggle-overview-example-ts.html diff --git a/src/assets/examples/slider-configurable-example.css.html b/src/assets/examples/slider-configurable-example-css.html similarity index 100% rename from src/assets/examples/slider-configurable-example.css.html rename to src/assets/examples/slider-configurable-example-css.html diff --git a/src/assets/examples/slider-configurable-example.html.html b/src/assets/examples/slider-configurable-example-html.html similarity index 100% rename from src/assets/examples/slider-configurable-example.html.html rename to src/assets/examples/slider-configurable-example-html.html diff --git a/src/assets/examples/slider-configurable-example.ts.html b/src/assets/examples/slider-configurable-example-ts.html similarity index 100% rename from src/assets/examples/slider-configurable-example.ts.html rename to src/assets/examples/slider-configurable-example-ts.html diff --git a/src/assets/examples/slider-overview-example.css.html b/src/assets/examples/slider-overview-example-css.html similarity index 100% rename from src/assets/examples/slider-overview-example.css.html rename to src/assets/examples/slider-overview-example-css.html diff --git a/src/assets/examples/slider-overview-example.html.html b/src/assets/examples/slider-overview-example-html.html similarity index 100% rename from src/assets/examples/slider-overview-example.html.html rename to src/assets/examples/slider-overview-example-html.html diff --git a/src/assets/examples/slider-overview-example.ts.html b/src/assets/examples/slider-overview-example-ts.html similarity index 100% rename from src/assets/examples/slider-overview-example.ts.html rename to src/assets/examples/slider-overview-example-ts.html diff --git a/src/assets/examples/snack-bar-component-example-html.html b/src/assets/examples/snack-bar-component-example-html.html new file mode 100644 index 000000000..6154a011f --- /dev/null +++ b/src/assets/examples/snack-bar-component-example-html.html @@ -0,0 +1,3 @@ +<button md-button (click)="openSnackBar()" aria-label="Show an example snack-bar"> + Pizza party +</button> diff --git a/src/assets/examples/snack-bar-component-example-snack-css.html b/src/assets/examples/snack-bar-component-example-snack-css.html new file mode 100644 index 000000000..71fc7b41d --- /dev/null +++ b/src/assets/examples/snack-bar-component-example-snack-css.html @@ -0,0 +1,3 @@ +.example-pizza-party { + color: hotpink; +} diff --git a/src/assets/examples/snack-bar-component-example-snack-html.html b/src/assets/examples/snack-bar-component-example-snack-html.html new file mode 100644 index 000000000..3c9a73811 --- /dev/null +++ b/src/assets/examples/snack-bar-component-example-snack-html.html @@ -0,0 +1,3 @@ +<span class="example-pizza-party"> + 🍕🍕🍕🍕🍕 Pizza party!!! 🍕🍕🍕🍕🍕 +</span> diff --git a/src/assets/examples/snack-bar-component-example-snack.css.html b/src/assets/examples/snack-bar-component-example-snack.css.html deleted file mode 100644 index bb801280d..000000000 --- a/src/assets/examples/snack-bar-component-example-snack.css.html +++ /dev/null @@ -1,3 +0,0 @@ -.example-snack { - color: #0f0; -} diff --git a/src/assets/examples/snack-bar-component-example-snack.html.html b/src/assets/examples/snack-bar-component-example-snack.html.html deleted file mode 100644 index 929629614..000000000 --- a/src/assets/examples/snack-bar-component-example-snack.html.html +++ /dev/null @@ -1 +0,0 @@ -I'm a custom component... in a snack bar. diff --git a/src/assets/examples/snack-bar-component-example.ts.html b/src/assets/examples/snack-bar-component-example-ts.html similarity index 61% rename from src/assets/examples/snack-bar-component-example.ts.html rename to src/assets/examples/snack-bar-component-example-ts.html index 216d3ec89..792b700f5 100644 --- a/src/assets/examples/snack-bar-component-example.ts.html +++ b/src/assets/examples/snack-bar-component-example-ts.html @@ -1,14 +1,18 @@ -import {Component, ViewEncapsulation} from '@angular/core'; +import {Component} from '@angular/core'; import {MdSnackBar} from '@angular/material'; @Component({ selector: 'snack-bar-component-example', - template: '', + templateUrl: './snack-bar-component-example.html', }) export class SnackBarComponentExample { - constructor(snackBar: MdSnackBar) { - snackBar.openFromComponent(SnackBarComponentExampleSnack); + constructor(public snackBar: MdSnackBar) {} + + openSnackBar() { + this.snackBar.openFromComponent(PizzaPartyComponent, { + duration: 500, + }); } } @@ -17,9 +21,5 @@ selector: 'snack-bar-component-example-snack', templateUrl: './snack-bar-component-example-snack.html', styleUrls: ['./snack-bar-component-example-snack.css'], - host: { - 'class': 'example-snack', - }, - encapsulation: ViewEncapsulation.None, }) -export class SnackBarComponentExampleSnack {} +export class PizzaPartyComponent {} diff --git a/src/assets/examples/snack-bar-overview-example.css.html b/src/assets/examples/snack-bar-overview-example-css.html similarity index 100% rename from src/assets/examples/snack-bar-overview-example.css.html rename to src/assets/examples/snack-bar-overview-example-css.html diff --git a/src/assets/examples/snack-bar-overview-example.html.html b/src/assets/examples/snack-bar-overview-example-html.html similarity index 100% rename from src/assets/examples/snack-bar-overview-example.html.html rename to src/assets/examples/snack-bar-overview-example-html.html diff --git a/src/assets/examples/snack-bar-overview-example.ts.html b/src/assets/examples/snack-bar-overview-example-ts.html similarity index 92% rename from src/assets/examples/snack-bar-overview-example.ts.html rename to src/assets/examples/snack-bar-overview-example-ts.html index b270e9f1b..e0181ff80 100644 --- a/src/assets/examples/snack-bar-overview-example.ts.html +++ b/src/assets/examples/snack-bar-overview-example-ts.html @@ -10,6 +10,8 @@ constructor(public snackBar: MdSnackBar) {} openSnackBar(message: string, action: string) { - this.snackBar.open(message, action); + this.snackBar.open(message, action, { + duration: 2000, + }); } } diff --git a/src/assets/examples/tabs-overview-example.css.html b/src/assets/examples/tabs-overview-example-css.html similarity index 100% rename from src/assets/examples/tabs-overview-example.css.html rename to src/assets/examples/tabs-overview-example-css.html diff --git a/src/assets/examples/tabs-overview-example.html.html b/src/assets/examples/tabs-overview-example-html.html similarity index 100% rename from src/assets/examples/tabs-overview-example.html.html rename to src/assets/examples/tabs-overview-example-html.html diff --git a/src/assets/examples/tabs-overview-example.ts.html b/src/assets/examples/tabs-overview-example-ts.html similarity index 100% rename from src/assets/examples/tabs-overview-example.ts.html rename to src/assets/examples/tabs-overview-example-ts.html diff --git a/src/assets/examples/tabs-template-label-example.css.html b/src/assets/examples/tabs-template-label-example-css.html similarity index 100% rename from src/assets/examples/tabs-template-label-example.css.html rename to src/assets/examples/tabs-template-label-example-css.html diff --git a/src/assets/examples/tabs-template-label-example.html.html b/src/assets/examples/tabs-template-label-example-html.html similarity index 100% rename from src/assets/examples/tabs-template-label-example.html.html rename to src/assets/examples/tabs-template-label-example-html.html diff --git a/src/assets/examples/tabs-template-label-example.ts.html b/src/assets/examples/tabs-template-label-example-ts.html similarity index 100% rename from src/assets/examples/tabs-template-label-example.ts.html rename to src/assets/examples/tabs-template-label-example-ts.html diff --git a/src/assets/examples/toolbar-multirow-example.css.html b/src/assets/examples/toolbar-multirow-example-css.html similarity index 100% rename from src/assets/examples/toolbar-multirow-example.css.html rename to src/assets/examples/toolbar-multirow-example-css.html diff --git a/src/assets/examples/toolbar-multirow-example.html.html b/src/assets/examples/toolbar-multirow-example-html.html similarity index 100% rename from src/assets/examples/toolbar-multirow-example.html.html rename to src/assets/examples/toolbar-multirow-example-html.html diff --git a/src/assets/examples/toolbar-multirow-example.ts.html b/src/assets/examples/toolbar-multirow-example-ts.html similarity index 100% rename from src/assets/examples/toolbar-multirow-example.ts.html rename to src/assets/examples/toolbar-multirow-example-ts.html diff --git a/src/assets/examples/toolbar-overview-example.css.html b/src/assets/examples/toolbar-overview-example-css.html similarity index 100% rename from src/assets/examples/toolbar-overview-example.css.html rename to src/assets/examples/toolbar-overview-example-css.html diff --git a/src/assets/examples/toolbar-overview-example.html.html b/src/assets/examples/toolbar-overview-example-html.html similarity index 100% rename from src/assets/examples/toolbar-overview-example.html.html rename to src/assets/examples/toolbar-overview-example-html.html diff --git a/src/assets/examples/toolbar-overview-example.ts.html b/src/assets/examples/toolbar-overview-example-ts.html similarity index 100% rename from src/assets/examples/toolbar-overview-example.ts.html rename to src/assets/examples/toolbar-overview-example-ts.html diff --git a/src/assets/examples/tooltip-overview-example.css.html b/src/assets/examples/tooltip-overview-example-css.html similarity index 100% rename from src/assets/examples/tooltip-overview-example.css.html rename to src/assets/examples/tooltip-overview-example-css.html diff --git a/src/assets/examples/tooltip-overview-example.html.html b/src/assets/examples/tooltip-overview-example-html.html similarity index 100% rename from src/assets/examples/tooltip-overview-example.html.html rename to src/assets/examples/tooltip-overview-example-html.html diff --git a/src/assets/examples/tooltip-overview-example.ts.html b/src/assets/examples/tooltip-overview-example-ts.html similarity index 100% rename from src/assets/examples/tooltip-overview-example.ts.html rename to src/assets/examples/tooltip-overview-example-ts.html diff --git a/src/assets/examples/tooltip-position-example.css.html b/src/assets/examples/tooltip-position-example-css.html similarity index 100% rename from src/assets/examples/tooltip-position-example.css.html rename to src/assets/examples/tooltip-position-example-css.html diff --git a/src/assets/examples/tooltip-position-example.html.html b/src/assets/examples/tooltip-position-example-html.html similarity index 100% rename from src/assets/examples/tooltip-position-example.html.html rename to src/assets/examples/tooltip-position-example-html.html diff --git a/src/assets/examples/tooltip-position-example.ts.html b/src/assets/examples/tooltip-position-example-ts.html similarity index 100% rename from src/assets/examples/tooltip-position-example.ts.html rename to src/assets/examples/tooltip-position-example-ts.html diff --git a/tools/highlight-examples.sh b/tools/highlight-examples.sh index afd3e43e2..e0d9184c2 100755 --- a/tools/highlight-examples.sh +++ b/tools/highlight-examples.sh @@ -1,3 +1,3 @@ #!/usr/bin/env bash echo "Highlighting example sources. This may take 15 - 20 seconds..." -find ./src/app/examples/ -mindepth 2 -type f \( -iname "*.css" -or -iname "*.ts" -or -iname "*.html" \) -exec sh -c './tools/syntax-highlight.js {} ./src/assets/examples/$(basename {}).html' \; +find ./src/app/examples/ -mindepth 2 -type f \( -iname "*.css" -or -iname "*.ts" -or -iname "*.html" \) -exec sh -c './tools/syntax-highlight.js {} ./src/assets/examples/' \; diff --git a/tools/syntax-highlight.js b/tools/syntax-highlight.js index e0951d90b..7e8fdb6c3 100755 --- a/tools/syntax-highlight.js +++ b/tools/syntax-highlight.js @@ -5,7 +5,7 @@ * Creates a syntax highlighted HTML file from a source file using highlight.js. * * Use: - * syntax-highlight path/to/input/file path/to/output/file + * syntax-highlight path/to/input/file path/to/output/dir/ */ const fs = require('fs'); @@ -13,9 +13,10 @@ const path = require('path'); const hljs = require('highlight.js'); const inputFile = process.argv[2]; -const outputFile = process.argv[3]; +const outputPath = process.argv[3]; -let language = path.extname(inputFile).toLowerCase().slice(1); +let extension = path.extname(inputFile).toLowerCase().slice(1); +let language = extension; // Highlight.js expects 'typescript' written out instead of 'ts'. if (language == 'ts') { @@ -30,5 +31,10 @@ fs.readFile(inputFile, 'utf8', (error, content) => { } let highlighted = hljs.highlight(language, content); + + let filename = path.basename(inputFile); + filename = filename.slice(0, filename.lastIndexOf('.')) + '-' + extension + '.html'; + let outputFile = path.join(outputPath, filename); + fs.writeFile(outputFile, highlighted.value, {encoding: 'utf8'}); });