diff --git a/projects/addon-doc/addon-doc.module.ts b/projects/addon-doc/addon-doc.module.ts index f92210b1f6b5..af0a791e80f0 100644 --- a/projects/addon-doc/addon-doc.module.ts +++ b/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 {} diff --git a/projects/demo/src/modules/app/app.routes.ts b/projects/demo/src/modules/app/app.routes.ts index dd049aa2338e..42c489e6979d 100644 --- a/projects/demo/src/modules/app/app.routes.ts +++ b/projects/demo/src/modules/app/app.routes.ts @@ -63,9 +63,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', }, diff --git a/projects/demo/src/modules/info/testing/disable-animation/disable-animation.component.ts b/projects/demo/src/modules/info/testing/disable-animation/disable-animation.component.ts index 24c83639452b..5279f27506a4 100644 --- a/projects/demo/src/modules/info/testing/disable-animation/disable-animation.component.ts +++ b/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'); } diff --git a/projects/demo/src/modules/info/testing/disable-animation/disable-animation.module.ts b/projects/demo/src/modules/info/testing/disable-animation/disable-animation.module.ts deleted file mode 100644 index 016e2e2ea8d6..000000000000 --- a/projects/demo/src/modules/info/testing/disable-animation/disable-animation.module.ts +++ /dev/null @@ -1,21 +0,0 @@ -import {CommonModule} from '@angular/common'; -import {NgModule} from '@angular/core'; -import {RouterModule} from '@angular/router'; -import {TuiAddonDocModule, TuiDocTabModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc'; -import {TuiLinkModule} from '@taiga-ui/core'; -import {TuiTabsModule} from '@taiga-ui/kit'; - -import {DisableAnimationComponent} from './disable-animation.component'; - -@NgModule({ - imports: [ - CommonModule, - TuiAddonDocModule, - TuiLinkModule, - TuiTabsModule, - TuiDocTabModule, - RouterModule.forChild(tuiGenerateRoutes(DisableAnimationComponent)), - ], - declarations: [DisableAnimationComponent], -}) -export class DisableAnimationModule {}