diff --git a/adev/src/content/examples/styleguide/e2e/src/app.e2e-spec.ts b/adev/src/content/examples/styleguide/e2e/src/app.e2e-spec.ts
deleted file mode 100644
index 103922a8a06..00000000000
--- a/adev/src/content/examples/styleguide/e2e/src/app.e2e-spec.ts
+++ /dev/null
@@ -1,140 +0,0 @@
-import {browser, element, by} from 'protractor';
-
-describe('Style Guide', () => {
-  it('01-01', async () => {
-    await browser.get('#/01-01');
-
-    const pre = element(by.tagName('toh-heroes > pre'));
-    expect(await pre.getText()).toContain('Bombasto');
-    expect(await pre.getText()).toContain('Tornado');
-    expect(await pre.getText()).toContain('Magneta');
-  });
-
-  it('02-07', async () => {
-    await browser.get('#/02-07');
-
-    const hero = element(by.tagName('toh-hero > div'));
-    const users = element(by.tagName('admin-users > div'));
-
-    expect(await hero.getText()).toBe('hero component');
-    expect(await users.getText()).toBe('users component');
-  });
-
-  it('02-08', async () => {
-    await browser.get('#/02-08');
-
-    const input = element(by.tagName('input[tohvalidate]'));
-    expect(await input.isPresent()).toBe(true);
-  });
-
-  it('04-10', async () => {
-    await browser.get('#/04-10');
-
-    const div = element(by.tagName('sg-app > toh-heroes > div'));
-    expect(await div.getText()).toBe('This is heroes component');
-  });
-
-  it('05-02', async () => {
-    await browser.get('#/05-02');
-
-    const button = element(by.tagName('sg-app > toh-hero-button > button'));
-    expect(await button.getText()).toBe('Hero button');
-  });
-
-  it('05-03', async () => {
-    await browser.get('#/05-03');
-
-    const button = element(by.tagName('sg-app > toh-hero-button > button'));
-    expect(await button.getText()).toBe('Hero button');
-  });
-
-  it('05-04', async () => {
-    await browser.get('#/05-04');
-
-    const h2 = element(by.tagName('sg-app > toh-heroes > div > h2'));
-    expect(await h2.getText()).toBe('My Heroes');
-  });
-
-  it('05-12', async () => {
-    await browser.get('#/05-12');
-
-    const button = element(by.tagName('sg-app > toh-hero-button > button'));
-    expect(await button.getText()).toBe('OK');
-  });
-
-  it('05-13', async () => {
-    await browser.get('#/05-13');
-
-    const button = element(by.tagName('sg-app > toh-hero-button > button'));
-    expect(await button.getText()).toBe('OK');
-  });
-
-  it('05-14', async () => {
-    await browser.get('#/05-14');
-
-    const toast = element(by.tagName('sg-app > toh-toast'));
-    expect(await toast.getText()).toBe('...');
-  });
-
-  it('05-15', async () => {
-    await browser.get('#/05-15');
-
-    const heroList = element(by.tagName('sg-app > toh-hero-list'));
-    expect(await heroList.getText()).toBe('...');
-  });
-
-  it('05-16', async () => {
-    await browser.get('#/05-16');
-
-    const hero = element(by.tagName('sg-app > toh-hero'));
-    expect(await hero.getText()).toBe('...');
-  });
-
-  it('05-17', async () => {
-    await browser.get('#/05-17');
-
-    const section = element(by.tagName('sg-app > toh-hero-list > section'));
-    expect(await section.getText()).toContain('Our list of heroes');
-    expect(await section.getText()).toContain('Total powers');
-    expect(await section.getText()).toContain('Average power');
-  });
-
-  it('06-01', async () => {
-    await browser.get('#/06-01');
-
-    const div = element(by.tagName('sg-app > div[tohhighlight]'));
-    expect(await div.getText()).toBe('Bombasta');
-  });
-
-  it('06-03', async () => {
-    await browser.get('#/06-03');
-
-    const input = element(by.tagName('input[tohvalidator]'));
-    expect(await input.isPresent()).toBe(true);
-  });
-
-  // temporarily disabled because of a weird issue when used with rxjs v6 with rxjs-compat
-  xit('07-01', async () => {
-    await browser.get('#/07-01');
-
-    const lis = element.all(by.tagName('sg-app > ul > li'));
-    expect(await lis.get(0).getText()).toBe('Windstorm');
-    expect(await lis.get(1).getText()).toBe('Bombasto');
-    expect(await lis.get(2).getText()).toBe('Magneta');
-    expect(await lis.get(3).getText()).toBe('Tornado');
-  });
-
-  it('07-04', async () => {
-    await browser.get('#/07-04');
-
-    const pre = element(by.tagName('toh-app > pre'));
-    expect(await pre.getText()).toContain('[]');
-  });
-
-  it('09-01', async () => {
-    await browser.get('#/09-01');
-
-    const button = element(by.tagName('sg-app > toh-hero-button > button'));
-    expect(await button.getText()).toBe('OK');
-  });
-});
diff --git a/adev/src/content/examples/styleguide/example-config.json b/adev/src/content/examples/styleguide/example-config.json
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/app.component.css b/adev/src/content/examples/styleguide/src/01-01/app/app.component.css
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/app.component.ts b/adev/src/content/examples/styleguide/src/01-01/app/app.component.ts
deleted file mode 100644
index aeb80ddd290..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/app.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-
-import {HeroService} from './heroes';
-
-@Component({
-  selector: 'toh-app',
-  template: `
-      <toh-heroes></toh-heroes>
-    `,
-  styleUrls: ['./app.component.css'],
-  providers: [HeroService],
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/app.module.ts b/adev/src/content/examples/styleguide/src/01-01/app/app.module.ts
deleted file mode 100644
index b5d9a57baa2..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/app.module.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// #docplaster
-// #docregion
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroesComponent} from './heroes/heroes.component';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    // #enddocregion
-    RouterModule.forChild([{path: '01-01', component: AppComponent}]),
-    // #docregion
-  ],
-  declarations: [AppComponent, HeroesComponent],
-  exports: [AppComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-// #enddocregion
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts
deleted file mode 100644
index dbf49a4d37a..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/hero.component.avoid.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-// #docregion
-/* avoid */
-import {Component, NgModule, OnInit} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
-
-interface Hero {
-  id: number;
-  name: string;
-}
-
-@Component({
-  selector: 'app-root',
-  template: `
-      <h1>{{title}}</h1>
-      <pre>{{heroes | json}}</pre>
-    `,
-  styleUrls: ['../app.component.css'],
-  standalone: false,
-})
-export class AppComponent implements OnInit {
-  title = 'Tour of Heroes';
-
-  heroes: Hero[] = [];
-
-  ngOnInit() {
-    getHeroes().then((heroes) => (this.heroes = heroes));
-  }
-}
-
-@NgModule({
-  imports: [BrowserModule],
-  declarations: [AppComponent],
-  exports: [AppComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-
-platformBrowserDynamic().bootstrapModule(AppModule);
-
-const HEROES: Hero[] = [
-  {id: 1, name: 'Bombasto'},
-  {id: 2, name: 'Tornado'},
-  {id: 3, name: 'Magneta'},
-];
-
-function getHeroes(): Promise<Hero[]> {
-  return Promise.resolve(HEROES); // TODO: get hero data from the server;
-}
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/heroes.component.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/heroes.component.ts
deleted file mode 100644
index 7bc27dd8188..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-// #docregion
-import {Component, inject, OnInit} from '@angular/core';
-
-import {Hero, HeroService} from './shared';
-
-@Component({
-  selector: 'toh-heroes',
-  template: `
-      <pre>{{heroes | json}}</pre>
-    `,
-  standalone: false,
-})
-export class HeroesComponent {
-  heroes: Hero[] = [];
-
-  private heroService = inject(HeroService);
-
-  constructor() {
-    this.heroService.getHeroes().then((heroes) => (this.heroes = heroes));
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/index.ts
deleted file mode 100644
index a8d7f1d4220..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './heroes.component';
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.service.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.service.ts
deleted file mode 100644
index f81be08be5c..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/hero.service.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// #docregion
-import {Injectable} from '@angular/core';
-
-import {HEROES} from './mock-heroes';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    return Promise.resolve(HEROES);
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/index.ts
deleted file mode 100644
index c0c1a87eb25..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './hero.model';
-export * from './hero.service';
-export * from './mock-heroes';
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/mock-heroes.ts b/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/mock-heroes.ts
deleted file mode 100644
index ffb0711c810..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/heroes/shared/mock-heroes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-// #docregion
-import {Hero} from './hero.model';
-
-export const HEROES: Hero[] = [
-  {id: 1, name: 'Bombasto'},
-  {id: 2, name: 'Tornado'},
-  {id: 3, name: 'Magneta'},
-];
diff --git a/adev/src/content/examples/styleguide/src/01-01/app/index.ts b/adev/src/content/examples/styleguide/src/01-01/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/01-01/main.ts b/adev/src/content/examples/styleguide/src/01-01/main.ts
deleted file mode 100644
index 563989dc483..00000000000
--- a/adev/src/content/examples/styleguide/src/01-01/main.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-// #docregion
-import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
-
-import {AppModule} from './app/app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/adev/src/content/examples/styleguide/src/02-05/app/app.component.ts b/adev/src/content/examples/styleguide/src/02-05/app/app.component.ts
deleted file mode 100644
index 416508dc97a..00000000000
--- a/adev/src/content/examples/styleguide/src/02-05/app/app.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'toh-app',
-  template: `
-      Tour of Heroes
-    `,
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/02-05/app/app.module.ts b/adev/src/content/examples/styleguide/src/02-05/app/app.module.ts
deleted file mode 100644
index 03060d627aa..00000000000
--- a/adev/src/content/examples/styleguide/src/02-05/app/app.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-// #docplaster
-// #docregion
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    // #enddocregion
-    RouterModule.forChild([{path: '02-05', component: AppComponent}]),
-    // #docregion
-  ],
-  declarations: [AppComponent],
-  exports: [AppComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-// #enddocregion
diff --git a/adev/src/content/examples/styleguide/src/02-05/main.ts b/adev/src/content/examples/styleguide/src/02-05/main.ts
deleted file mode 100644
index b6e094913fa..00000000000
--- a/adev/src/content/examples/styleguide/src/02-05/main.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {AppComponent} from './app/app.component';
-import {bootstrapApplication} from '@angular/platform-browser';
-
-bootstrapApplication(AppComponent);
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/app.component.ts b/adev/src/content/examples/styleguide/src/02-07/app/app.component.ts
deleted file mode 100644
index cdc4183d390..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/app.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: `
-    <toh-hero></toh-hero>
-    <admin-users></admin-users>
-  `,
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/app.module.ts b/adev/src/content/examples/styleguide/src/02-07/app/app.module.ts
deleted file mode 100644
index b377353e0c8..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroComponent} from './heroes';
-import {UsersComponent} from './users';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '02-07', component: AppComponent}])],
-  declarations: [AppComponent, HeroComponent, UsersComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.avoid.ts b/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.avoid.ts
deleted file mode 100644
index 7273aff6916..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.avoid.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-// #docregion example
-/* avoid */
-
-// HeroComponent is in the Tour of Heroes feature
-@Component({
-  selector: 'hero',
-  template: '',
-})
-export class HeroComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.ts b/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.ts
deleted file mode 100644
index 4ea1f39c707..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/heroes/hero.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// #docplaster
-// #docregion
-import {Component} from '@angular/core';
-
-// #docregion example
-@Component({
-  // #enddocregion example
-  template: '<div>hero component</div>',
-  // #docregion example
-  selector: 'toh-hero',
-})
-export class HeroComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/02-07/app/heroes/index.ts
deleted file mode 100644
index 084f36d7034..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.component';
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/index.ts b/adev/src/content/examples/styleguide/src/02-07/app/index.ts
deleted file mode 100644
index fc87f976b3f..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './heroes';
-export * from './users';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/users/index.ts b/adev/src/content/examples/styleguide/src/02-07/app/users/index.ts
deleted file mode 100644
index 475ba6d2a73..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/users/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './users.component';
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.avoid.ts b/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.avoid.ts
deleted file mode 100644
index 95377d5c947..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.avoid.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-// #docregion example
-/* avoid */
-
-// UsersComponent is in an Admin feature
-@Component({
-  selector: 'users',
-  template: '',
-})
-export class UsersComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.ts b/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.ts
deleted file mode 100644
index ea6fab20b71..00000000000
--- a/adev/src/content/examples/styleguide/src/02-07/app/users/users.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// #docplaster
-// #docregion
-import {Component} from '@angular/core';
-
-// #docregion example
-@Component({
-  // #enddocregion example
-  template: '<div>users component</div>',
-  // #docregion example
-  selector: 'admin-users',
-})
-export class UsersComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/app.component.ts b/adev/src/content/examples/styleguide/src/02-08/app/app.component.ts
deleted file mode 100644
index 70ef883b664..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<input type="text" tohValidate>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/app.module.ts b/adev/src/content/examples/styleguide/src/02-08/app/app.module.ts
deleted file mode 100644
index 5a67931fcb1..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {InputHighlightDirective, ValidateDirective} from './shared';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '02-08', component: AppComponent}])],
-  declarations: [AppComponent, InputHighlightDirective, ValidateDirective],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/index.ts b/adev/src/content/examples/styleguide/src/02-08/app/index.ts
deleted file mode 100644
index ebe5c92f039..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/shared/index.ts b/adev/src/content/examples/styleguide/src/02-08/app/shared/index.ts
deleted file mode 100644
index b844b754925..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/shared/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './input-highlight.directive';
-export * from './validate.directive';
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/shared/input-highlight.directive.ts b/adev/src/content/examples/styleguide/src/02-08/app/shared/input-highlight.directive.ts
deleted file mode 100644
index 4ee97822e68..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/shared/input-highlight.directive.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// #docregion
-import {Directive, ElementRef, inject} from '@angular/core';
-
-// eslint-disable-next-line @angular-eslint/directive-selector
-@Directive({
-  selector: 'input',
-  standalone: false,
-})
-/** Highlight the attached input text element in blue */
-export class InputHighlightDirective {
-  private el = inject(ElementRef);
-  constructor() {
-    this.el.nativeElement.style.backgroundColor = 'powderblue';
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.avoid.ts b/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.avoid.ts
deleted file mode 100644
index 04609a8d14d..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.avoid.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// #docregion
-import {Directive} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Directive({
-  selector: '[validate]',
-})
-export class ValidateDirective {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.ts b/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.ts
deleted file mode 100644
index 6c312ebdac4..00000000000
--- a/adev/src/content/examples/styleguide/src/02-08/app/shared/validate.directive.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// #docregion
-import {Directive} from '@angular/core';
-
-// #docregion example
-@Directive({
-  selector: '[tohValidate]',
-})
-export class ValidateDirective {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/04-08/app/app.component.ts b/adev/src/content/examples/styleguide/src/04-08/app/app.component.ts
deleted file mode 100644
index eeefa01a645..00000000000
--- a/adev/src/content/examples/styleguide/src/04-08/app/app.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-heroes></toh-heroes>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/04-08/app/app.module.ts b/adev/src/content/examples/styleguide/src/04-08/app/app.module.ts
deleted file mode 100644
index 95ee161c830..00000000000
--- a/adev/src/content/examples/styleguide/src/04-08/app/app.module.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-// #docplaster
-// #docregion
-// #docregion example
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-// #enddocregion example
-import {RouterModule} from '@angular/router';
-// #docregion example
-
-import {AppComponent} from './app.component';
-import {HeroesComponent} from './heroes/heroes.component';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    // #enddocregion example
-    RouterModule.forChild([{path: '04-08', component: AppComponent}]),
-    // #docregion example
-  ],
-  declarations: [AppComponent, HeroesComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.html b/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.html
deleted file mode 100644
index 1244e68a4ad..00000000000
--- a/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<div>This is heroes component</div>
diff --git a/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.ts b/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.ts
deleted file mode 100644
index 4f5d01f959a..00000000000
--- a/adev/src/content/examples/styleguide/src/04-08/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'toh-heroes',
-  templateUrl: './heroes.component.html',
-  standalone: false,
-})
-export class HeroesComponent {}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/app.component.ts b/adev/src/content/examples/styleguide/src/04-10/app/app.component.ts
deleted file mode 100644
index eeefa01a645..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/app.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-heroes></toh-heroes>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/app.module.ts b/adev/src/content/examples/styleguide/src/04-10/app/app.module.ts
deleted file mode 100644
index 802606f1f71..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/app.module.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroesComponent} from './heroes/heroes.component';
-import {SharedModule} from './shared/shared.module';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    SharedModule,
-    RouterModule.forChild([{path: '04-10', component: AppComponent}]),
-  ],
-  declarations: [AppComponent, HeroesComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.html b/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.html
deleted file mode 100644
index 2ab739d8fe6..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<!--#docregion-->
-<div>This is heroes component</div>
-<ul>
-  <li *ngFor="let hero of filteredHeroes">
-    {{ hero.name }}
-  </li>
-</ul>
-<toh-filter-text (changed)="filterChanged($event)"></toh-filter-text>
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.ts b/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.ts
deleted file mode 100644
index c5fa3e7cf67..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-// #docregion
-import {Component, inject} from '@angular/core';
-
-import {FilterTextService} from '../shared/filter-text/filter-text.service';
-
-@Component({
-  selector: 'toh-heroes',
-  templateUrl: './heroes.component.html',
-  standalone: false,
-})
-export class HeroesComponent {
-  heroes = [
-    {id: 1, name: 'Windstorm'},
-    {id: 2, name: 'Bombasto'},
-    {id: 3, name: 'Magneta'},
-    {id: 4, name: 'Tornado'},
-  ];
-
-  filteredHeroes = this.heroes;
-
-  private filterService = inject(FilterTextService);
-
-  filterChanged(searchText: string) {
-    this.filteredHeroes = this.filterService.filter(searchText, ['id', 'name'], this.heroes);
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.component.ts b/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.component.ts
deleted file mode 100644
index 2f470810d58..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-// #docregion
-import {Component, EventEmitter, Output} from '@angular/core';
-
-@Component({
-  selector: 'toh-filter-text',
-  template:
-    '<input type="text" id="filterText" [(ngModel)]="filter" (keyup)="filterChanged($event)" />',
-  standalone: false,
-})
-export class FilterTextComponent {
-  @Output() changed: EventEmitter<string>;
-
-  filter = '';
-
-  constructor() {
-    this.changed = new EventEmitter<string>();
-  }
-
-  clear() {
-    this.filter = '';
-  }
-
-  filterChanged(event: any) {
-    event.preventDefault();
-    console.log(`Filter Changed: ${this.filter}`);
-    this.changed.emit(this.filter);
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.service.ts b/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.service.ts
deleted file mode 100644
index 29546cb5c51..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/shared/filter-text/filter-text.service.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-// #docregion
-import {Injectable} from '@angular/core';
-
-@Injectable()
-export class FilterTextService {
-  constructor() {
-    console.log('Created an instance of FilterTextService');
-  }
-
-  filter(data: string, props: Array<string>, originalList: Array<any>) {
-    let filteredList: any[];
-    if (data && props && originalList) {
-      data = data.toLowerCase();
-      const filtered = originalList.filter((item) => {
-        let match = false;
-        for (const prop of props) {
-          if (item[prop].toString().toLowerCase().indexOf(data) > -1) {
-            match = true;
-            break;
-          }
-        }
-        return match;
-      });
-      filteredList = filtered;
-    } else {
-      filteredList = originalList;
-    }
-    return filteredList;
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/shared/init-caps.pipe.ts b/adev/src/content/examples/styleguide/src/04-10/app/shared/init-caps.pipe.ts
deleted file mode 100644
index 7d56c1b3c21..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/shared/init-caps.pipe.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// #docregion
-import {Pipe, PipeTransform} from '@angular/core';
-
-@Pipe({
-  name: 'initCaps',
-  standalone: false,
-})
-export class InitCapsPipe implements PipeTransform {
-  transform = (value: string) => value;
-}
diff --git a/adev/src/content/examples/styleguide/src/04-10/app/shared/shared.module.ts b/adev/src/content/examples/styleguide/src/04-10/app/shared/shared.module.ts
deleted file mode 100644
index 3bde8d27d79..00000000000
--- a/adev/src/content/examples/styleguide/src/04-10/app/shared/shared.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// #docregion
-import {NgModule} from '@angular/core';
-import {CommonModule} from '@angular/common';
-import {FormsModule} from '@angular/forms';
-
-import {FilterTextComponent} from './filter-text/filter-text.component';
-import {FilterTextService} from './filter-text/filter-text.service';
-import {InitCapsPipe} from './init-caps.pipe';
-
-@NgModule({
-  imports: [CommonModule, FormsModule],
-  declarations: [FilterTextComponent, InitCapsPipe],
-  providers: [FilterTextService],
-  exports: [CommonModule, FormsModule, FilterTextComponent, InitCapsPipe],
-})
-export class SharedModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/app.component.html b/adev/src/content/examples/styleguide/src/05-02/app/app.component.html
deleted file mode 100644
index 607d068557b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/app.component.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!-- #docregion -->
-<toh-hero-button></toh-hero-button>
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-02/app/app.component.ts
deleted file mode 100644
index 81292503e4b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-02/app/app.module.ts
deleted file mode 100644
index 875306c6220..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroButtonComponent} from './heroes';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '05-02', component: AppComponent}])],
-  declarations: [AppComponent, HeroButtonComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-02/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.avoid.ts
deleted file mode 100644
index 46ba948a572..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.avoid.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-// #docplaster
-import {Component} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'tohHeroButton',
-  templateUrl: './hero-button.component.html',
-})
-export class HeroButtonComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.html b/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.html
deleted file mode 100644
index 0096b4e899d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<button type="button" class="hero-button">Hero button</button>
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.ts b/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.ts
deleted file mode 100644
index 7483682faaa..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/hero-button.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-button',
-  templateUrl: './hero-button.component.html',
-})
-export class HeroButtonComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/index.ts b/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/index.ts
deleted file mode 100644
index 6bb67c56704..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/hero-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button.component';
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/index.ts
deleted file mode 100644
index 2334d49c9ad..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button';
diff --git a/adev/src/content/examples/styleguide/src/05-02/app/index.ts b/adev/src/content/examples/styleguide/src/05-02/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-02/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/app.component.avoid.html b/adev/src/content/examples/styleguide/src/05-03/app/app.component.avoid.html
deleted file mode 100644
index 91bdbe403c8..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/app.component.avoid.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- #docregion -->
-<!-- avoid -->
-
-<div tohHeroButton></div>
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/app.component.html b/adev/src/content/examples/styleguide/src/05-03/app/app.component.html
deleted file mode 100644
index 607d068557b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/app.component.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!-- #docregion -->
-<toh-hero-button></toh-hero-button>
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-03/app/app.component.ts
deleted file mode 100644
index 81292503e4b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-03/app/app.module.ts
deleted file mode 100644
index 10b4a2236d5..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroButtonComponent} from './heroes';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '05-03', component: AppComponent}])],
-  declarations: [AppComponent, HeroButtonComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-03/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.avoid.ts
deleted file mode 100644
index 3d83194b8b4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.avoid.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: '[tohHeroButton]',
-  templateUrl: './hero-button.component.html',
-})
-export class HeroButtonComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.html b/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.html
deleted file mode 100644
index 0096b4e899d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<button type="button" class="hero-button">Hero button</button>
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.ts b/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.ts
deleted file mode 100644
index 7483682faaa..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/hero-button.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-button',
-  templateUrl: './hero-button.component.html',
-})
-export class HeroButtonComponent {}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/index.ts b/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/index.ts
deleted file mode 100644
index 6bb67c56704..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/hero-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button.component';
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/index.ts
deleted file mode 100644
index 2334d49c9ad..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button';
diff --git a/adev/src/content/examples/styleguide/src/05-03/app/index.ts b/adev/src/content/examples/styleguide/src/05-03/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-03/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-04/app/app.component.ts
deleted file mode 100644
index 988207cfdb3..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/app.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-import {HeroesComponent} from './heroes';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-heroes></toh-heroes>',
-  imports: [HeroesComponent],
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-04/app/app.module.ts
deleted file mode 100644
index b66271c7f1d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/app.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroesComponent} from './heroes';
-import {HeroService} from './heroes/shared';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '05-04', component: AppComponent}])],
-  declarations: [AppComponent, HeroesComponent],
-  exports: [AppComponent],
-  providers: [HeroService],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts
deleted file mode 100644
index 229b26173fc..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.avoid.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import {Component, inject} from '@angular/core';
-import {Observable} from 'rxjs';
-
-import {Hero, HeroService} from './shared';
-import {AsyncPipe, NgFor, NgIf, UpperCasePipe} from '@angular/common';
-
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'toh-heroes',
-  template: `
-    <div>
-      <h2>My Heroes</h2>
-      <ul class="heroes">
-        @for (hero of heroes | async; track hero) {
-          <li (click)="selectedHero=hero">
-            <span class="badge">{{hero.id}}</span> {{hero.name}}
-          </li>
-        }
-      </ul>
-      @if (selectedHero) {
-        <div>
-          <h2>{{selectedHero.name | uppercase}} is my hero</h2>
-        </div>
-      }
-    </div>
-  `,
-  styles: [
-    `
-    .heroes {
-      margin: 0 0 2em 0;
-      list-style-type: none;
-      padding: 0;
-      width: 15em;
-    }
-    .heroes li {
-      cursor: pointer;
-      position: relative;
-      left: 0;
-      background-color: #EEE;
-      margin: .5em;
-      padding: .3em 0;
-      height: 1.6em;
-      border-radius: 4px;
-    }
-    .heroes .badge {
-      display: inline-block;
-      font-size: small;
-      color: white;
-      padding: 0.8em 0.7em 0 0.7em;
-      background-color: #607D8B;
-      line-height: 1em;
-      position: relative;
-      left: -1px;
-      top: -4px;
-      height: 1.8em;
-      margin-right: .8em;
-      border-radius: 4px 0 0 4px;
-    }
-  `,
-  ],
-  imports: [NgFor, NgIf, AsyncPipe, UpperCasePipe],
-})
-export class HeroesComponent {
-  selectedHero!: Hero;
-
-  private heroService = inject(HeroService);
-  heroes: Observable<Hero[]> = this.heroService.getHeroes();
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.css b/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.css
deleted file mode 100644
index 56d32632637..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/* #docregion */
-.heroes {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 15em;
-}
-
-.heroes li {
-  display: flex;
-}
-
-.heroes button {
-  flex: 1;
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: 0;
-  border-radius: 4px;
-  display: flex;
-  align-items: stretch;
-  height: 1.8em;
-}
-
-.heroes button:hover {
-  color: #2c3a41;
-  background-color: #e6e6e6;
-  left: .1em;
-}
-
-.heroes button:active {
-  background-color: #525252;
-  color: #fafafa;
-}
-
-.heroes button.selected {
-  background-color: black;
-  color: white;
-}
-
-.heroes button.selected:hover {
-  background-color: #505050;
-  color: white;
-}
-
-.heroes button.selected:active {
-  background-color: black;
-  color: white;
-}
-
-.heroes .badge {
-  display: inline-block;
-  font-size: small;
-  color: white;
-  padding: 0.8em 0.7em 0 0.7em;
-  background-color: #405061;
-  line-height: 1em;
-  margin-right: .8em;
-  border-radius: 4px 0 0 4px;
-}
-
-.heroes .name {
-  align-self: center;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.html b/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.html
deleted file mode 100644
index d9bac8afad6..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!-- #docregion -->
-<div>
-  <h2>My Heroes</h2>
-  <ul class="heroes">
-    @for (hero of heroes | async; track hero) {
-      <li>
-        <button type="button" (click)="selectedHero=hero">
-          <span class="badge">{{ hero.id }}</span>
-          <span class="name">{{ hero.name }}</span>
-        </button>
-      </li>
-    }
-  </ul>
-  @if (selectedHero) {
-    <div>
-      <h2>{{ selectedHero.name | uppercase }} is my hero</h2>
-    </div>
-  }
-</div>
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts
deleted file mode 100644
index 5e318014d7e..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import {Component, inject} from '@angular/core';
-import {Observable} from 'rxjs';
-
-import {Hero, HeroService} from './shared';
-import {AsyncPipe, NgFor, NgIf, UpperCasePipe} from '@angular/common';
-
-// #docregion example
-@Component({
-  selector: 'toh-heroes',
-  templateUrl: './heroes.component.html',
-  styleUrls: ['./heroes.component.css'],
-  imports: [NgFor, NgIf, AsyncPipe, UpperCasePipe],
-})
-export class HeroesComponent {
-  selectedHero!: Hero;
-
-  private heroService = inject(HeroService);
-  heroes: Observable<Hero[]> = this.heroService.getHeroes();
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/index.ts
deleted file mode 100644
index a8d7f1d4220..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './heroes.component';
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.service.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.service.ts
deleted file mode 100644
index 3c597b59be8..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/hero.service.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {inject, Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-
-import {Observable} from 'rxjs';
-
-import {Hero} from './hero.model';
-
-@Injectable()
-export class HeroService {
-  private http = inject(HttpClient);
-
-  getHeroes(): Observable<Hero[]> {
-    return this.http.get<Hero[]>('api/heroes');
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/index.ts
deleted file mode 100644
index dbb150d3f80..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './hero.model';
-export * from './hero.service';
diff --git a/adev/src/content/examples/styleguide/src/05-04/app/index.ts b/adev/src/content/examples/styleguide/src/05-04/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-04/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-12/app/app.component.ts
deleted file mode 100644
index a1d61fc9946..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/app.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-import {HeroButtonComponent} from './heroes/shared/hero-button/hero-button.component';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-hero-button label="OK"></toh-hero-button>',
-  imports: [HeroButtonComponent],
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-12/app/app.module.ts
deleted file mode 100644
index 4211053c4ff..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroButtonComponent} from './heroes';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '05-12', component: AppComponent}])],
-  declarations: [AppComponent, HeroButtonComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-12/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.avoid.ts
deleted file mode 100644
index c26fcf9a55e..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.avoid.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// #docregion
-import {Component, EventEmitter} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button"></button>`,
-  inputs: ['label'],
-  outputs: ['heroChange'],
-})
-export class HeroButtonComponent {
-  heroChange = new EventEmitter<any>();
-  label: string = '';
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.ts b/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.ts
deleted file mode 100644
index d94cca3a100..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/hero-button.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// #docregion
-import {Component, EventEmitter, Input, Output} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button">{{label}}</button>`,
-})
-export class HeroButtonComponent {
-  @Output() heroChange = new EventEmitter<any>();
-  @Input() label = '';
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/index.ts b/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/index.ts
deleted file mode 100644
index 6bb67c56704..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/hero-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button.component';
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/index.ts
deleted file mode 100644
index 2334d49c9ad..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button';
diff --git a/adev/src/content/examples/styleguide/src/05-12/app/index.ts b/adev/src/content/examples/styleguide/src/05-12/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-12/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/app.component.avoid.html b/adev/src/content/examples/styleguide/src/05-13/app/app.component.avoid.html
deleted file mode 100644
index 0a263a6a95d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/app.component.avoid.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<!-- #docregion -->
-<!-- avoid -->
-
-<toh-hero-button labelAttribute="OK" (changeEvent)="doSomething()">
-</toh-hero-button>
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/app.component.html b/adev/src/content/examples/styleguide/src/05-13/app/app.component.html
deleted file mode 100644
index 3cd94ca7724..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/app.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- #docregion -->
-<toh-hero-button label="OK" (change)="doSomething()">
-</toh-hero-button>
-
-<!-- `heroHighlight` is both the directive name and the data-bound aliased property name -->
-<h3 heroHighlight="skyblue">The Great Bombasto</h3>
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-13/app/app.component.ts
deleted file mode 100644
index 693cfb928ef..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {
-  doSomething() {}
-}
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-13/app/app.module.ts
deleted file mode 100644
index 5f88c94ff39..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroButtonComponent, HeroHighlightDirective} from './heroes';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '05-13', component: AppComponent}])],
-  declarations: [AppComponent, HeroButtonComponent, HeroHighlightDirective],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.avoid.ts
deleted file mode 100644
index bd22db3124a..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.avoid.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {Component, EventEmitter, Input, Output} from '@angular/core';
-// #docregion example
-/* avoid pointless aliasing */
-
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button">{{label}}</button>`,
-})
-export class HeroButtonComponent {
-  // Pointless aliases
-  @Output('heroChangeEvent') heroChange = new EventEmitter<any>();
-  @Input('labelAttribute') label!: string;
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.ts
deleted file mode 100644
index 0f0d52ed038..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/hero-button.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// #docregion
-import {Component, EventEmitter, Input, Output} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button" >{{label}}</button>`,
-})
-export class HeroButtonComponent {
-  // No aliases
-  @Output() heroChange = new EventEmitter<any>();
-  @Input() label = '';
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/index.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/index.ts
deleted file mode 100644
index 6bb67c56704..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button.component';
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-highlight.directive.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-highlight.directive.ts
deleted file mode 100644
index c4c0211d60f..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/hero-highlight.directive.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// #docregion
-import {Directive, ElementRef, inject, Input, OnChanges} from '@angular/core';
-
-// eslint-disable-next-line @angular-eslint/directive-selector
-@Directive({
-  selector: '[heroHighlight]',
-})
-export class HeroHighlightDirective implements OnChanges {
-  // Aliased because `color` is a better property name than `heroHighlight`
-  @Input('heroHighlight') color = '';
-
-  private el = inject(ElementRef);
-
-  ngOnChanges() {
-    this.el.nativeElement.style.backgroundColor = this.color || 'yellow';
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/index.ts
deleted file mode 100644
index 565f46cf4fa..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './hero-button';
-export * from './hero-highlight.directive';
diff --git a/adev/src/content/examples/styleguide/src/05-13/app/index.ts b/adev/src/content/examples/styleguide/src/05-13/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-13/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-14/app/app.component.ts
deleted file mode 100644
index 2c61d0d9722..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: `<toh-toast></toh-toast>`,
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-14/app/app.module.ts
deleted file mode 100644
index d26bd2dae8a..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {ToastComponent} from './shared';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '05-14', component: AppComponent}])],
-  declarations: [AppComponent, ToastComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/index.ts b/adev/src/content/examples/styleguide/src/05-14/app/index.ts
deleted file mode 100644
index ebe5c92f039..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/shared/index.ts b/adev/src/content/examples/styleguide/src/05-14/app/shared/index.ts
deleted file mode 100644
index 7ff6d415e70..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './toast';
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/index.ts b/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/index.ts
deleted file mode 100644
index 6502de796e0..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './toast.component';
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.avoid.ts
deleted file mode 100644
index 83ffd7549b2..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.avoid.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-// #docregion
-import {OnInit} from '@angular/core';
-// #docregion example
-/* avoid */
-
-export class ToastComponent implements OnInit {
-  private defaults = {
-    title: '',
-    message: 'May the Force be with you',
-  };
-  message: string;
-  title: string;
-  private toastElement: any;
-
-  ngOnInit() {
-    this.toastElement = document.getElementById('toh-toast');
-  }
-
-  // private methods
-  private hide() {
-    this.toastElement.style.opacity = 0;
-    setTimeout(() => (this.toastElement.style.zIndex = 0), 400);
-  }
-
-  activate(message = this.defaults.message, title = this.defaults.title) {
-    this.title = title;
-    this.message = message;
-    this.show();
-  }
-
-  private show() {
-    console.log(this.message);
-    this.toastElement.style.opacity = 1;
-    this.toastElement.style.zIndex = 9999;
-
-    setTimeout(() => this.hide(), 2500);
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.ts b/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.ts
deleted file mode 100644
index c60bcdd314c..00000000000
--- a/adev/src/content/examples/styleguide/src/05-14/app/shared/toast/toast.component.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-// #docregion
-import {Component, OnInit} from '@angular/core';
-
-@Component({
-  selector: 'toh-toast',
-  template: `...`,
-  standalone: false,
-})
-// #docregion example
-export class ToastComponent implements OnInit {
-  // public properties
-  message = '';
-  title = '';
-
-  // private fields
-  private defaults = {
-    title: '',
-    message: 'May the Force be with you',
-  };
-  private toastElement: any;
-
-  // public methods
-  activate(message = this.defaults.message, title = this.defaults.title) {
-    this.title = title;
-    this.message = message;
-    this.show();
-  }
-
-  ngOnInit() {
-    this.toastElement = document.getElementById('toh-toast');
-  }
-
-  // private methods
-  private hide() {
-    this.toastElement.style.opacity = 0;
-    setTimeout(() => (this.toastElement.style.zIndex = 0), 400);
-  }
-
-  private show() {
-    console.log(this.message);
-    this.toastElement.style.opacity = 1;
-    this.toastElement.style.zIndex = 9999;
-    setTimeout(() => this.hide(), 2500);
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-15/app/app.component.ts
deleted file mode 100644
index 8fb32ebac81..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/app.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component} from '@angular/core';
-
-import {HeroService} from './heroes';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-hero-list></toh-hero-list>',
-  providers: [HeroService],
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-15/app/app.module.ts
deleted file mode 100644
index 0a2c86f9558..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroListComponent} from './heroes';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '05-15', component: AppComponent}])],
-  declarations: [AppComponent, HeroListComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.avoid.ts
deleted file mode 100644
index 02893d21ed6..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.avoid.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-// #docregion
-/* avoid */
-
-import {Component, inject, OnInit} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-
-import {Observable} from 'rxjs';
-import {catchError, finalize} from 'rxjs/operators';
-
-import {Hero} from '../shared/hero.model';
-
-const heroesUrl = 'http://angular.io';
-
-@Component({
-  selector: 'toh-hero-list',
-  template: `...`,
-})
-export class HeroListComponent {
-  heroes: Hero[] = [];
-
-  private http = inject(HttpClient);
-
-  constructor() {
-    this.getHeroes();
-  }
-
-  getHeroes() {
-    this.heroes = [];
-    this.http
-      .get(heroesUrl)
-      .pipe(
-        catchError(this.catchBadResponse),
-        finalize(() => this.hideSpinner()),
-      )
-      .subscribe((heroes: Hero[]) => (this.heroes = heroes));
-  }
-
-  private catchBadResponse(err: any, source: Observable<any>) {
-    // log and handle the exception
-    return new Observable();
-  }
-
-  private hideSpinner() {
-    // hide the spinner
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.ts
deleted file mode 100644
index 0fc48b01d5a..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/hero-list.component.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// #docregion example
-import {Component, inject, OnInit} from '@angular/core';
-
-import {Hero, HeroService} from '../shared';
-
-@Component({
-  selector: 'toh-hero-list',
-  template: `...`,
-})
-export class HeroListComponent implements OnInit {
-  heroes: Hero[] = [];
-  private heroService = inject(HeroService);
-
-  getHeroes() {
-    this.heroes = [];
-    this.heroService.getHeroes().subscribe((heroes) => (this.heroes = heroes));
-  }
-  ngOnInit() {
-    this.getHeroes();
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/index.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/index.ts
deleted file mode 100644
index c4bcb3278ed..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/hero-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-list.component';
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/index.ts
deleted file mode 100644
index f1112f1c7cc..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './hero-list';
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.service.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.service.ts
deleted file mode 100644
index f0f20be054c..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/hero.service.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// #docregion
-import {Injectable} from '@angular/core';
-
-import {of} from 'rxjs';
-
-import {Hero} from './hero.model';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    const heroes: Hero[] = [];
-    return of(heroes);
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/index.ts
deleted file mode 100644
index 27516fdedd0..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-// #docregion
-export * from './hero.model';
-export * from './hero.service';
diff --git a/adev/src/content/examples/styleguide/src/05-15/app/index.ts b/adev/src/content/examples/styleguide/src/05-15/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-15/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/app.component.avoid.html b/adev/src/content/examples/styleguide/src/05-16/app/app.component.avoid.html
deleted file mode 100644
index 2c0cea58e24..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/app.component.avoid.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- #docregion -->
-<!-- avoid -->
-
-<toh-hero (onSavedTheDay)="onSavedTheDay($event)"></toh-hero>
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/app.component.html b/adev/src/content/examples/styleguide/src/05-16/app/app.component.html
deleted file mode 100644
index 4883a6940a3..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/app.component.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!-- #docregion -->
-<toh-hero (savedTheDay)="onSavedTheDay($event)"></toh-hero>
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-16/app/app.component.ts
deleted file mode 100644
index 6a8df92de57..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {
-  onSavedTheDay(event$: any) {}
-}
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-16/app/app.module.ts
deleted file mode 100644
index e76d58a1973..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroComponent} from './heroes';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '05-16', component: AppComponent}])],
-  declarations: [AppComponent, HeroComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.avoid.ts
deleted file mode 100644
index 9cb3ce9137f..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.avoid.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// #docregion
-import {Component, EventEmitter, Output} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-export class HeroComponent {
-  @Output() onSavedTheDay = new EventEmitter<boolean>();
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.ts b/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.ts
deleted file mode 100644
index eb03ff280bd..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/heroes/hero.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// #docregion
-import {Component, EventEmitter, Output} from '@angular/core';
-
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-// #docregion example
-export class HeroComponent {
-  @Output() savedTheDay = new EventEmitter<boolean>();
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-16/app/heroes/index.ts
deleted file mode 100644
index 084f36d7034..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.component';
diff --git a/adev/src/content/examples/styleguide/src/05-16/app/index.ts b/adev/src/content/examples/styleguide/src/05-16/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-16/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-17/app/app.component.ts
deleted file mode 100644
index a8b518fc8b8..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-hero-list></toh-hero-list>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-17/app/app.module.ts
deleted file mode 100644
index 7a5ad610c2e..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroComponent, HeroListComponent} from './heroes';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '05-17', component: AppComponent}])],
-  declarations: [AppComponent, HeroComponent, HeroListComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.avoid.ts
deleted file mode 100644
index 8e4586c701f..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.avoid.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-
-import {Hero} from '../shared/hero.model';
-import {NgFor} from '@angular/common';
-import {HeroComponent} from '../hero/hero.component';
-
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'toh-hero-list',
-  template: `
-    <section>
-      Our list of heroes:
-      @for (hero of heroes; track hero) {
-        <toh-hero [hero]="hero"></toh-hero>
-      }
-      Total powers: {{totalPowers}}<br>
-      Average power: {{totalPowers / heroes.length}}
-    </section>
-  `,
-  imports: [NgFor, HeroComponent],
-})
-export class HeroListComponent {
-  heroes: Hero[] = [];
-  totalPowers: number = 0;
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.ts
deleted file mode 100644
index 6b045458cd0..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/hero-list.component.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-// #docplaster
-// #docregion
-import {Component} from '@angular/core';
-import {HeroComponent} from '../hero/hero.component';
-import {Hero} from '../shared/hero.model';
-import {NgFor} from '@angular/common';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-list',
-  template: `
-    <section>
-      Our list of heroes:
-      @for (hero of heroes; track hero) {
-        <toh-hero [hero]="hero"></toh-hero>
-      }
-      Total powers: {{totalPowers}}<br>
-      Average power: {{avgPower}}
-    </section>
-  `,
-  imports: [NgFor, HeroComponent],
-})
-export class HeroListComponent {
-  heroes: Hero[];
-  totalPowers = 0;
-
-  // #enddocregion example
-  // testing harness
-  constructor() {
-    this.heroes = [];
-  }
-
-  // #docregion example
-  get avgPower() {
-    return this.totalPowers / this.heroes.length;
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/index.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/index.ts
deleted file mode 100644
index c4bcb3278ed..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-list.component';
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/hero.component.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/hero.component.ts
deleted file mode 100644
index 8ca9dfa92a8..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/hero.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component, Input} from '@angular/core';
-
-import {Hero} from '../shared/hero.model';
-
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-export class HeroComponent {
-  @Input() hero!: Hero;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/index.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/index.ts
deleted file mode 100644
index 084f36d7034..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/hero/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.component';
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/index.ts
deleted file mode 100644
index dcf3e79bd34..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './hero';
-export * from './hero-list';
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/index.ts
deleted file mode 100644
index 0dceb684c40..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.model';
diff --git a/adev/src/content/examples/styleguide/src/05-17/app/index.ts b/adev/src/content/examples/styleguide/src/05-17/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-17/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/app.component.ts b/adev/src/content/examples/styleguide/src/05-18/app/app.component.ts
deleted file mode 100644
index a8b518fc8b8..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-hero-list></toh-hero-list>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/app.module.ts b/adev/src/content/examples/styleguide/src/05-18/app/app.module.ts
deleted file mode 100644
index 44f33aa1e63..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/app.module.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroComponent, HeroListComponent} from './heroes';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '05-18', component: AppComponent}])],
-  declarations: [AppComponent, HeroComponent, HeroListComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/hero-list.component.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/hero-list.component.ts
deleted file mode 100644
index 29ae2e83417..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/hero-list.component.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import {Component} from '@angular/core';
-
-import {Hero} from '../shared/hero.model';
-
-@Component({
-  selector: 'toh-hero-list',
-  template: `
-    <section>
-      Our list of heroes:
-      <toh-hero *ngFor="let hero of heroes">
-      </toh-hero>
-      Total powers: {{totalPowers}}<br>
-      Average power: {{avgPower}}
-    </section>
-  `,
-  standalone: false,
-})
-export class HeroListComponent {
-  heroes: Hero[] = [];
-  totalPowers = 1;
-
-  get avgPower() {
-    return this.totalPowers / this.heroes.length;
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/index.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/index.ts
deleted file mode 100644
index c4bcb3278ed..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-list.component';
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.avoid.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.avoid.ts
deleted file mode 100644
index 8c1aba9af13..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.avoid.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {Component, Input} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-export class HeroComponent {
-  // The exclamation mark suppresses errors that a property is
-  // not initialized.
-  // Ignoring this enforcement can prevent the type checker
-  // from finding potential issues.
-  @Input() id!: string;
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.optional.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.optional.ts
deleted file mode 100644
index afb4587f4ac..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.optional.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {Component, Input} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-export class HeroComponent {
-  @Input() id?: string;
-
-  process() {
-    if (this.id) {
-      // ...
-    }
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.ts
deleted file mode 100644
index c8132e8b1f2..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/hero.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {Component, Input} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero',
-  template: `...`,
-})
-export class HeroComponent {
-  @Input() id = 'default_id';
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/index.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/index.ts
deleted file mode 100644
index 084f36d7034..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/hero/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.component';
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/index.ts
deleted file mode 100644
index dcf3e79bd34..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './hero';
-export * from './hero-list';
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/hero.model.ts
deleted file mode 100644
index a61b497759b..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/index.ts
deleted file mode 100644
index 0dceb684c40..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero.model';
diff --git a/adev/src/content/examples/styleguide/src/05-18/app/index.ts b/adev/src/content/examples/styleguide/src/05-18/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/05-18/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/app.component.html b/adev/src/content/examples/styleguide/src/06-01/app/app.component.html
deleted file mode 100644
index 2ccf87d0f51..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/app.component.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<!-- #docregion -->
-<div tohHighlight>Bombasta</div>
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/app.component.ts b/adev/src/content/examples/styleguide/src/06-01/app/app.component.ts
deleted file mode 100644
index 81292503e4b..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/app.module.ts b/adev/src/content/examples/styleguide/src/06-01/app/app.module.ts
deleted file mode 100644
index b86d385cf53..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HighlightDirective} from './shared';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '06-01', component: AppComponent}])],
-  declarations: [AppComponent, HighlightDirective],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/index.ts b/adev/src/content/examples/styleguide/src/06-01/app/index.ts
deleted file mode 100644
index ebe5c92f039..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/shared/highlight.directive.ts b/adev/src/content/examples/styleguide/src/06-01/app/shared/highlight.directive.ts
deleted file mode 100644
index d5c27155502..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/shared/highlight.directive.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// #docregion
-import {Directive, HostListener} from '@angular/core';
-
-// #docregion example
-@Directive({
-  selector: '[tohHighlight]',
-})
-export class HighlightDirective {
-  @HostListener('mouseover') onMouseEnter() {
-    // do highlight work
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/06-01/app/shared/index.ts b/adev/src/content/examples/styleguide/src/06-01/app/shared/index.ts
deleted file mode 100644
index 105a0356808..00000000000
--- a/adev/src/content/examples/styleguide/src/06-01/app/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './highlight.directive';
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/app.component.ts b/adev/src/content/examples/styleguide/src/06-03/app/app.component.ts
deleted file mode 100644
index af050c68ccf..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/app.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: `
-  <input type="text" tohValidator>
-  <textarea tohValidator2></textarea>`,
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/app.module.ts b/adev/src/content/examples/styleguide/src/06-03/app/app.module.ts
deleted file mode 100644
index b2f81c44987..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {ValidatorDirective, Validator2Directive} from './shared';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '06-03', component: AppComponent}])],
-  declarations: [AppComponent, ValidatorDirective, Validator2Directive],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/index.ts b/adev/src/content/examples/styleguide/src/06-03/app/index.ts
deleted file mode 100644
index ebe5c92f039..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './shared';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/shared/index.ts b/adev/src/content/examples/styleguide/src/06-03/app/shared/index.ts
deleted file mode 100644
index ba25e4c4585..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/shared/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './validator.directive';
-export * from './validator2.directive';
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/shared/validator.directive.ts b/adev/src/content/examples/styleguide/src/06-03/app/shared/validator.directive.ts
deleted file mode 100644
index ca860b81c30..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/shared/validator.directive.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-// #docregion
-import {Directive, HostBinding, HostListener} from '@angular/core';
-
-@Directive({
-  selector: '[tohValidator]',
-})
-export class ValidatorDirective {
-  @HostBinding('attr.role') role = 'button';
-  @HostListener('mouseenter') onMouseEnter() {
-    // do work
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts b/adev/src/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts
deleted file mode 100644
index 0c89fa53c0f..00000000000
--- a/adev/src/content/examples/styleguide/src/06-03/app/shared/validator2.directive.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-/* eslint-disable @angular-eslint/no-host-metadata-property */
-// #docregion
-import {Directive} from '@angular/core';
-
-@Directive({
-  selector: '[tohValidator2]',
-  host: {
-    '[attr.role]': 'role',
-    '(mouseenter)': 'onMouseEnter()',
-  },
-})
-export class Validator2Directive {
-  role = 'button';
-  onMouseEnter() {
-    // do work
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/app.component.html b/adev/src/content/examples/styleguide/src/07-01/app/app.component.html
deleted file mode 100644
index 3113a31140c..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/app.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<ul>
-  <li *ngFor="let hero of heroes">
-    {{ hero.name }}
-  </li>
-</ul>
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/app.component.ts b/adev/src/content/examples/styleguide/src/07-01/app/app.component.ts
deleted file mode 100644
index 323fc194532..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/app.component.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {Component, inject, OnInit} from '@angular/core';
-
-import {Hero, HeroService} from './heroes';
-
-@Component({
-  selector: 'sg-app',
-  templateUrl: './app.component.html',
-  providers: [HeroService],
-  standalone: false,
-})
-export class AppComponent implements OnInit {
-  heroes: Hero[] = [];
-
-  private heroService = inject(HeroService);
-
-  ngOnInit() {
-    this.heroService.getHeroes().subscribe((heroes) => (this.heroes = heroes));
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/app.module.ts b/adev/src/content/examples/styleguide/src/07-01/app/app.module.ts
deleted file mode 100644
index 7d00c6f00b7..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '07-01', component: AppComponent}])],
-  declarations: [AppComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/07-01/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.service.ts b/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.service.ts
deleted file mode 100644
index d955c152e37..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/hero.service.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// #docregion
-import {inject, Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-
-import {Hero} from './hero.model';
-
-@Injectable()
-// #docregion example
-export class HeroService {
-  private http = inject(HttpClient);
-
-  getHeroes() {
-    return this.http.get<Hero[]>('api/heroes');
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/index.ts
deleted file mode 100644
index dbb150d3f80..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './hero.model';
-export * from './hero.service';
diff --git a/adev/src/content/examples/styleguide/src/07-01/app/index.ts b/adev/src/content/examples/styleguide/src/07-01/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/07-01/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/app.component.ts b/adev/src/content/examples/styleguide/src/07-04/app/app.component.ts
deleted file mode 100644
index 49e416f2d9c..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/app.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// #docregion
-import {Component, inject, OnInit} from '@angular/core';
-
-import {HeroArena, HeroService, Hero} from './heroes';
-
-@Component({
-  selector: 'toh-app',
-  template: '<pre>{{heroes | json}}</pre>',
-  providers: [HeroArena, HeroService],
-  standalone: false,
-})
-export class AppComponent {
-  heroes: Hero[] = [];
-
-  private heroArena = inject(HeroArena);
-
-  constructor() {
-    this.heroArena.getParticipants().subscribe((heroes) => (this.heroes = heroes));
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/app.module.ts b/adev/src/content/examples/styleguide/src/07-04/app/app.module.ts
deleted file mode 100644
index 49290f915fe..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-
-@NgModule({
-  imports: [BrowserModule, RouterModule.forChild([{path: '07-04', component: AppComponent}])],
-  declarations: [AppComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.avoid.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.avoid.ts
deleted file mode 100644
index d4545dce9d2..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.avoid.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// #docregion
-import {Inject} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-
-import {HeroService} from './hero.service';
-// #docregion example
-/* avoid */
-
-export class HeroArena {
-  constructor(
-    @Inject(HeroService) private heroService: HeroService,
-    @Inject(HttpClient) private http: HttpClient,
-  ) {}
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.ts
deleted file mode 100644
index b3fcc7069fe..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero-arena.service.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-// #docplaster
-// #docregion
-import {Injectable} from '@angular/core';
-import {HttpClient} from '@angular/common/http';
-
-import {HeroService} from './hero.service';
-
-// #docregion example
-@Injectable()
-export class HeroArena {
-  constructor(
-    private heroService: HeroService,
-    private http: HttpClient,
-  ) {}
-  // #enddocregion example
-  // test harness
-  getParticipants() {
-    return this.heroService.getHeroes();
-  }
-  // #docregion example
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.model.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.model.ts
deleted file mode 100644
index 2b89781da5d..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.model.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// #docregion
-export interface Hero {
-  id: number;
-  name: string;
-}
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.service.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.service.ts
deleted file mode 100644
index f0f20be054c..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/hero.service.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// #docregion
-import {Injectable} from '@angular/core';
-
-import {of} from 'rxjs';
-
-import {Hero} from './hero.model';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    const heroes: Hero[] = [];
-    return of(heroes);
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/index.ts
deleted file mode 100644
index e8ba54b5403..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/heroes/shared/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// #docregion
-export * from './hero.model';
-export * from './hero.service';
-export * from './hero-arena.service';
diff --git a/adev/src/content/examples/styleguide/src/07-04/app/index.ts b/adev/src/content/examples/styleguide/src/07-04/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/07-04/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/app.component.ts b/adev/src/content/examples/styleguide/src/09-01/app/app.component.ts
deleted file mode 100644
index d071dc39456..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'sg-app',
-  template: '<toh-hero-button></toh-hero-button>',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/app.module.ts b/adev/src/content/examples/styleguide/src/09-01/app/app.module.ts
deleted file mode 100644
index bc3ae87ab05..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/app.module.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import {NgModule} from '@angular/core';
-import {RouterModule} from '@angular/router';
-
-import {AppComponent} from './app.component';
-import {HeroButtonComponent} from './heroes';
-
-@NgModule({
-  imports: [RouterModule.forChild([{path: '09-01', component: AppComponent}])],
-  declarations: [AppComponent, HeroButtonComponent],
-  exports: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/heroes/index.ts b/adev/src/content/examples/styleguide/src/09-01/app/heroes/index.ts
deleted file mode 100644
index c3da79f741b..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/heroes/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './shared';
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.avoid.ts b/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.avoid.ts
deleted file mode 100644
index 620cce4e1c5..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.avoid.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// #docregion
-import {Component} from '@angular/core';
-// #docregion example
-/* avoid */
-
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button">OK</button>`,
-})
-export class HeroButtonComponent {
-  onInit() {
-    // misspelled
-    console.log('The component is initialized');
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.ts b/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.ts
deleted file mode 100644
index 78d3f2e4811..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/hero-button.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-// #docregion
-import {Component, OnInit} from '@angular/core';
-
-// #docregion example
-@Component({
-  selector: 'toh-hero-button',
-  template: `<button type="button">OK</button>`,
-})
-export class HeroButtonComponent implements OnInit {
-  ngOnInit() {
-    console.log('The component is initialized');
-  }
-}
-// #enddocregion example
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/index.ts b/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/index.ts
deleted file mode 100644
index 6bb67c56704..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/hero-button/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button.component';
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/index.ts b/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/index.ts
deleted file mode 100644
index 2334d49c9ad..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/heroes/shared/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './hero-button';
diff --git a/adev/src/content/examples/styleguide/src/09-01/app/index.ts b/adev/src/content/examples/styleguide/src/09-01/app/index.ts
deleted file mode 100644
index fe8300f1dd4..00000000000
--- a/adev/src/content/examples/styleguide/src/09-01/app/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './heroes';
-export * from './app.component';
diff --git a/adev/src/content/examples/styleguide/src/app/app.component.html b/adev/src/content/examples/styleguide/src/app/app.component.html
deleted file mode 100644
index 0680b43f9c6..00000000000
--- a/adev/src/content/examples/styleguide/src/app/app.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<router-outlet></router-outlet>
diff --git a/adev/src/content/examples/styleguide/src/app/app.component.ts b/adev/src/content/examples/styleguide/src/app/app.component.ts
deleted file mode 100644
index 4386be14d8d..00000000000
--- a/adev/src/content/examples/styleguide/src/app/app.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  standalone: false,
-})
-export class AppComponent {}
diff --git a/adev/src/content/examples/styleguide/src/app/app.module.ts b/adev/src/content/examples/styleguide/src/app/app.module.ts
deleted file mode 100644
index 78cd34aa838..00000000000
--- a/adev/src/content/examples/styleguide/src/app/app.module.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import {NgModule} from '@angular/core';
-import {BrowserModule} from '@angular/platform-browser';
-
-import {HttpClientModule} from '@angular/common/http';
-import {InMemoryWebApiModule} from 'angular-in-memory-web-api';
-
-import {RouterModule} from '@angular/router';
-
-import {HashLocationStrategy, LocationStrategy} from '@angular/common';
-
-import {HeroData} from '../app/hero-data';
-import {AppComponent} from '../app/app.component';
-
-import * as s0101 from '../01-01/app/app.module';
-import * as s0205 from '../02-05/app/app.module';
-import * as s0207 from '../02-07/app/app.module';
-import * as s0208 from '../02-08/app/app.module';
-import * as s0408 from '../04-08/app/app.module';
-import * as s0410 from '../04-10/app/app.module';
-import * as s0502 from '../05-02/app/app.module';
-import * as s0503 from '../05-03/app/app.module';
-import * as s0504 from '../05-04/app/app.module';
-import * as s0512 from '../05-12/app/app.module';
-import * as s0513 from '../05-13/app/app.module';
-import * as s0514 from '../05-14/app/app.module';
-import * as s0515 from '../05-15/app/app.module';
-import * as s0516 from '../05-16/app/app.module';
-import * as s0517 from '../05-17/app/app.module';
-import * as s0601 from '../06-01/app/app.module';
-import * as s0603 from '../06-03/app/app.module';
-import * as s0701 from '../07-01/app/app.module';
-import * as s0704 from '../07-04/app/app.module';
-import * as s0901 from '../09-01/app/app.module';
-
-@NgModule({
-  imports: [
-    BrowserModule,
-    HttpClientModule,
-    InMemoryWebApiModule.forRoot(HeroData),
-
-    s0101.AppModule,
-    s0205.AppModule,
-    s0207.AppModule,
-    s0208.AppModule,
-    s0408.AppModule,
-    s0410.AppModule,
-    s0502.AppModule,
-    s0503.AppModule,
-    s0504.AppModule,
-    s0512.AppModule,
-    s0513.AppModule,
-    s0514.AppModule,
-    s0515.AppModule,
-    s0516.AppModule,
-    s0517.AppModule,
-    s0601.AppModule,
-    s0603.AppModule,
-    s0701.AppModule,
-    s0704.AppModule,
-    s0901.AppModule,
-
-    RouterModule.forRoot([{path: '', redirectTo: '/01-01', pathMatch: 'full'}], {
-      /* enableTracing: true */
-    }),
-  ],
-  providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
-  declarations: [AppComponent],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
diff --git a/adev/src/content/examples/styleguide/src/app/app.routes.ts b/adev/src/content/examples/styleguide/src/app/app.routes.ts
deleted file mode 100644
index 33b05e75bc4..00000000000
--- a/adev/src/content/examples/styleguide/src/app/app.routes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {Routes} from '@angular/router';
-
-import {AppComponent as S0101} from '../01-01/app';
-
-export const routes: Routes = [
-  {path: '', redirectTo: '/01-01', pathMatch: 'full'},
-  {path: '01-01', component: S0101},
-];
diff --git a/adev/src/content/examples/styleguide/src/app/hero-data.ts b/adev/src/content/examples/styleguide/src/app/hero-data.ts
deleted file mode 100644
index fc28cfabd7b..00000000000
--- a/adev/src/content/examples/styleguide/src/app/hero-data.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export class HeroData {
-  createDb() {
-    const heroes = [
-      {id: 1, name: 'Windstorm'},
-      {id: 2, name: 'Bombasto'},
-      {id: 3, name: 'Magneta'},
-      {id: 4, name: 'Tornado'},
-    ];
-    return {heroes};
-  }
-}
diff --git a/adev/src/content/examples/styleguide/src/index.html b/adev/src/content/examples/styleguide/src/index.html
deleted file mode 100644
index ba0335c7e7a..00000000000
--- a/adev/src/content/examples/styleguide/src/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<!-- #docregion -->
-<html lang="en">
-  <head>
-    <base href="/">
-
-    <title>Style Guide Sample</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-  </head>
-
-  <body>
-    <app-root></app-root>
-  </body>
-
-</html>
-<!-- #enddocregion -->
diff --git a/adev/src/content/examples/styleguide/src/main.ts b/adev/src/content/examples/styleguide/src/main.ts
deleted file mode 100644
index b697867b377..00000000000
--- a/adev/src/content/examples/styleguide/src/main.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
-import {AppModule} from './app/app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule);