build: avoid manually-maintained example lists (#12335)

Reworks the demos that were using the docs examples to avoid having to hard-code the list of examples for each component.

Author: crisbeto

src/demo-app/table/table-demo.ts

@@ -7,32 +7,14 @@
  */
 
 import {Component} from '@angular/core';
+import {EXAMPLE_COMPONENTS} from '@angular/material-examples';
 
 
 @Component({
   moduleId: module.id,
   templateUrl: 'table-demo.html',
 })
 export class TableDemo {
-  examples = [
-    'table-basic',
-    'table-basic-flex',
-    'cdk-table-basic',
-    'cdk-table-basic-flex',
-    'table-dynamic-columns',
-    'table-filtering',
-    'table-footer-row',
-    'table-http',
-    'table-overview',
-    'table-pagination',
-    'table-row-context',
-    'table-selection',
-    'table-sorting',
-    'table-expandable-rows',
-    'table-sticky-header',
-    'table-sticky-columns',
-    'table-sticky-footer',
-    'table-sticky-complex',
-    'table-sticky-complex-flex',
-  ];
+  examples = Object.keys(EXAMPLE_COMPONENTS)
+      .filter(example => example.startsWith('table-') || example.startsWith('cdk-table-'));
 }

src/demo-app/tabs/tabs-demo.ts

@@ -7,23 +7,13 @@
  */
 
 import {Component} from '@angular/core';
+import {EXAMPLE_COMPONENTS} from '@angular/material-examples';
 
 @Component({
   moduleId: module.id,
   selector: 'tabs-demo',
   templateUrl: 'tabs-demo.html',
 })
 export class TabsDemo {
-  examples = [
-    'tab-group-basic',
-    'tab-group-dynamic-height',
-    'tab-group-stretched',
-    'tab-group-async',
-    'tab-group-custom-label',
-    'tab-group-header-below',
-    'tab-group-theme',
-    'tab-group-lazy-loaded',
-    'tab-group-dynamic',
-    'tab-nav-bar-basic',
-  ];
+  examples = Object.keys(EXAMPLE_COMPONENTS).filter(example => example.startsWith('tab-'));
 }

src/demo-app/tooltip/tooltip-demo.ts

@@ -6,22 +6,13 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import {Component} from '@angular/core';
+import {EXAMPLE_COMPONENTS} from '@angular/material-examples';
 
 @Component({
   moduleId: module.id,
   selector: 'tooltip-demo',
   templateUrl: 'tooltip-demo.html',
 })
 export class TooltipDemo {
-  examples = [
-    'tooltip-overview',
-    'tooltip-position',
-    'tooltip-disabled',
-    'tooltip-message',
-    'tooltip-delay',
-    'tooltip-manual',
-    'tooltip-modified-defaults',
-    'tooltip-auto-hide',
-    'tooltip-custom-class',
-  ];
+  examples = Object.keys(EXAMPLE_COMPONENTS).filter(example => example.startsWith('tooltip-'));
 }