diff --git a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css b/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css
deleted file mode 100755
index 08fa6753..00000000
--- a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.example-form {
- min-width: 150px;
- max-width: 500px;
- width: 100%;
-}
-
-.example-full-width {
- width: 100%;
-}
diff --git a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html b/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html
deleted file mode 100755
index 45090946..00000000
--- a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts b/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts
deleted file mode 100755
index 64868772..00000000
--- a/src/assets/angular-material-examples/autocomplete-auto-active-first-option/autocomplete-auto-active-first-option-example.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import {Component} from '@angular/core';
-import {FormControl} from '@angular/forms';
-import {Observable} from 'rxjs/Observable';
-import {startWith} from 'rxjs/operators/startWith';
-import {map} from 'rxjs/operators/map';
-
-/**
- * @title Highlight the first autocomplete option
- */
-@Component({
- selector: 'autocomplete-auto-active-first-option-example',
- templateUrl: 'autocomplete-auto-active-first-option-example.html',
- styleUrls: ['autocomplete-auto-active-first-option-example.css']
-})
-export class AutocompleteAutoActiveFirstOptionExample {
- myControl: FormControl = new FormControl();
- options = ['One', 'Two', 'Three'];
- filteredOptions: Observable;
-
- ngOnInit() {
- this.filteredOptions = this.myControl.valueChanges.pipe(
- startWith(''),
- map(val => this.filter(val))
- );
- }
-
- filter(val: string): string[] {
- return this.options.filter(option => option.toLowerCase().indexOf(val.toLowerCase()) === 0);
- }
-
-}
diff --git a/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.html b/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.html
deleted file mode 100755
index a1b4e5d5..00000000
--- a/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
- keyboard_arrow_down
-
-
-
diff --git a/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.ts b/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.ts
deleted file mode 100755
index 115dab66..00000000
--- a/src/assets/angular-material-examples/datepicker-custom-icon/datepicker-custom-icon-example.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-/** @title Datepicker with custom icon */
-@Component({
- selector: 'datepicker-custom-icon-example',
- templateUrl: 'datepicker-custom-icon-example.html',
- styleUrls: ['datepicker-custom-icon-example.css'],
-})
-export class DatepickerCustomIconExample {}
diff --git a/src/assets/angular-material-examples/divider-overview/divider-overview-example.css b/src/assets/angular-material-examples/divider-overview/divider-overview-example.css
deleted file mode 100755
index 74323087..00000000
--- a/src/assets/angular-material-examples/divider-overview/divider-overview-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/angular-material-examples/divider-overview/divider-overview-example.html b/src/assets/angular-material-examples/divider-overview/divider-overview-example.html
deleted file mode 100755
index c0e121f0..00000000
--- a/src/assets/angular-material-examples/divider-overview/divider-overview-example.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
- Item 1
-
- Item 2
-
- Item 3
-
diff --git a/src/assets/angular-material-examples/divider-overview/divider-overview-example.ts b/src/assets/angular-material-examples/divider-overview/divider-overview-example.ts
deleted file mode 100755
index 536b600e..00000000
--- a/src/assets/angular-material-examples/divider-overview/divider-overview-example.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-/**
- * @title Basic divider
- */
-@Component({
- selector: 'divider-overview-example',
- templateUrl: 'divider-overview-example.html',
- styleUrls: ['divider-overview-example.css'],
-})
-export class DividerOverviewExample {}
diff --git a/src/assets/angular-material-examples/form-field-label/form-field-label-example.html b/src/assets/angular-material-examples/form-field-label/form-field-label-example.html
deleted file mode 100755
index 0f7066bb..00000000
--- a/src/assets/angular-material-examples/form-field-label/form-field-label-example.html
+++ /dev/null
@@ -1,34 +0,0 @@
-
diff --git a/src/assets/angular-material-examples/form-field-label/form-field-label-example.ts b/src/assets/angular-material-examples/form-field-label/form-field-label-example.ts
deleted file mode 100755
index 4ebb56e3..00000000
--- a/src/assets/angular-material-examples/form-field-label/form-field-label-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {FormBuilder, FormGroup} from '@angular/forms';
-
-/** @title Form field with label */
-@Component({
- selector: 'form-field-label-example',
- templateUrl: 'form-field-label-example.html',
- styleUrls: ['form-field-label-example.css']
-})
-export class FormFieldLabelExample {
- options: FormGroup;
-
- constructor(fb: FormBuilder) {
- this.options = fb.group({
- hideRequired: false,
- floatLabel: 'auto',
- });
- }
-}
diff --git a/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.css b/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.css
deleted file mode 100755
index 74323087..00000000
--- a/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.ts b/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.ts
deleted file mode 100755
index 21c4c03a..00000000
--- a/src/assets/angular-material-examples/icon-svg-example/icon-svg-example.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component} from '@angular/core';
-import {DomSanitizer} from '@angular/platform-browser';
-import {MatIconRegistry} from '@angular/material';
-
-/**
- * @title SVG icons
- */
-@Component({
- selector: 'icon-svg-example',
- templateUrl: 'icon-svg-example.html',
- styleUrls: ['icon-svg-example.css'],
-})
-export class IconSvgExample {
- constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer) {
- iconRegistry.addSvgIcon(
- 'thumbs-up',
- sanitizer.bypassSecurityTrustResourceUrl('assets/images/examples/thumbup-icon.svg'));
- }
-}
diff --git a/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.css b/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.css
deleted file mode 100755
index 8ab00588..00000000
--- a/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-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/angular-material-examples/sidenav-autosize/sidenav-autosize-example.html b/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.html
deleted file mode 100755
index f9326a38..00000000
--- a/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.html
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
- Auto-resizing sidenav
- Lorem, ipsum dolor sit amet consectetur.
-
-
-
-
-
-
-
-
diff --git a/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.ts b/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.ts
deleted file mode 100755
index f7565c09..00000000
--- a/src/assets/angular-material-examples/sidenav-autosize/sidenav-autosize-example.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {Component} from '@angular/core';
-
-/**
- * @title Autosize sidenav
- */
-@Component({
- selector: 'sidenav-autosize-example',
- templateUrl: 'sidenav-autosize-example.html',
- styleUrls: ['sidenav-autosize-example.css'],
-})
-export class SidenavAutosizeExample {
- showFiller = false;
-}
diff --git a/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.html b/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.html
deleted file mode 100755
index ddfe4aa6..00000000
--- a/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.html
+++ /dev/null
@@ -1,19 +0,0 @@
-
-
- Start
- Center
- End
- Left
- Right
-
-
-
-
- Top
- Bottom
-
-
-
-
diff --git a/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.ts b/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.ts
deleted file mode 100755
index f18d10fe..00000000
--- a/src/assets/angular-material-examples/snack-bar-position/snack-bar-position-example.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import {Component} from '@angular/core';
-import {
- MatSnackBar,
- MatSnackBarHorizontalPosition,
- MatSnackBarVerticalPosition,
-} from '@angular/material';
-
-/**
- * @title Snack-bar with configurable position
- */
-@Component({
- selector: 'snack-bar-position-example',
- templateUrl: 'snack-bar-position-example.html',
-})
-export class SnackBarPositionExample {
-
- horizontalPosition: MatSnackBarHorizontalPosition = 'start';
- verticalPosition: MatSnackBarVerticalPosition = 'bottom';
-
- constructor(public snackBar: MatSnackBar) {}
-
- openSnackBar() {
- this.snackBar.open('Canonball!!', 'End now', {
- duration: 500,
- horizontalPosition: this.horizontalPosition,
- verticalPosition: this.verticalPosition,
- });
- }
-}
diff --git a/src/assets/angular-material-examples/table-selection/table-selection-example.css b/src/assets/angular-material-examples/table-selection/table-selection-example.css
deleted file mode 100755
index ee01a3c8..00000000
--- a/src/assets/angular-material-examples/table-selection/table-selection-example.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.example-container {
- display: flex;
- flex-direction: column;
- max-height: 500px;
- min-width: 300px;
-}
-
-.mat-table {
- overflow: auto;
- max-height: 500px;
-}
-
-.mat-column-select {
- overflow: visible;
-}
diff --git a/src/assets/angular-material-examples/table-selection/table-selection-example.html b/src/assets/angular-material-examples/table-selection/table-selection-example.html
deleted file mode 100755
index 9f920558..00000000
--- a/src/assets/angular-material-examples/table-selection/table-selection-example.html
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- No.
- {{element.position}}
-
-
-
-
- Name
- {{element.name}}
-
-
-
-
- Weight
- {{element.weight}}
-
-
-
-
- Symbol
- {{element.symbol}}
-
-
-
-
-
-
-
diff --git a/src/assets/angular-material-examples/table-selection/table-selection-example.ts b/src/assets/angular-material-examples/table-selection/table-selection-example.ts
deleted file mode 100755
index 88e72ead..00000000
--- a/src/assets/angular-material-examples/table-selection/table-selection-example.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import {Component} from '@angular/core';
-import {MatTableDataSource} from '@angular/material';
-import {SelectionModel} from '@angular/cdk/collections';
-
-/**
- * @title Table with selection
- */
-@Component({
- selector: 'table-selection-example',
- styleUrls: ['table-selection-example.css'],
- templateUrl: 'table-selection-example.html',
-})
-export class TableSelectionExample {
- displayedColumns = ['select', 'position', 'name', 'weight', 'symbol'];
- dataSource = new MatTableDataSource(ELEMENT_DATA);
- selection = new SelectionModel(true, []);
-
- /** Whether the number of selected elements matches the total number of rows. */
- isAllSelected() {
- const numSelected = this.selection.selected.length;
- const numRows = this.dataSource.data.length;
- return numSelected === numRows;
- }
-
- /** Selects all rows if they are not all selected; otherwise clear selection. */
- masterToggle() {
- this.isAllSelected() ?
- this.selection.clear() :
- this.dataSource.data.forEach(row => this.selection.select(row));
- }
-}
-
-export interface Element {
- name: string;
- position: number;
- weight: number;
- symbol: string;
-}
-
-const ELEMENT_DATA: Element[] = [
- {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'},
- {position: 2, name: 'Helium', weight: 4.0026, symbol: 'He'},
- {position: 3, name: 'Lithium', weight: 6.941, symbol: 'Li'},
- {position: 4, name: 'Beryllium', weight: 9.0122, symbol: 'Be'},
- {position: 5, name: 'Boron', weight: 10.811, symbol: 'B'},
- {position: 6, name: 'Carbon', weight: 12.0107, symbol: 'C'},
- {position: 7, name: 'Nitrogen', weight: 14.0067, symbol: 'N'},
- {position: 8, name: 'Oxygen', weight: 15.9994, symbol: 'O'},
- {position: 9, name: 'Fluorine', weight: 18.9984, symbol: 'F'},
- {position: 10, name: 'Neon', weight: 20.1797, symbol: 'Ne'},
- {position: 11, name: 'Sodium', weight: 22.9897, symbol: 'Na'},
- {position: 12, name: 'Magnesium', weight: 24.305, symbol: 'Mg'},
- {position: 13, name: 'Aluminum', weight: 26.9815, symbol: 'Al'},
- {position: 14, name: 'Silicon', weight: 28.0855, symbol: 'Si'},
- {position: 15, name: 'Phosphorus', weight: 30.9738, symbol: 'P'},
- {position: 16, name: 'Sulfur', weight: 32.065, symbol: 'S'},
- {position: 17, name: 'Chlorine', weight: 35.453, symbol: 'Cl'},
- {position: 18, name: 'Argon', weight: 39.948, symbol: 'Ar'},
- {position: 19, name: 'Potassium', weight: 39.0983, symbol: 'K'},
- {position: 20, name: 'Calcium', weight: 40.078, symbol: 'Ca'},
-];
diff --git a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.css b/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.css
deleted file mode 100755
index 56d5205c..00000000
--- a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.css
+++ /dev/null
@@ -1,3 +0,0 @@
-button {
- margin: 8px;
-}
diff --git a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.html b/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.html
deleted file mode 100755
index 7cd4a164..00000000
--- a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.html
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.ts b/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.ts
deleted file mode 100755
index 3e7ce9c5..00000000
--- a/src/assets/angular-material-examples/tooltip-delay/tooltip-delay-example.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-/**
- * @title Tooltip with a show and hide delay
- */
-@Component({
- selector: 'tooltip-delay-example',
- templateUrl: 'tooltip-delay-example.html',
- styleUrls: ['tooltip-delay-example.css'],
-})
-export class TooltipDelayExample {}
diff --git a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.css b/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.css
deleted file mode 100755
index 74323087..00000000
--- a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.html b/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.html
deleted file mode 100755
index 3e5ca183..00000000
--- a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.html
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
- I have a tooltip
-
diff --git a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.ts b/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.ts
deleted file mode 100755
index e39a760a..00000000
--- a/src/assets/angular-material-examples/tooltip-manual/tooltip-manual-example.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-/**
- * @title Tooltip that can be manually shown/hidden.
- */
-@Component({
- selector: 'tooltip-manual-example',
- templateUrl: 'tooltip-manual-example.html',
- styleUrls: ['tooltip-manual-example.css'],
-})
-export class TooltipManualExample {}
diff --git a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.css b/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.css
deleted file mode 100755
index 74323087..00000000
--- a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.css
+++ /dev/null
@@ -1 +0,0 @@
-/** No CSS for this example */
diff --git a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.html b/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.html
deleted file mode 100755
index 8dcc0d0e..00000000
--- a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.ts b/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.ts
deleted file mode 100755
index 53cd3bc2..00000000
--- a/src/assets/angular-material-examples/tooltip-modified-defaults/tooltip-modified-defaults-example.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Component} from '@angular/core';
-import {MAT_TOOLTIP_DEFAULT_OPTIONS, MatTooltipDefaultOptions} from '@angular/material';
-
-/** Custom options the configure the tooltip's default show/hide delays. */
-export const myCustomTooltipDefaults: MatTooltipDefaultOptions = {
- showDelay: 1000,
- hideDelay: 1000,
- touchendHideDelay: 1000,
-};
-
-/**
- * @title Tooltip with a show and hide delay
- */
-@Component({
- selector: 'tooltip-modified-defaults-example',
- templateUrl: 'tooltip-modified-defaults-example.html',
- styleUrls: ['tooltip-modified-defaults-example.css'],
- providers: [
- {provide: MAT_TOOLTIP_DEFAULT_OPTIONS, useValue: myCustomTooltipDefaults}
- ],
-})
-export class TooltipModifiedDefaultsExample {}