build: column resize examples not set up consistently (#19672)

All of the column resize examples were called `*-demo` which is inconsistent with the rest of the examples and will probably break if we decided to expose it to the docs site.

Note that the setup is still a bit inconsistent, because we have different modules for each example that have to be imported separately, but this is due to a limitation in the column resize API where users import a different module depending on whether resizing is enabled by default. I've left a TODO to fix it eventually when we've had the chance to clean up the public API.

Author: crisbeto

src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-demo-module.ts renamed to src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-example-module.ts

@@ -10,15 +10,15 @@ import {NgModule} from '@angular/core';
 import {MatTableModule} from '@angular/material/table';
 import {MatDefaultEnabledColumnResizeModule} from '@angular/material-experimental/column-resize';
 
-import {DefaultEnabledColumnResizeFlexDemo} from './default-enabled-column-resize-flex-demo';
+import {DefaultEnabledColumnResizeFlexExample} from './default-enabled-column-resize-flex-example';
 
 @NgModule({
   imports: [
     MatDefaultEnabledColumnResizeModule,
     MatTableModule,
   ],
-  declarations: [DefaultEnabledColumnResizeFlexDemo],
-  exports: [DefaultEnabledColumnResizeFlexDemo],
+  declarations: [DefaultEnabledColumnResizeFlexExample],
+  exports: [DefaultEnabledColumnResizeFlexExample],
 })
-export class DefaultEnabledColumnResizeFlexDemoModule {
+export class DefaultEnabledColumnResizeFlexExampleModule {
 }

src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-demo.css renamed to src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-example.css

@@ -42,11 +42,11 @@ const ELEMENT_DATA: PeriodicElement[] = [
  * @title Default-enabled column resize with a flex-based mat-table.
  */
 @Component({
-  selector: 'default-enabled-column-resize-flex-demo',
-  templateUrl: 'default-enabled-column-resize-flex-demo.html',
-  styleUrls: ['default-enabled-column-resize-flex-demo.css'],
+  selector: 'default-enabled-column-resize-flex-example',
+  templateUrl: 'default-enabled-column-resize-flex-example.html',
+  styleUrls: ['default-enabled-column-resize-flex-example.css'],
 })
-export class DefaultEnabledColumnResizeFlexDemo {
+export class DefaultEnabledColumnResizeFlexExample {
   displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
   dataSource = ELEMENT_DATA;
 }

src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-demo.html renamed to src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-example.html

@@ -10,15 +10,15 @@ import {NgModule} from '@angular/core';
 import {MatTableModule} from '@angular/material/table';
 import {MatDefaultEnabledColumnResizeModule} from '@angular/material-experimental/column-resize';
 
-import {DefaultEnabledColumnResizeDemo} from './default-enabled-column-resize-demo';
+import {DefaultEnabledColumnResizeExample} from './default-enabled-column-resize-example';
 
 @NgModule({
   imports: [
     MatDefaultEnabledColumnResizeModule,
     MatTableModule,
   ],
-  declarations: [DefaultEnabledColumnResizeDemo],
-  exports: [DefaultEnabledColumnResizeDemo],
+  declarations: [DefaultEnabledColumnResizeExample],
+  exports: [DefaultEnabledColumnResizeExample],
 })
-export class DefaultEnabledColumnResizeDemoModule {
+export class DefaultEnabledColumnResizeExampleModule {
 }

src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-demo.ts renamed to src/components-examples/material-experimental/column-resize/default-enabled-flex/default-enabled-column-resize-flex-example.ts

@@ -42,11 +42,11 @@ const ELEMENT_DATA: PeriodicElement[] = [
  * @title Default-enabled column resize with a table-based mat-table.
  */
 @Component({
-  selector: 'default-enabled-column-resize-demo',
-  templateUrl: 'default-enabled-column-resize-demo.html',
-  styleUrls: ['default-enabled-column-resize-demo.css'],
+  selector: 'default-enabled-column-resize-example',
+  templateUrl: 'default-enabled-column-resize-example.html',
+  styleUrls: ['default-enabled-column-resize-example.css'],
 })
-export class DefaultEnabledColumnResizeDemo {
+export class DefaultEnabledColumnResizeExample {
   displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
   dataSource = ELEMENT_DATA;
 }

src/components-examples/material-experimental/column-resize/default-enabled/default-enabled-column-resize-demo-module.ts renamed to src/components-examples/material-experimental/column-resize/default-enabled/default-enabled-column-resize-example-module.ts

@@ -1,20 +1,40 @@
+import {NgModule} from '@angular/core';
+import {OptInColumnResizeExampleModule} from './opt-in/opt-in-column-resize-example-module';
+import {
+  DefaultEnabledColumnResizeExampleModule,
+} from './default-enabled/default-enabled-column-resize-example-module';
+import {
+  DefaultEnabledColumnResizeFlexExampleModule,
+} from './default-enabled-flex/default-enabled-column-resize-flex-example-module';
+
 export {
-  DefaultEnabledColumnResizeDemo
-} from './default-enabled/default-enabled-column-resize-demo';
+  DefaultEnabledColumnResizeExample
+} from './default-enabled/default-enabled-column-resize-example';
 export {
-  DefaultEnabledColumnResizeDemoModule
-} from './default-enabled/default-enabled-column-resize-demo-module';
+  DefaultEnabledColumnResizeExampleModule
+} from './default-enabled/default-enabled-column-resize-example-module';
 
 export {
-  DefaultEnabledColumnResizeFlexDemo
-} from './default-enabled-flex/default-enabled-column-resize-flex-demo';
+  DefaultEnabledColumnResizeFlexExample
+} from './default-enabled-flex/default-enabled-column-resize-flex-example';
 export {
-  DefaultEnabledColumnResizeFlexDemoModule
-} from './default-enabled-flex/default-enabled-column-resize-flex-demo-module';
+  DefaultEnabledColumnResizeFlexExampleModule
+} from './default-enabled-flex/default-enabled-column-resize-flex-example-module';
 
 export {
-  OptInColumnResizeDemo
-} from './opt-in/opt-in-column-resize-demo';
+  OptInColumnResizeExample
+} from './opt-in/opt-in-column-resize-example';
 export {
-  OptInColumnResizeDemoModule
-} from './opt-in/opt-in-column-resize-demo-module';
+  OptInColumnResizeExampleModule
+} from './opt-in/opt-in-column-resize-example-module';
+
+
+@NgModule({
+  exports: [
+    DefaultEnabledColumnResizeExampleModule,
+    DefaultEnabledColumnResizeFlexExampleModule,
+    OptInColumnResizeExampleModule,
+  ],
+})
+export class ColumnResizeExamplesModule {
+}

src/components-examples/material-experimental/column-resize/default-enabled/default-enabled-column-resize-demo.css renamed to src/components-examples/material-experimental/column-resize/default-enabled/default-enabled-column-resize-example.css

@@ -10,15 +10,15 @@ import {NgModule} from '@angular/core';
 import {MatTableModule} from '@angular/material/table';
 import {MatColumnResizeModule} from '@angular/material-experimental/column-resize';
 
-import {OptInColumnResizeDemo} from './opt-in-column-resize-demo';
+import {OptInColumnResizeExample} from './opt-in-column-resize-example';
 
 @NgModule({
   imports: [
     MatColumnResizeModule,
     MatTableModule,
   ],
-  declarations: [OptInColumnResizeDemo],
-  exports: [OptInColumnResizeDemo],
+  declarations: [OptInColumnResizeExample],
+  exports: [OptInColumnResizeExample],
 })
-export class OptInColumnResizeDemoModule {
+export class OptInColumnResizeExampleModule {
 }