build: fix up naming for Stackblitz (#31312)

Removes the dashes from the Stackblitz name in the docs site so it's closer to how it's named on stackblitz.com.

Author: crisbeto

docs/firebase.json

@@ -76,7 +76,7 @@
         ]
       },
       {
-        "source": "/assets/stack-blitz/**",
+        "source": "/assets/stackblitz/**",
         "headers": [
           {
             "key": "Cache-Control",

docs/src/app/shared/example-viewer/example-viewer.html

@@ -56,7 +56,7 @@
         <mat-icon>code</mat-icon>
       </button>
 
-      <stack-blitz-button [example]="example"></stack-blitz-button>
+      <stackblitz-button [example]="example"></stackblitz-button>
     </div>
 
     @if (view === 'full') {

docs/src/app/shared/example-viewer/example-viewer.ts

@@ -14,7 +14,7 @@ import {type LiveExample, loadExample} from '@angular/components-examples';
 import {CodeSnippet} from './code-snippet';
 import {normalizePath} from '../normalize-path';
 import {MatTab, MatTabGroup} from '@angular/material/tabs';
-import {StackBlitzButton} from '../stack-blitz/stack-blitz-button';
+import {StackblitzButton} from '../stackblitz/stackblitz-button';
 import {MatIcon} from '@angular/material/icon';
 import {MatTooltip} from '@angular/material/tooltip';
 import {MatIconButton} from '@angular/material/button';
@@ -37,7 +37,7 @@ const preferredExampleFileOrder = ['HTML', 'TS', 'CSS'];
     MatIconButton,
     MatTooltip,
     MatIcon,
-    StackBlitzButton,
+    StackblitzButton,
     MatTabGroup,
     MatTab,
     CodeSnippet,

docs/src/app/shared/stack-blitz/index.ts renamed to docs/src/app/shared/stackblitz/index.ts

@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export * from './stack-blitz-button';
+export * from './stackblitz-button';

docs/src/app/shared/stack-blitz/stack-blitz-button.html renamed to docs/src/app/shared/stackblitz/stackblitz-button.html

@@ -11,15 +11,15 @@ import {ExampleData} from '@angular/components-examples';
 import {MatIconButton} from '@angular/material/button';
 import {MatIcon} from '@angular/material/icon';
 import {MatTooltip} from '@angular/material/tooltip';
-import {StackBlitzWriter} from './stack-blitz-writer';
+import {StackBlitzWriter} from './stackblitz-writer';
 import {MatSnackBar} from '@angular/material/snack-bar';
 
 @Component({
-  selector: 'stack-blitz-button',
-  templateUrl: './stack-blitz-button.html',
+  selector: 'stackblitz-button',
+  templateUrl: './stackblitz-button.html',
   imports: [MatIconButton, MatTooltip, MatIcon],
 })
-export class StackBlitzButton {
+export class StackblitzButton {
   private _stackBlitzWriter = inject(StackBlitzWriter);
   private _ngZone = inject(NgZone);
   private _snackBar = inject(MatSnackBar);

docs/src/app/shared/stack-blitz/stack-blitz-button.ts renamed to docs/src/app/shared/stackblitz/stackblitz-button.ts

@@ -1,21 +1,21 @@
 import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
 import {fakeAsync, flushMicrotasks, TestBed} from '@angular/core/testing';
 import {EXAMPLE_COMPONENTS, ExampleData, LiveExample} from '@angular/components-examples';
-import {StackBlitzWriter, TEMPLATE_FILES} from './stack-blitz-writer';
+import {StackBlitzWriter, TEMPLATE_FILES} from './stackblitz-writer';
 import stackblitz from '@stackblitz/sdk';
 
 const testExampleId = 'my-test-example-id';
 const testExampleBasePath = `/docs-content/examples-source/cdk/my-comp/${testExampleId}`;
 
 const FAKE_DOCS: {[key: string]: string} = {
-  '/assets/stack-blitz/src/index.html': '<material-docs-example></material-docs-example>',
-  '/assets/stack-blitz/src/main.ts': `import {MaterialDocsExample} from './material-docs-example';`,
+  '/assets/stackblitz/src/index.html': '<material-docs-example></material-docs-example>',
+  '/assets/stackblitz/src/main.ts': `import {MaterialDocsExample} from './material-docs-example';`,
   [`${testExampleBasePath}/test.ts`]: 'ExampleComponent',
   [`${testExampleBasePath}/test.html`]: `<example></example>`,
   [`${testExampleBasePath}/src/detail.ts`]: 'DetailComponent',
 };
 
-const TEST_URLS = TEMPLATE_FILES.map(filePath => `/assets/stack-blitz/${filePath}`).concat([
+const TEST_URLS = TEMPLATE_FILES.map(filePath => `/assets/stackblitz/${filePath}`).concat([
   `${testExampleBasePath}/test.ts`,
   `${testExampleBasePath}/test.html`,
   `${testExampleBasePath}/src/detail.ts`,

docs/src/app/shared/stack-blitz/stack-blitz-writer.spec.ts renamed to docs/src/app/shared/stackblitz/stackblitz-writer.spec.ts

@@ -28,7 +28,7 @@ const COPYRIGHT = `Copyright ${new Date().getFullYear()} Google LLC. All Rights
  */
 const DOCS_CONTENT_PATH = '/docs-content/examples-source';
 
-const TEMPLATE_PATH = '/assets/stack-blitz/';
+const TEMPLATE_PATH = '/assets/stackblitz/';
 
 /**
  * List of boilerplate files for an example StackBlitz.