chore(demo): migrate documentation page AppBar to standalone compon…

…ents (#6968)
taiga-family · Mar 11, 2024 · c2d591b · c2d591b
1 parent 63ed8a3
commit c2d591b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 35 deletions.
diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts
@@ -1031,14 +1031,11 @@ export const ROUTES: Routes = [
             title: 'Preview',
         },
     },
-    {
+    route({
         path: 'navigation/app-bar',
-        loadChildren: async () =>
-            (await import('../components/app-bar/app-bar.module')).ExampleTuiAppBarModule,
-        data: {
-            title: 'AppBar',
-        },
-    },
+        loadComponent: async () => import('../components/app-bar/app-bar.component'),
+        title: 'AppBar',
+    }),
     {
         path: 'navigation/tab-bar',
         loadChildren: async () =>

diff --git a/projects/demo/src/modules/components/app-bar/app-bar.component.ts b/projects/demo/src/modules/components/app-bar/app-bar.component.ts
@@ -1,13 +1,17 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
-import type {TuiDocExample} from '@taiga-ui/addon-doc';
+import {TuiAddonDocModule, type TuiDocExample} from '@taiga-ui/addon-doc';
+
+import {TuiAppBarExample1} from './examples/1';
 
 @Component({
+    standalone: true,
     selector: 'example-tui-app-bar',
+    imports: [TuiAddonDocModule, TuiAppBarExample1],
     templateUrl: './app-bar.template.html',
     changeDetection,
 })
-export class ExampleTuiAppBarComponent {
+export default class ExampleTuiAppBarComponent {
     protected readonly exampleModule = import('./examples/import/import-module.md?raw');
     protected readonly exampleHtml = import('./examples/import/insert-template.md?raw');
 

diff --git a/projects/demo/src/modules/components/app-bar/app-bar.module.ts b/projects/demo/src/modules/components/app-bar/app-bar.module.ts
diff --git a/projects/demo/src/modules/components/app-bar/examples/1/index.ts b/projects/demo/src/modules/components/app-bar/examples/1/index.ts
@@ -1,9 +1,14 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
+import {TuiAppBarModule} from '@taiga-ui/addon-mobile';
+import {TuiButtonModule, TuiLabelModule} from '@taiga-ui/core';
+import {TuiProgressModule} from '@taiga-ui/kit';
 
 @Component({
+    standalone: true,
     selector: 'tui-app-bar-example-1',
+    imports: [TuiAppBarModule, TuiButtonModule, TuiProgressModule, TuiLabelModule],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,