chore(demo): set disable-animation page as standalone (#6573)

projects/addon-doc/addon-doc.module.ts

@@ -6,6 +6,7 @@ import {
     TuiDocDocumentationModule,
     TuiDocExampleModule,
     TuiDocPageModule,
+    TuiDocTabModule,
 } from '@taiga-ui/addon-doc/components';
 import {tuiGenerateRoutes} from '@taiga-ui/addon-doc/utils';
 
@@ -16,6 +17,7 @@ import {tuiGenerateRoutes} from '@taiga-ui/addon-doc/utils';
         TuiDocDocumentationModule,
         TuiDocPageModule,
         TuiDocExampleModule,
+        TuiDocTabModule,
     ],
 })
 export class TuiAddonDocModule {}

projects/demo/src/modules/app/app.routes.ts

@@ -62,9 +62,8 @@ export const ROUTES: Routes = [
     },
     {
         path: 'testing/disable-animation',
-        loadChildren: async () =>
-            (await import('../info/testing/disable-animation/disable-animation.module'))
-                .DisableAnimationModule,
+        loadComponent: async () =>
+            import('../info/testing/disable-animation/disable-animation.component'),
         data: {
             title: 'Disable animation',
         },

projects/demo/src/modules/info/testing/disable-animation/disable-animation.component.ts

@@ -1,12 +1,30 @@
+import {NgForOf, NgIf} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {
+    TuiAddonDocModule,
+    TuiDocDocumentationModule,
+    TuiDocPageModule,
+} from '@taiga-ui/addon-doc';
+import {TuiLinkModule} from '@taiga-ui/core';
+import {TuiTabsModule} from '@taiga-ui/kit';
 
 @Component({
+    standalone: true,
     selector: 'disable-animation',
+    imports: [
+        NgForOf,
+        TuiDocDocumentationModule,
+        TuiDocPageModule,
+        TuiLinkModule,
+        TuiTabsModule,
+        TuiAddonDocModule,
+        NgIf,
+    ],
     templateUrl: './disable-animation.template.html',
     styleUrls: ['./disable-animation.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class DisableAnimationComponent {
+export default class DisableAnimationComponent {
     readonly cypress = import('./examples/cypress.md?raw');
     readonly playwright = import('./examples/playwright.md?raw');
 }