docs: remove Component suffix from examples in DI & Drag and Drop

Updates documentation examples to remove the `Component` suffix, aligning them with the current Angular Style Guide.

Author: SkyZeroZx

…drop/src/axis-lock/app/app.component.css …ples/drag-drop/src/axis-lock/app/app.cssadev/src/content/examples/drag-drop/src/axis-lock/app/app.component.css renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.css adev/src/content/examples/drag-drop/src/axis-lock/app/app.component.css renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.css

@@ -15,13 +15,15 @@
   z-index: 1;
   font-family: sans-serif;
   transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-              0 2px 2px 0 rgba(0, 0, 0, 0.14),
-              0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 
 .example-box:active {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }

…rop/src/axis-lock/app/app.component.html …les/drag-drop/src/axis-lock/app/app.htmladev/src/content/examples/drag-drop/src/axis-lock/app/app.component.html renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.html adev/src/content/examples/drag-drop/src/axis-lock/app/app.component.html renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.html

@@ -6,8 +6,8 @@ import {Component} from '@angular/core';
  */
 @Component({
   selector: 'cdk-drag-drop-axis-lock-example',
-  templateUrl: 'app.component.html',
-  styleUrl: 'app.component.css',
+  templateUrl: 'app.html',
+  styleUrl: 'app.css',
   imports: [CdkDrag],
 })
 export class CdkDragDropAxisLockExample {}

…-drop/src/axis-lock/app/app.component.ts …mples/drag-drop/src/axis-lock/app/app.tsadev/src/content/examples/drag-drop/src/axis-lock/app/app.component.ts renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.ts adev/src/content/examples/drag-drop/src/axis-lock/app/app.component.ts renamed to adev/src/content/examples/drag-drop/src/axis-lock/app/app.ts

@@ -1,5 +1,5 @@
 import {bootstrapApplication} from '@angular/platform-browser';
 
-import {CdkDragDropAxisLockExample} from './app/app.component';
+import {CdkDragDropAxisLockExample} from './app/app';
 
 bootstrapApplication(CdkDragDropAxisLockExample);

adev/src/content/examples/drag-drop/src/axis-lock/main.ts

@@ -17,15 +17,17 @@
   padding: 10px;
   font-family: sans-serif;
   transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-              0 2px 2px 0 rgba(0, 0, 0, 0.14),
-              0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 
 .example-box:active {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .example-boundary {

…-drop/src/boundary/app/app.component.css …mples/drag-drop/src/boundary/app/app.cssadev/src/content/examples/drag-drop/src/boundary/app/app.component.css renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.css adev/src/content/examples/drag-drop/src/boundary/app/app.component.css renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.css

@@ -6,8 +6,8 @@ import {Component} from '@angular/core';
  */
 @Component({
   selector: 'cdk-drag-drop-boundary-example',
-  templateUrl: 'app.component.html',
-  styleUrl: 'app.component.css',
+  templateUrl: 'app.html',
+  styleUrl: 'app.css',
   imports: [CdkDrag],
 })
 export class CdkDragDropBoundaryExample {}

…drop/src/boundary/app/app.component.html …ples/drag-drop/src/boundary/app/app.htmladev/src/content/examples/drag-drop/src/boundary/app/app.component.html renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.html adev/src/content/examples/drag-drop/src/boundary/app/app.component.html renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.html

@@ -1,5 +1,5 @@
 import {bootstrapApplication} from '@angular/platform-browser';
 
-import {CdkDragDropBoundaryExample} from './app/app.component';
+import {CdkDragDropBoundaryExample} from './app/app';
 
 bootstrapApplication(CdkDragDropBoundaryExample);

…g-drop/src/boundary/app/app.component.ts …amples/drag-drop/src/boundary/app/app.tsadev/src/content/examples/drag-drop/src/boundary/app/app.component.ts renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.ts adev/src/content/examples/drag-drop/src/boundary/app/app.component.ts renamed to adev/src/content/examples/drag-drop/src/boundary/app/app.ts

@@ -34,9 +34,10 @@
 .cdk-drag-preview {
   box-sizing: border-box;
   border-radius: 4px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14),
+    0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .cdk-drag-placeholder {