From 84218ac1036f746db515354b1efecfe4e046043b Mon Sep 17 00:00:00 2001 From: Maksim Ivanov Date: Tue, 7 May 2024 12:34:18 +0300 Subject: [PATCH] chore: drop `MyModule` in md files (#7312) --- projects/addon-doc/README.md | 17 +++++++++-------- .../arc-chart/examples/import/import-module.md | 5 +++-- .../axes/examples/import/import-module.md | 5 +++-- .../bar-chart/examples/import/import-module.md | 5 +++-- .../bar-set/examples/import/import-module.md | 5 +++-- .../charts/bar/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../line-chart/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../pie-chart/examples/import/import-module.md | 5 +++-- .../ring-chart/examples/import/import-module.md | 5 +++-- .../accordion/examples/import/import-module.md | 5 +++-- .../alert/examples/import/define-options.md | 5 +++-- .../components/avatar/examples/import/import.md | 7 ++++--- .../examples/import/import-module.md | 7 ++++--- .../badge/examples/import/import-module.md | 7 ++++--- .../badged-content/examples/import/import.md | 7 ++++--- .../examples/import/import-module.md | 2 +- .../block-status/examples/import/import.md | 5 +++-- .../components/block/examples/import/import.md | 5 +++-- .../breadcrumbs/examples/import/import.md | 5 +++-- .../button-close/examples/import/import.md | 7 ++++--- .../button-group/examples/import/import.md | 7 ++++--- .../button-vertical/examples/import/import.md | 7 ++++--- .../components/button/examples/import/import.md | 7 ++++--- .../calendar-month/examples/import/import.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../calendar/examples/import/import.md | 5 +++-- .../carousel/examples/import/import.md | 5 +++-- .../checkbox/examples/import/import.md | 7 ++++--- .../combo-box/examples/import/import.md | 5 +++-- .../compass/examples/import/import.md | 2 +- .../examples/import/import-module.md | 5 +++-- .../data-list/examples/import/import-module.md | 5 +++-- .../examples/import/dialogs-close-token.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../error/examples/import/import-module.md | 5 +++-- .../expand/examples/import/import-module.md | 5 +++-- .../filter/examples/import/import-module.md | 5 +++-- .../group/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../icon/examples/import/import-module.md | 7 ++++--- .../examples/import/import-module.md | 5 +++-- .../input-card/examples/import/import-module.md | 5 +++-- .../input-copy/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/define-options.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../input-tag/examples/import/import-module.md | 5 +++-- .../examples/import/define-options.md | 5 +++-- .../input-time/examples/import/import-module.md | 5 +++-- .../input-year/examples/import/import-module.md | 5 +++-- .../input/examples/import/import-module.md | 5 +++-- .../island/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../label/examples/import/import-module.md | 5 +++-- .../line-clamp/examples/import/import-module.md | 5 +++-- .../components/link/examples/import/import.md | 5 +++-- .../loader/examples/import/define-options.md | 5 +++-- .../loader/examples/import/import-module.md | 5 +++-- .../examples/import/import-dialog-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/define-options.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../pagination/examples/import/import-module.md | 5 +++-- .../components/pin/examples/import/import.md | 2 +- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../push/examples/import/import-module.md | 5 +++-- .../components/radio/examples/import/import.md | 7 ++++--- .../range/examples/import/import-module.md | 3 ++- .../components/rating/examples/import/import.md | 2 +- .../scrollbar/examples/import/import-module.md | 5 +++-- .../segmented/examples/import/import.md | 7 ++++--- .../select/examples/import/import-module.md | 5 +++-- .../sheet/examples/import/import-module.md | 5 +++-- .../slider/examples/import/import-module.md | 5 +++-- .../stepper/examples/import/import.md | 5 +++-- .../surface/examples/import/import.md | 2 +- .../examples/import/import-module.md | 7 ++++--- .../components/switch/examples/import/import.md | 7 ++++--- .../tab-bar/examples/import/import-module.md | 5 +++-- .../components/tabs/examples/import/import.md | 5 +++-- .../tag/examples/import/define-options.md | 5 +++-- .../tag/examples/import/import-module.md | 15 ++++++--------- .../textarea/examples/import/import-module.md | 5 +++-- .../thumbnail-card/examples/import/import.md | 5 +++-- .../tiles/examples/import/import-module.md | 5 +++-- .../tooltip/examples/import/import-module.md | 5 +++-- .../tree/examples/import/import-module.md | 5 +++-- .../customization/i18n/app.esbuild.module.md | 5 +++-- .../modules/customization/i18n/app.module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../appearance/examples/import/import-module.md | 7 ++++--- .../auto-focus/examples/import/import-module.md | 5 +++-- .../comment/examples/import/import-module.md | 2 +- .../copy-processor/examples/import/import.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../dropdown/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../element/examples/import/import-module.md | 5 +++-- .../fade/examples/import/import-module.md | 7 ++++--- .../for/examples/import/import-module.md | 5 +++-- .../header/examples/import/import-module.md | 7 ++++--- .../highlight/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../hint/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 9 +++++---- .../directives/let/examples/import/import.md | 5 +++-- .../media/examples/import/import-module.md | 5 +++-- .../overscroll/examples/import/import-module.md | 5 +++-- .../pan/examples/import/import-module.md | 5 +++-- .../present/examples/import/import-module.md | 5 +++-- .../examples/import/import.md | 5 +++-- .../resizer/examples/import/import-module.md | 5 +++-- .../ripple/examples/import/import-module.md | 5 +++-- .../sensitive/examples/import/import-module.md | 7 ++++--- .../sidebar/examples/import/import-module.md | 5 +++-- .../skeleton/examples/import/import.md | 7 ++++--- .../swipe/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../directives/title/examples/import/import.md | 5 +++-- .../touchable/examples/import/import-module.md | 5 +++-- .../validator/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../zoom/examples/import/import-module.md | 5 +++-- .../app-bar/examples/import/import.md | 5 +++-- .../label/examples/import/import.md | 5 +++-- .../navigation/examples/import/import-module.md | 5 +++-- .../textfield/examples/import/import-module.md | 7 ++++--- .../tooltip/examples/import/import-module.md | 5 +++-- .../icons/icons-bundled/examples/1/sanitizer.md | 5 +++-- .../icons-mapping/examples/4/app.module.md | 5 +++-- .../src/modules/icons/import/import-module.md | 5 +++-- .../amount/examples/import/import-module.md | 5 +++-- .../currency/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../pipes/filter/examples/import/import.md | 5 +++-- .../pipes/flag/examples/import/import.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../pipes/is-present/examples/import/import.md | 5 +++-- .../pipes/mapper/examples/import/import.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../stringify/examples/import/import-module.md | 5 +++-- .../scroll/examples/import/import-module.md | 7 ++++--- .../table-bar/examples/import/module.md | 5 +++-- .../table-bar/examples/import/service-usage.md | 5 +++++ .../reorder/examples/import/import-module.md | 5 +++-- .../examples/import/import-module.md | 5 +++-- .../table/examples/import/import-module.md | 5 +++-- .../10/provide-first-day-of-week-token.md | 5 +++-- projects/i18n/README.md | 10 ++++++---- 175 files changed, 549 insertions(+), 379 deletions(-) diff --git a/projects/addon-doc/README.md b/projects/addon-doc/README.md index 9f91097c6a48..64d995c4b596 100644 --- a/projects/addon-doc/README.md +++ b/projects/addon-doc/README.md @@ -33,16 +33,15 @@ npm i @taiga-ui/addon-doc 2. Configure languages to highlight in your main module: ```typescript - import {NgModule} from '@angular/core'; + import {Component} from '@angular/core'; import {TuiDocMainModule} from '@taiga-ui/addon-doc'; import {hljsLanguages} from './hljsLanguages'; import {HIGHLIGHT_OPTIONS, HighlightLanguage} from 'ngx-highlightjs'; import {AppComponent} from './app.component'; - @NgModule({ - bootstrap: [AppComponent], + @Component({ + standalone: true, imports: [TuiDocMainModule], - declarations: [AppComponent], providers: [ { provide: HIGHLIGHT_OPTIONS, @@ -58,7 +57,7 @@ npm i @taiga-ui/addon-doc }, ], }) - export class AppBrowserModule {} + export class AppComponent {} ``` 3. Configure documentation providers: @@ -98,12 +97,13 @@ npm i @taiga-ui/addon-doc _Module:_ ```typescript - import {NgModule} from '@angular/core'; + import {Component} from '@angular/core'; import {RouterModule} from '@angular/router'; import {tuiGenerateRoutes, TuiAddonDocModule} from '@taiga-ui/addon-doc'; import {SuperComponent} from './super.component'; - @NgModule({ + @Component({ + standalone: true, imports: [TuiAddonDocModule, RouterModule.forChild(tuiGenerateRoutes(SuperComponent))], declarations: [SuperComponent], exports: [SuperComponent], @@ -117,8 +117,9 @@ npm i @taiga-ui/addon-doc import {Component} from '@angular/core'; @Component({ + standalone: true, selector: 'super-component', - templateUrl: './account.template.html', + templateUrl: './super.component.html', }) export class SuperComponent { // Keys would be used as tabs for code example diff --git a/projects/demo/src/modules/charts/arc-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/arc-chart/examples/import/import-module.md index ab5f303d9b7b..751b2b60400a 100644 --- a/projects/demo/src/modules/charts/arc-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/arc-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiArcChartModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiArcChartModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/axes/examples/import/import-module.md b/projects/demo/src/modules/charts/axes/examples/import/import-module.md index e63c15c4762e..7e718e6dca88 100644 --- a/projects/demo/src/modules/charts/axes/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/axes/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiAxesModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAxesModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/bar-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/bar-chart/examples/import/import-module.md index 15a64e926c19..1404200c0662 100644 --- a/projects/demo/src/modules/charts/bar-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/bar-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiBarChartModule} from '@taiga-ui/addon-charts'; //... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBarChartModule, ], //... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/bar-set/examples/import/import-module.md b/projects/demo/src/modules/charts/bar-set/examples/import/import-module.md index 19cdb54dd488..990be36692fa 100644 --- a/projects/demo/src/modules/charts/bar-set/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/bar-set/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiBarSetModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBarSetModule, ], }) // ... -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/bar/examples/import/import-module.md b/projects/demo/src/modules/charts/bar/examples/import/import-module.md index 0cb71405a7f9..0d35e19998de 100644 --- a/projects/demo/src/modules/charts/bar/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/bar/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiBarModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBarModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/legend-item/examples/import/import-module.md b/projects/demo/src/modules/charts/legend-item/examples/import/import-module.md index 5d6214aa5725..763597fac561 100644 --- a/projects/demo/src/modules/charts/legend-item/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/legend-item/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiLegendItemModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLegendItemModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/line-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/line-chart/examples/import/import-module.md index 71f1a0fc919c..4bdf6d3c1f4d 100644 --- a/projects/demo/src/modules/charts/line-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/line-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiLineChartModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLineChartModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/line-days-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/line-days-chart/examples/import/import-module.md index d7bb0467a720..191e8c475f26 100644 --- a/projects/demo/src/modules/charts/line-days-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/line-days-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiLineDaysChartModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLineDaysChartModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/pie-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/pie-chart/examples/import/import-module.md index d4882d056fef..e0338c93a32f 100644 --- a/projects/demo/src/modules/charts/pie-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/pie-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiPieChartModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPieChartModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/charts/ring-chart/examples/import/import-module.md b/projects/demo/src/modules/charts/ring-chart/examples/import/import-module.md index 02f6cc42372a..b93262681b1a 100644 --- a/projects/demo/src/modules/charts/ring-chart/examples/import/import-module.md +++ b/projects/demo/src/modules/charts/ring-chart/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiRingChartModule} from '@taiga-ui/addon-charts'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiRingChartModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/accordion/examples/import/import-module.md b/projects/demo/src/modules/components/accordion/examples/import/import-module.md index 43f30cbecee3..b4c6af694723 100644 --- a/projects/demo/src/modules/components/accordion/examples/import/import-module.md +++ b/projects/demo/src/modules/components/accordion/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiAccordionModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAccordionModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/alert/examples/import/define-options.md b/projects/demo/src/modules/components/alert/examples/import/define-options.md index 307606571881..391a88654c51 100644 --- a/projects/demo/src/modules/components/alert/examples/import/define-options.md +++ b/projects/demo/src/modules/components/alert/examples/import/define-options.md @@ -3,7 +3,8 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, providers: [ tuiNotificationOptionsProvider({ label: ({status}: any) => status[0].toUpperCase() + status.slice(1), @@ -13,5 +14,5 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/avatar/examples/import/import.md b/projects/demo/src/modules/components/avatar/examples/import/import.md index fa397d5c8819..be50422538be 100644 --- a/projects/demo/src/modules/components/avatar/examples/import/import.md +++ b/projects/demo/src/modules/components/avatar/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiAvatarModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAvatarModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/badge-notification/examples/import/import-module.md b/projects/demo/src/modules/components/badge-notification/examples/import/import-module.md index 4aecf5f83be4..af820c0104b1 100644 --- a/projects/demo/src/modules/components/badge-notification/examples/import/import-module.md +++ b/projects/demo/src/modules/components/badge-notification/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiBadgeNotificationComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBadgeNotificationComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/badge/examples/import/import-module.md b/projects/demo/src/modules/components/badge/examples/import/import-module.md index 207c9786efdd..e45ff08311ff 100644 --- a/projects/demo/src/modules/components/badge/examples/import/import-module.md +++ b/projects/demo/src/modules/components/badge/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiBadgeDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBadgeDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/badged-content/examples/import/import.md b/projects/demo/src/modules/components/badged-content/examples/import/import.md index f1bc503c86e3..12ddfdaafd73 100644 --- a/projects/demo/src/modules/components/badged-content/examples/import/import.md +++ b/projects/demo/src/modules/components/badged-content/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiBadgedContentComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBadgedContentComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/block-details/examples/import/import-module.md b/projects/demo/src/modules/components/block-details/examples/import/import-module.md index bc81da6589b5..d46128151a2f 100644 --- a/projects/demo/src/modules/components/block-details/examples/import/import-module.md +++ b/projects/demo/src/modules/components/block-details/examples/import/import-module.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiBlockDetailsDirective} from '@taiga-ui/layout'; // ... diff --git a/projects/demo/src/modules/components/block-status/examples/import/import.md b/projects/demo/src/modules/components/block-status/examples/import/import.md index 7a0cc91ceab5..37b74c67fca6 100644 --- a/projects/demo/src/modules/components/block-status/examples/import/import.md +++ b/projects/demo/src/modules/components/block-status/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiBlockStatusModule} from '@taiga-ui/layout'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBlockStatusModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/block/examples/import/import.md b/projects/demo/src/modules/components/block/examples/import/import.md index f1aa5a1c1c39..ca7de3ff0f11 100644 --- a/projects/demo/src/modules/components/block/examples/import/import.md +++ b/projects/demo/src/modules/components/block/examples/import/import.md @@ -4,7 +4,8 @@ import {TuiBlockDirective, TuiCheckboxComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiBlockDirective, TuiCheckboxComponent} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/breadcrumbs/examples/import/import.md b/projects/demo/src/modules/components/breadcrumbs/examples/import/import.md index cda69b78108c..93fad0644669 100644 --- a/projects/demo/src/modules/components/breadcrumbs/examples/import/import.md +++ b/projects/demo/src/modules/components/breadcrumbs/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiBreadcrumbsModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiBreadcrumbsModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/button-close/examples/import/import.md b/projects/demo/src/modules/components/button-close/examples/import/import.md index 50a1f74c27e8..abde433ced21 100644 --- a/projects/demo/src/modules/components/button-close/examples/import/import.md +++ b/projects/demo/src/modules/components/button-close/examples/import/import.md @@ -1,15 +1,16 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiButtonDirective} from '@taiga-ui/core'; import {TuiButtonCloseDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiButtonDirective, TuiButtonCloseDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/button-group/examples/import/import.md b/projects/demo/src/modules/components/button-group/examples/import/import.md index c51305ee2aba..e2d71b51e1a6 100644 --- a/projects/demo/src/modules/components/button-group/examples/import/import.md +++ b/projects/demo/src/modules/components/button-group/examples/import/import.md @@ -1,15 +1,16 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiButtonDirective} from '@taiga-ui/core'; import {TuiButtonGroupDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiButtonDirective, TuiButtonGroupDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/button-vertical/examples/import/import.md b/projects/demo/src/modules/components/button-vertical/examples/import/import.md index 80d615827395..17078b7c3555 100644 --- a/projects/demo/src/modules/components/button-vertical/examples/import/import.md +++ b/projects/demo/src/modules/components/button-vertical/examples/import/import.md @@ -1,16 +1,17 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiButtonDirective} from '@taiga-ui/core'; import {TuiButtonVerticalDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiButtonDirective, TuiButtonVerticalDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/button/examples/import/import.md b/projects/demo/src/modules/components/button/examples/import/import.md index 4053aa335ff8..6bf48dd330e1 100644 --- a/projects/demo/src/modules/components/button/examples/import/import.md +++ b/projects/demo/src/modules/components/button/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiButtonDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiButtonDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/calendar-month/examples/import/import.md b/projects/demo/src/modules/components/calendar-month/examples/import/import.md index 6a15aaf8a818..f0551a3674f0 100644 --- a/projects/demo/src/modules/components/calendar-month/examples/import/import.md +++ b/projects/demo/src/modules/components/calendar-month/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiCalendarMonthModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCalendarMonthModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/calendar-range/examples/import/import-module.md b/projects/demo/src/modules/components/calendar-range/examples/import/import-module.md index 89c8f0e2496d..bc1b92361f18 100644 --- a/projects/demo/src/modules/components/calendar-range/examples/import/import-module.md +++ b/projects/demo/src/modules/components/calendar-range/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiCalendarRangeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCalendarRangeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/calendar/examples/import/import.md b/projects/demo/src/modules/components/calendar/examples/import/import.md index 28b35b84e277..215e88e6ca9d 100644 --- a/projects/demo/src/modules/components/calendar/examples/import/import.md +++ b/projects/demo/src/modules/components/calendar/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiCalendarModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCalendarModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/carousel/examples/import/import.md b/projects/demo/src/modules/components/carousel/examples/import/import.md index 7a3b5f5cba0b..d5f25a5b4283 100644 --- a/projects/demo/src/modules/components/carousel/examples/import/import.md +++ b/projects/demo/src/modules/components/carousel/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiCarouselModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCarouselModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/checkbox/examples/import/import.md b/projects/demo/src/modules/components/checkbox/examples/import/import.md index 4664fdb01210..b508eb87924e 100644 --- a/projects/demo/src/modules/components/checkbox/examples/import/import.md +++ b/projects/demo/src/modules/components/checkbox/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiCheckboxComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCheckboxComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/combo-box/examples/import/import.md b/projects/demo/src/modules/components/combo-box/examples/import/import.md index fe97b1c98bd5..771b60c5c6c3 100644 --- a/projects/demo/src/modules/components/combo-box/examples/import/import.md +++ b/projects/demo/src/modules/components/combo-box/examples/import/import.md @@ -5,7 +5,8 @@ import {TuiComboBoxModule, TuiDataListWrapperModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -16,5 +17,5 @@ import {TuiComboBoxModule, TuiDataListWrapperModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/compass/examples/import/import.md b/projects/demo/src/modules/components/compass/examples/import/import.md index 0f75d3b717ca..9bb555265a8a 100644 --- a/projects/demo/src/modules/components/compass/examples/import/import.md +++ b/projects/demo/src/modules/components/compass/examples/import/import.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiCompassComponent} from '@taiga-ui/kit'; // ... diff --git a/projects/demo/src/modules/components/data-list-wrapper/examples/import/import-module.md b/projects/demo/src/modules/components/data-list-wrapper/examples/import/import-module.md index 53c9828c14a1..3dc007722147 100644 --- a/projects/demo/src/modules/components/data-list-wrapper/examples/import/import-module.md +++ b/projects/demo/src/modules/components/data-list-wrapper/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDataListWrapperModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDataListWrapperModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/data-list/examples/import/import-module.md b/projects/demo/src/modules/components/data-list/examples/import/import-module.md index d6f0c933db79..b7d72c9f3b19 100644 --- a/projects/demo/src/modules/components/data-list/examples/import/import-module.md +++ b/projects/demo/src/modules/components/data-list/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDataListModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDataListModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/dialog/examples/import/dialogs-close-token.md b/projects/demo/src/modules/components/dialog/examples/import/dialogs-close-token.md index a97ae533ca0a..e711f43a871e 100644 --- a/projects/demo/src/modules/components/dialog/examples/import/dialogs-close-token.md +++ b/projects/demo/src/modules/components/dialog/examples/import/dialogs-close-token.md @@ -1,5 +1,6 @@ ```ts -@NgModule({ +@Component({ + standalone: true, // ... providers: [ { @@ -9,5 +10,5 @@ }, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/elastic-container/examples/import/import-module.md b/projects/demo/src/modules/components/elastic-container/examples/import/import-module.md index 9700be79ed5d..d7ce2ebf07d0 100644 --- a/projects/demo/src/modules/components/elastic-container/examples/import/import-module.md +++ b/projects/demo/src/modules/components/elastic-container/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiElasticContainerModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiElasticContainerModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/error/examples/import/import-module.md b/projects/demo/src/modules/components/error/examples/import/import-module.md index 8db0e58d5c99..dfc571d1b659 100644 --- a/projects/demo/src/modules/components/error/examples/import/import-module.md +++ b/projects/demo/src/modules/components/error/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiErrorModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiErrorModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/expand/examples/import/import-module.md b/projects/demo/src/modules/components/expand/examples/import/import-module.md index 3fb64faf41a3..7378f2ba7678 100644 --- a/projects/demo/src/modules/components/expand/examples/import/import-module.md +++ b/projects/demo/src/modules/components/expand/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiExpandModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiExpandModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/filter/examples/import/import-module.md b/projects/demo/src/modules/components/filter/examples/import/import-module.md index d63905a695bb..56b71275394c 100644 --- a/projects/demo/src/modules/components/filter/examples/import/import-module.md +++ b/projects/demo/src/modules/components/filter/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiFilterModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFilterModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/group/examples/import/import-module.md b/projects/demo/src/modules/components/group/examples/import/import-module.md index c98728ef9a9a..9ab8d069cc5d 100644 --- a/projects/demo/src/modules/components/group/examples/import/import-module.md +++ b/projects/demo/src/modules/components/group/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiGroupDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiGroupDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/hosted-dropdown/examples/import/import-module.md b/projects/demo/src/modules/components/hosted-dropdown/examples/import/import-module.md index 4ffcad7d3f1f..493bab876684 100644 --- a/projects/demo/src/modules/components/hosted-dropdown/examples/import/import-module.md +++ b/projects/demo/src/modules/components/hosted-dropdown/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHostedDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHostedDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/icon/examples/import/import-module.md b/projects/demo/src/modules/components/icon/examples/import/import-module.md index edd43d673af9..e38bd6506956 100644 --- a/projects/demo/src/modules/components/icon/examples/import/import-module.md +++ b/projects/demo/src/modules/components/icon/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiIconComponent} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiIconComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-card-grouped/examples/import/import-module.md b/projects/demo/src/modules/components/input-card-grouped/examples/import/import-module.md index aa2d974bdd3a..4496e0e1031f 100644 --- a/projects/demo/src/modules/components/input-card-grouped/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-card-grouped/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiInputCardGroupedModule} from '@taiga-ui/addon-commerce'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiInputCardGroupedModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-card/examples/import/import-module.md b/projects/demo/src/modules/components/input-card/examples/import/import-module.md index 3ad7d88fd65b..d6e7b79cffbc 100644 --- a/projects/demo/src/modules/components/input-card/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-card/examples/import/import-module.md @@ -3,7 +3,8 @@ import {TuiInputCardModule, TuiInputCVCModule, TuiInputExpireModule} from '@taig // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiInputCardModule, @@ -12,5 +13,5 @@ import {TuiInputCardModule, TuiInputCVCModule, TuiInputExpireModule} from '@taig ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-copy/examples/import/import-module.md b/projects/demo/src/modules/components/input-copy/examples/import/import-module.md index 35e2d653cd27..9b98d69c81e3 100644 --- a/projects/demo/src/modules/components/input-copy/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-copy/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputCopyModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputCopyModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-date-multi/examples/import/import-module.md b/projects/demo/src/modules/components/input-date-multi/examples/import/import-module.md index 6b4d20b27918..ead9e4f34ccc 100644 --- a/projects/demo/src/modules/components/input-date-multi/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-date-multi/examples/import/import-module.md @@ -2,7 +2,8 @@ import {ReactiveFormsModule} from '@angular/forms'; import {TuiInputDateMultiModule} from '@taiga-ui/kit'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... ReactiveFormsModule, @@ -10,5 +11,5 @@ import {TuiInputDateMultiModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-date-range/examples/import/import-module.md b/projects/demo/src/modules/components/input-date-range/examples/import/import-module.md index e6b36be0d21a..ed16df7e21f7 100644 --- a/projects/demo/src/modules/components/input-date-range/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-date-range/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputDateRangeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputDateRangeModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-date-time/examples/import/import-module.md b/projects/demo/src/modules/components/input-date-time/examples/import/import-module.md index 1d0a736ab668..bc5be01b0883 100644 --- a/projects/demo/src/modules/components/input-date-time/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-date-time/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputDateTimeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputDateTimeModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-files/examples/import/import-module.md b/projects/demo/src/modules/components/input-files/examples/import/import-module.md index 94c923a44971..fbffe3df9467 100644 --- a/projects/demo/src/modules/components/input-files/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-files/examples/import/import-module.md @@ -3,9 +3,10 @@ import {TuiFilesModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [TuiFilesModule], //... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-inline/examples/import/import-module.md b/projects/demo/src/modules/components/input-inline/examples/import/import-module.md index 8eda8419f0ec..904e8d567358 100644 --- a/projects/demo/src/modules/components/input-inline/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-inline/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiInputInlineModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiInputInlineModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-month-range/examples/import/import-module.md b/projects/demo/src/modules/components/input-month-range/examples/import/import-module.md index 5a9d1cdc7f42..dafa873d4127 100644 --- a/projects/demo/src/modules/components/input-month-range/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-month-range/examples/import/import-module.md @@ -2,7 +2,8 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import {TuiInputMonthRangeModule} from '@taiga-ui/kit'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -11,5 +12,5 @@ import {TuiInputMonthRangeModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-month/examples/import/import-module.md b/projects/demo/src/modules/components/input-month/examples/import/import-module.md index 9869ac0422b6..3d652e15b529 100644 --- a/projects/demo/src/modules/components/input-month/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-month/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiInputMonthModule} from 'packageName'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiInputMonthModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-number/examples/import/import-module.md b/projects/demo/src/modules/components/input-number/examples/import/import-module.md index 269c6f04b07c..f1ae775f2061 100644 --- a/projects/demo/src/modules/components/input-number/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-number/examples/import/import-module.md @@ -2,9 +2,10 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import {TuiInputNumberModule} from '@taiga-ui/kit'; -@NgModule({ +@Component({ + standalone: true, imports: [FormsModule, ReactiveFormsModule, TuiInputNumberModule], // ... }) -export class MyComponentModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-password/examples/import/define-options.md b/projects/demo/src/modules/components/input-password/examples/import/define-options.md index 4a8b2c9c7f12..a4561c965fc1 100644 --- a/projects/demo/src/modules/components/input-password/examples/import/define-options.md +++ b/projects/demo/src/modules/components/input-password/examples/import/define-options.md @@ -3,7 +3,8 @@ import {TUI_INPUT_PASSWORD_OPTIONS, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS} from '@t // ... -@NgModule({ +@Component({ + standalone: true, providers: [ { provide: TUI_INPUT_PASSWORD_OPTIONS, @@ -18,5 +19,5 @@ import {TUI_INPUT_PASSWORD_OPTIONS, TUI_INPUT_PASSWORD_DEFAULT_OPTIONS} from '@t ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-password/examples/import/import-module.md b/projects/demo/src/modules/components/input-password/examples/import/import-module.md index 6ebd1b9472fc..99e9e2555072 100644 --- a/projects/demo/src/modules/components/input-password/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-password/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputPasswordModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputPasswordModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-phone-international/examples/import/import-module.md b/projects/demo/src/modules/components/input-phone-international/examples/import/import-module.md index bfc317cce8b6..d6b6243a7b28 100644 --- a/projects/demo/src/modules/components/input-phone-international/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-phone-international/examples/import/import-module.md @@ -4,9 +4,10 @@ import {TuiInputPhoneInternationalModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [...FormsModule, ReactiveFormsModule, TuiInputPhoneInternationalModule], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-phone/examples/import/import-module.md b/projects/demo/src/modules/components/input-phone/examples/import/import-module.md index fe17039f1e83..03dd231e390b 100644 --- a/projects/demo/src/modules/components/input-phone/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-phone/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputPhoneModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... ReactiveFormsModule, @@ -12,5 +13,5 @@ import {TuiInputPhoneModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-range/examples/import/import-module.md b/projects/demo/src/modules/components/input-range/examples/import/import-module.md index 8eaaddeb0084..73e8706938cd 100644 --- a/projects/demo/src/modules/components/input-range/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-range/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputRangeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputRangeModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-slider/examples/import/import-module.md b/projects/demo/src/modules/components/input-slider/examples/import/import-module.md index 4ef89a82955f..ab9ce4283259 100644 --- a/projects/demo/src/modules/components/input-slider/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-slider/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputSliderModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputSliderModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-tag/examples/import/import-module.md b/projects/demo/src/modules/components/input-tag/examples/import/import-module.md index 9be64f5634f7..2345d1c99486 100644 --- a/projects/demo/src/modules/components/input-tag/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-tag/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputTagModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputTagModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-time/examples/import/define-options.md b/projects/demo/src/modules/components/input-time/examples/import/define-options.md index 7386b4ac92ca..86713cc20d7f 100644 --- a/projects/demo/src/modules/components/input-time/examples/import/define-options.md +++ b/projects/demo/src/modules/components/input-time/examples/import/define-options.md @@ -3,7 +3,8 @@ import {TUI_INPUT_TIME_OPTIONS} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, providers: [ { provide: TUI_INPUT_TIME_OPTIONS, @@ -16,5 +17,5 @@ import {TUI_INPUT_TIME_OPTIONS} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-time/examples/import/import-module.md b/projects/demo/src/modules/components/input-time/examples/import/import-module.md index d1efe9c37162..d19d7ae5023f 100644 --- a/projects/demo/src/modules/components/input-time/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-time/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiInputTimeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiInputTimeModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input-year/examples/import/import-module.md b/projects/demo/src/modules/components/input-year/examples/import/import-module.md index 95bf6528ea61..397a0b8e3577 100644 --- a/projects/demo/src/modules/components/input-year/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input-year/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiInputYearModule} from 'packageName'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiInputYearModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/input/examples/import/import-module.md b/projects/demo/src/modules/components/input/examples/import/import-module.md index 6b4d205f591c..19399884295f 100644 --- a/projects/demo/src/modules/components/input/examples/import/import-module.md +++ b/projects/demo/src/modules/components/input/examples/import/import-module.md @@ -2,7 +2,8 @@ import {ReactiveFormsModule} from '@angular/forms'; import {TuiInputModule} from '@taiga-ui/kit'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... ReactiveFormsModule, @@ -10,5 +11,5 @@ import {TuiInputModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/island/examples/import/import-module.md b/projects/demo/src/modules/components/island/examples/import/import-module.md index d2e4070d3711..48dfafc6c44a 100644 --- a/projects/demo/src/modules/components/island/examples/import/import-module.md +++ b/projects/demo/src/modules/components/island/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiIslandModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiIslandModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/items-with-more/examples/import/import-module.md b/projects/demo/src/modules/components/items-with-more/examples/import/import-module.md index 444e835fbb7a..7792a8c5535c 100644 --- a/projects/demo/src/modules/components/items-with-more/examples/import/import-module.md +++ b/projects/demo/src/modules/components/items-with-more/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiItemsWithMoreModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiItemsWithMoreModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/label/examples/import/import-module.md b/projects/demo/src/modules/components/label/examples/import/import-module.md index 612c6566bc18..5d14d31a4f7f 100644 --- a/projects/demo/src/modules/components/label/examples/import/import-module.md +++ b/projects/demo/src/modules/components/label/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiLabelModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLabelModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/line-clamp/examples/import/import-module.md b/projects/demo/src/modules/components/line-clamp/examples/import/import-module.md index c498617420a9..23b577781a70 100644 --- a/projects/demo/src/modules/components/line-clamp/examples/import/import-module.md +++ b/projects/demo/src/modules/components/line-clamp/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiLineClampModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLineClampModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/link/examples/import/import.md b/projects/demo/src/modules/components/link/examples/import/import.md index 3d23371b7578..c6fee2d91cdc 100644 --- a/projects/demo/src/modules/components/link/examples/import/import.md +++ b/projects/demo/src/modules/components/link/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiLinkDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLinkDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/loader/examples/import/define-options.md b/projects/demo/src/modules/components/loader/examples/import/define-options.md index f5218feea3e6..78e1213bfd59 100644 --- a/projects/demo/src/modules/components/loader/examples/import/define-options.md +++ b/projects/demo/src/modules/components/loader/examples/import/define-options.md @@ -2,7 +2,8 @@ import {tuiLoaderOptionsProvider} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, providers: [ tuiLoaderOptionsProvider({ size: 'l', @@ -11,5 +12,5 @@ import {tuiLoaderOptionsProvider} from '@taiga-ui/core'; }), ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/loader/examples/import/import-module.md b/projects/demo/src/modules/components/loader/examples/import/import-module.md index e9d9a9a5516c..c4e536408e7e 100644 --- a/projects/demo/src/modules/components/loader/examples/import/import-module.md +++ b/projects/demo/src/modules/components/loader/examples/import/import-module.md @@ -1,11 +1,12 @@ ```ts import {TuiLoaderModule} from '@taiga-ui/core'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLoaderModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/mobile-calendar/examples/import/import-dialog-module.md b/projects/demo/src/modules/components/mobile-calendar/examples/import/import-dialog-module.md index 3172be9aee04..a6e656dd2c17 100644 --- a/projects/demo/src/modules/components/mobile-calendar/examples/import/import-dialog-module.md +++ b/projects/demo/src/modules/components/mobile-calendar/examples/import/import-dialog-module.md @@ -4,7 +4,8 @@ import {TuiInputDateModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiMobileCalendarDialogModule, @@ -12,5 +13,5 @@ import {TuiInputDateModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/mobile-calendar/examples/import/import-module.md b/projects/demo/src/modules/components/mobile-calendar/examples/import/import-module.md index 493317b1a7d5..57477c9eb28b 100644 --- a/projects/demo/src/modules/components/mobile-calendar/examples/import/import-module.md +++ b/projects/demo/src/modules/components/mobile-calendar/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiDialogModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDialogModule, @@ -12,5 +13,5 @@ import {TuiDialogModule} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/multi-select/examples/import/import-module.md b/projects/demo/src/modules/components/multi-select/examples/import/import-module.md index 975e16ec1e96..ab6c318846e8 100644 --- a/projects/demo/src/modules/components/multi-select/examples/import/import-module.md +++ b/projects/demo/src/modules/components/multi-select/examples/import/import-module.md @@ -5,7 +5,8 @@ import {TuiDataListWrapperModule, TuiMultiSelectModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -16,5 +17,5 @@ import {TuiDataListWrapperModule, TuiMultiSelectModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/notification/examples/import/define-options.md b/projects/demo/src/modules/components/notification/examples/import/define-options.md index fa81cf34e9cb..515f545edba1 100644 --- a/projects/demo/src/modules/components/notification/examples/import/define-options.md +++ b/projects/demo/src/modules/components/notification/examples/import/define-options.md @@ -3,7 +3,8 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, providers: [ tuiNotificationOptionsProvider({ icon: 'tuiIconHelpCircle', @@ -12,5 +13,5 @@ import {tuiNotificationOptionsProvider} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/notification/examples/import/import-module.md b/projects/demo/src/modules/components/notification/examples/import/import-module.md index be35055c2794..ad7b4030f472 100644 --- a/projects/demo/src/modules/components/notification/examples/import/import-module.md +++ b/projects/demo/src/modules/components/notification/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiNotificationModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiNotificationModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/pagination/examples/import/import-module.md b/projects/demo/src/modules/components/pagination/examples/import/import-module.md index 5842252421f5..df83b7e32085 100644 --- a/projects/demo/src/modules/components/pagination/examples/import/import-module.md +++ b/projects/demo/src/modules/components/pagination/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiPaginationModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPaginationModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/pin/examples/import/import.md b/projects/demo/src/modules/components/pin/examples/import/import.md index 1f5b0c52db58..5c70701e4667 100644 --- a/projects/demo/src/modules/components/pin/examples/import/import.md +++ b/projects/demo/src/modules/components/pin/examples/import/import.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiPinComponent} from '@taiga-ui/kit'; // ... diff --git a/projects/demo/src/modules/components/primitive-textfield/examples/import/import-module.md b/projects/demo/src/modules/components/primitive-textfield/examples/import/import-module.md index d111ddc5ad0a..0a86faaba1ad 100644 --- a/projects/demo/src/modules/components/primitive-textfield/examples/import/import-module.md +++ b/projects/demo/src/modules/components/primitive-textfield/examples/import/import-module.md @@ -1,12 +1,13 @@ ```ts import {TuiPrimitiveTextfieldModule} from '@taiga-ui/core'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPrimitiveTextfieldModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/progress-bar/examples/import/import-module.md b/projects/demo/src/modules/components/progress-bar/examples/import/import-module.md index fff208e1d59a..2aa32ce8908e 100644 --- a/projects/demo/src/modules/components/progress-bar/examples/import/import-module.md +++ b/projects/demo/src/modules/components/progress-bar/examples/import/import-module.md @@ -3,11 +3,12 @@ import {TuiProgressModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiProgressModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/progress-circle/examples/import/import-module.md b/projects/demo/src/modules/components/progress-circle/examples/import/import-module.md index 630e4393959b..76b6339c903e 100644 --- a/projects/demo/src/modules/components/progress-circle/examples/import/import-module.md +++ b/projects/demo/src/modules/components/progress-circle/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiProgressModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiProgressModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/pull-to-refresh/examples/import/import-module.md b/projects/demo/src/modules/components/pull-to-refresh/examples/import/import-module.md index 3d17c86b125f..1bbf5004bf8f 100644 --- a/projects/demo/src/modules/components/pull-to-refresh/examples/import/import-module.md +++ b/projects/demo/src/modules/components/pull-to-refresh/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiPullToRefreshModule} from '@taiga-ui/addon-mobile'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPullToRefreshModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/push/examples/import/import-module.md b/projects/demo/src/modules/components/push/examples/import/import-module.md index 69475adb51b3..974b87b06dee 100644 --- a/projects/demo/src/modules/components/push/examples/import/import-module.md +++ b/projects/demo/src/modules/components/push/examples/import/import-module.md @@ -3,7 +3,8 @@ import {TuiPushModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiRootComponent, @@ -11,5 +12,5 @@ import {TuiPushModule} from '@taiga-ui/kit'; ], // ... }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/radio/examples/import/import.md b/projects/demo/src/modules/components/radio/examples/import/import.md index e2c9a0d63c51..e48b2775f5f1 100644 --- a/projects/demo/src/modules/components/radio/examples/import/import.md +++ b/projects/demo/src/modules/components/radio/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiRadioComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiRadioComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/range/examples/import/import-module.md b/projects/demo/src/modules/components/range/examples/import/import-module.md index 59336a05ad18..8ee5e59296dc 100644 --- a/projects/demo/src/modules/components/range/examples/import/import-module.md +++ b/projects/demo/src/modules/components/range/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiRangeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, diff --git a/projects/demo/src/modules/components/rating/examples/import/import.md b/projects/demo/src/modules/components/rating/examples/import/import.md index 2f08c7dde85e..278da1477c3b 100644 --- a/projects/demo/src/modules/components/rating/examples/import/import.md +++ b/projects/demo/src/modules/components/rating/examples/import/import.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiRatingComponent} from '@taiga-ui/kit'; // ... diff --git a/projects/demo/src/modules/components/scrollbar/examples/import/import-module.md b/projects/demo/src/modules/components/scrollbar/examples/import/import-module.md index 15d135486362..ae7903727de8 100644 --- a/projects/demo/src/modules/components/scrollbar/examples/import/import-module.md +++ b/projects/demo/src/modules/components/scrollbar/examples/import/import-module.md @@ -3,7 +3,8 @@ import {TuiScrollbarComponent} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, // ... imports: [ // ... @@ -11,5 +12,5 @@ import {TuiScrollbarComponent} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/segmented/examples/import/import.md b/projects/demo/src/modules/components/segmented/examples/import/import.md index f1a985a07aad..ccf812efa9a8 100644 --- a/projects/demo/src/modules/components/segmented/examples/import/import.md +++ b/projects/demo/src/modules/components/segmented/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSegmentedComponent} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSegmentedComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/select/examples/import/import-module.md b/projects/demo/src/modules/components/select/examples/import/import-module.md index 257577665812..5ff71e938e36 100644 --- a/projects/demo/src/modules/components/select/examples/import/import-module.md +++ b/projects/demo/src/modules/components/select/examples/import/import-module.md @@ -5,7 +5,8 @@ import {TuiDataListWrapperModule, TuiSelectModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -16,5 +17,5 @@ import {TuiDataListWrapperModule, TuiSelectModule} from '@taiga-ui/kit'; ], // ... }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/sheet/examples/import/import-module.md b/projects/demo/src/modules/components/sheet/examples/import/import-module.md index bd5b0d194667..8c17ffac6000 100644 --- a/projects/demo/src/modules/components/sheet/examples/import/import-module.md +++ b/projects/demo/src/modules/components/sheet/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiSheetModule} from '@taiga-ui/addon-mobile'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSheetModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/slider/examples/import/import-module.md b/projects/demo/src/modules/components/slider/examples/import/import-module.md index 157311bcc40f..731e1bba493d 100644 --- a/projects/demo/src/modules/components/slider/examples/import/import-module.md +++ b/projects/demo/src/modules/components/slider/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiSliderModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -13,5 +14,5 @@ import {TuiSliderModule} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/stepper/examples/import/import.md b/projects/demo/src/modules/components/stepper/examples/import/import.md index 223dae7c1c33..f963ac50f361 100644 --- a/projects/demo/src/modules/components/stepper/examples/import/import.md +++ b/projects/demo/src/modules/components/stepper/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiStepperModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiStepperModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/surface/examples/import/import.md b/projects/demo/src/modules/components/surface/examples/import/import.md index b7b264b0e116..0063dd99341d 100644 --- a/projects/demo/src/modules/components/surface/examples/import/import.md +++ b/projects/demo/src/modules/components/surface/examples/import/import.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSurfaceDirective} from '@taiga-ui/core'; // ... diff --git a/projects/demo/src/modules/components/swipe-action/examples/import/import-module.md b/projects/demo/src/modules/components/swipe-action/examples/import/import-module.md index 99b9eb816f50..243ed5c772d3 100644 --- a/projects/demo/src/modules/components/swipe-action/examples/import/import-module.md +++ b/projects/demo/src/modules/components/swipe-action/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSwipeActionsModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSwipeActionsModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/switch/examples/import/import.md b/projects/demo/src/modules/components/switch/examples/import/import.md index 7fc1a28f1339..14f1b6442963 100644 --- a/projects/demo/src/modules/components/switch/examples/import/import.md +++ b/projects/demo/src/modules/components/switch/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSwitchComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSwitchComponent, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tab-bar/examples/import/import-module.md b/projects/demo/src/modules/components/tab-bar/examples/import/import-module.md index 481a4fa98424..17df069752bc 100644 --- a/projects/demo/src/modules/components/tab-bar/examples/import/import-module.md +++ b/projects/demo/src/modules/components/tab-bar/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiTabBarModule} from '@taiga-ui/addon-mobile'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTabBarModule, ], // ... }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tabs/examples/import/import.md b/projects/demo/src/modules/components/tabs/examples/import/import.md index ceeb292aa88a..de42539322ac 100644 --- a/projects/demo/src/modules/components/tabs/examples/import/import.md +++ b/projects/demo/src/modules/components/tabs/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiTabsModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTabsModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tag/examples/import/define-options.md b/projects/demo/src/modules/components/tag/examples/import/define-options.md index 632461975dc9..8587a61004aa 100644 --- a/projects/demo/src/modules/components/tag/examples/import/define-options.md +++ b/projects/demo/src/modules/components/tag/examples/import/define-options.md @@ -2,7 +2,8 @@ import {tuiTagOptionsProvider} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, providers: [ tuiTagOptionsProvider({ size: 'l', @@ -10,5 +11,5 @@ import {tuiTagOptionsProvider} from '@taiga-ui/core'; }), ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tag/examples/import/import-module.md b/projects/demo/src/modules/components/tag/examples/import/import-module.md index e58e99be2705..5f408563a62c 100644 --- a/projects/demo/src/modules/components/tag/examples/import/import-module.md +++ b/projects/demo/src/modules/components/tag/examples/import/import-module.md @@ -1,13 +1,10 @@ ```ts import {TuiTagModule} from '@taiga-ui/kit'; +// ... -... - -@NgModule({ - imports: [ - ... - TuiTagModule - ], -... - +@Component({ + standalone: true, + imports: [TuiTagModule], +}) +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/textarea/examples/import/import-module.md b/projects/demo/src/modules/components/textarea/examples/import/import-module.md index 97533fce843e..2384e91aa432 100644 --- a/projects/demo/src/modules/components/textarea/examples/import/import-module.md +++ b/projects/demo/src/modules/components/textarea/examples/import/import-module.md @@ -2,7 +2,8 @@ import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import {TuiTextAreaModule} from '@taiga-ui/kit'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -10,5 +11,5 @@ import {TuiTextAreaModule} from '@taiga-ui/kit'; TuiTextAreaModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/thumbnail-card/examples/import/import.md b/projects/demo/src/modules/components/thumbnail-card/examples/import/import.md index 5ea8f86639ce..65cf4bf294e0 100644 --- a/projects/demo/src/modules/components/thumbnail-card/examples/import/import.md +++ b/projects/demo/src/modules/components/thumbnail-card/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiThumbnailCardComponent} from '@taiga-ui/addon-commerce'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiThumbnailCardComponent, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tiles/examples/import/import-module.md b/projects/demo/src/modules/components/tiles/examples/import/import-module.md index cb8d860fa3c6..58b37fc1d53b 100644 --- a/projects/demo/src/modules/components/tiles/examples/import/import-module.md +++ b/projects/demo/src/modules/components/tiles/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiTilesModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTilesModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tooltip/examples/import/import-module.md b/projects/demo/src/modules/components/tooltip/examples/import/import-module.md index aef70696da30..eb65c8b72933 100644 --- a/projects/demo/src/modules/components/tooltip/examples/import/import-module.md +++ b/projects/demo/src/modules/components/tooltip/examples/import/import-module.md @@ -3,7 +3,8 @@ import {TuiTooltipModule, TuiHintModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTooltipModule, @@ -11,5 +12,5 @@ import {TuiTooltipModule, TuiHintModule} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/components/tree/examples/import/import-module.md b/projects/demo/src/modules/components/tree/examples/import/import-module.md index 31af7839fb44..436d1e2deb51 100644 --- a/projects/demo/src/modules/components/tree/examples/import/import-module.md +++ b/projects/demo/src/modules/components/tree/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiTreeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTreeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/customization/i18n/app.esbuild.module.md b/projects/demo/src/modules/customization/i18n/app.esbuild.module.md index 70aa49c62f04..b53c8fb34879 100644 --- a/projects/demo/src/modules/customization/i18n/app.esbuild.module.md +++ b/projects/demo/src/modules/customization/i18n/app.esbuild.module.md @@ -2,7 +2,8 @@ import {TuiLanguageName} from '@taiga-ui/i18n/interfaces'; import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... ], @@ -46,5 +47,5 @@ import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch'; }), ], }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/customization/i18n/app.module.md b/projects/demo/src/modules/customization/i18n/app.module.md index 2f89a6e0d096..1209e2f8f197 100644 --- a/projects/demo/src/modules/customization/i18n/app.module.md +++ b/projects/demo/src/modules/customization/i18n/app.module.md @@ -2,7 +2,8 @@ import {TuiLanguageName} from '@taiga-ui/i18n/interfaces'; import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... ], @@ -23,5 +24,5 @@ import {tuiLanguageSwitcher} from '@taiga-ui/i18n/switch'; ), ], }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/active-zone/examples/import/import-module.md b/projects/demo/src/modules/directives/active-zone/examples/import/import-module.md index 202f056bf093..d6d7f0fb56b5 100644 --- a/projects/demo/src/modules/directives/active-zone/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/active-zone/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiActiveZoneDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiActiveZoneDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/appearance/examples/import/import-module.md b/projects/demo/src/modules/directives/appearance/examples/import/import-module.md index 0bd4790b4dfe..65ec2598a515 100644 --- a/projects/demo/src/modules/directives/appearance/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/appearance/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiAppearanceDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAppearanceDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/auto-focus/examples/import/import-module.md b/projects/demo/src/modules/directives/auto-focus/examples/import/import-module.md index de1dfd0b15bd..2fe719922fa5 100644 --- a/projects/demo/src/modules/directives/auto-focus/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/auto-focus/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiAutoFocusDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAutoFocusDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/comment/examples/import/import-module.md b/projects/demo/src/modules/directives/comment/examples/import/import-module.md index 6fab012c5e99..2c7956ad9bb3 100644 --- a/projects/demo/src/modules/directives/comment/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/comment/examples/import/import-module.md @@ -1,5 +1,5 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiCommentDirective} from '@taiga-ui/kit'; // ... diff --git a/projects/demo/src/modules/directives/copy-processor/examples/import/import.md b/projects/demo/src/modules/directives/copy-processor/examples/import/import.md index e7acdcf9172a..df234296e64e 100644 --- a/projects/demo/src/modules/directives/copy-processor/examples/import/import.md +++ b/projects/demo/src/modules/directives/copy-processor/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiCopyProcessorDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiCopyProcessorDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/dropdown-context/examples/import/import-module.md b/projects/demo/src/modules/directives/dropdown-context/examples/import/import-module.md index bf454ec19b47..9c2fec9fe746 100644 --- a/projects/demo/src/modules/directives/dropdown-context/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/dropdown-context/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/dropdown-hover/examples/import/import-module.md b/projects/demo/src/modules/directives/dropdown-hover/examples/import/import-module.md index bf454ec19b47..9c2fec9fe746 100644 --- a/projects/demo/src/modules/directives/dropdown-hover/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/dropdown-hover/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/dropdown-open/examples/import/import-module.md b/projects/demo/src/modules/directives/dropdown-open/examples/import/import-module.md index 26ddf33583e3..41865e74fe2d 100644 --- a/projects/demo/src/modules/directives/dropdown-open/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/dropdown-open/examples/import/import-module.md @@ -2,12 +2,13 @@ import {TuiDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/dropdown-selection/examples/import/import-module.md b/projects/demo/src/modules/directives/dropdown-selection/examples/import/import-module.md index bf454ec19b47..9c2fec9fe746 100644 --- a/projects/demo/src/modules/directives/dropdown-selection/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/dropdown-selection/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/dropdown/examples/import/import-module.md b/projects/demo/src/modules/directives/dropdown/examples/import/import-module.md index bf454ec19b47..9c2fec9fe746 100644 --- a/projects/demo/src/modules/directives/dropdown/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/dropdown/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiDropdownModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiDropdownModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/elastic-sticky/examples/import/import-module.md b/projects/demo/src/modules/directives/elastic-sticky/examples/import/import-module.md index 94efe09670a8..9b63a8db0017 100644 --- a/projects/demo/src/modules/directives/elastic-sticky/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/elastic-sticky/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiScrollbarComponent} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiScrollbarComponent, @@ -12,5 +13,5 @@ import {TuiScrollbarComponent} from '@taiga-ui/core'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/element/examples/import/import-module.md b/projects/demo/src/modules/directives/element/examples/import/import-module.md index 2491dec3a46f..db6ea75886e6 100644 --- a/projects/demo/src/modules/directives/element/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/element/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiElementModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiElementModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/fade/examples/import/import-module.md b/projects/demo/src/modules/directives/fade/examples/import/import-module.md index e34c583751ac..855512d9dcb7 100644 --- a/projects/demo/src/modules/directives/fade/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/fade/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiFadeDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFadeDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/for/examples/import/import-module.md b/projects/demo/src/modules/directives/for/examples/import/import-module.md index 4014d5c33a64..e11ded57314f 100644 --- a/projects/demo/src/modules/directives/for/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/for/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiForModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... CommonModule, @@ -12,5 +13,5 @@ import {TuiForModule} from '@taiga-ui/cdk'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/header/examples/import/import-module.md b/projects/demo/src/modules/directives/header/examples/import/import-module.md index cdbac96f2433..e97433509b90 100644 --- a/projects/demo/src/modules/directives/header/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/header/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiHeaderDirective} from '@taiga-ui/layout'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHeaderDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/highlight/examples/import/import-module.md b/projects/demo/src/modules/directives/highlight/examples/import/import-module.md index 05f485b5e364..2266a757a0ee 100644 --- a/projects/demo/src/modules/directives/highlight/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/highlight/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHighlightModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHighlightModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/hint-describe/examples/import/import-module.md b/projects/demo/src/modules/directives/hint-describe/examples/import/import-module.md index 6fdf8ae62af9..5d847b53407a 100644 --- a/projects/demo/src/modules/directives/hint-describe/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/hint-describe/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHintModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHintModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/hint-manual/examples/import/import-module.md b/projects/demo/src/modules/directives/hint-manual/examples/import/import-module.md index 6fdf8ae62af9..5d847b53407a 100644 --- a/projects/demo/src/modules/directives/hint-manual/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/hint-manual/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHintModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHintModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/hint-pointer/examples/import/import-module.md b/projects/demo/src/modules/directives/hint-pointer/examples/import/import-module.md index 6fdf8ae62af9..5d847b53407a 100644 --- a/projects/demo/src/modules/directives/hint-pointer/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/hint-pointer/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHintModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHintModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/hint/examples/import/import-module.md b/projects/demo/src/modules/directives/hint/examples/import/import-module.md index 6fdf8ae62af9..5d847b53407a 100644 --- a/projects/demo/src/modules/directives/hint/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/hint/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHintModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHintModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/hovered-change/examples/import/import-module.md b/projects/demo/src/modules/directives/hovered-change/examples/import/import-module.md index 4b0027ae6923..eb0257b0be20 100644 --- a/projects/demo/src/modules/directives/hovered-change/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/hovered-change/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiHoveredModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiHoveredModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/lazy-loading/examples/import/import-module.md b/projects/demo/src/modules/directives/lazy-loading/examples/import/import-module.md index 9d5fb69e0f35..365ece56321a 100644 --- a/projects/demo/src/modules/directives/lazy-loading/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/lazy-loading/examples/import/import-module.md @@ -1,14 +1,15 @@ ```ts -import {TuiLazyLoadingModule} from '@taiga-ui/kit'; +import {TuiLazyLoadingComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... - TuiLazyLoadingModule, + TuiLazyLoadingComponent, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/let/examples/import/import.md b/projects/demo/src/modules/directives/let/examples/import/import.md index 7d237b0f5db8..efab1e79ed13 100644 --- a/projects/demo/src/modules/directives/let/examples/import/import.md +++ b/projects/demo/src/modules/directives/let/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiLetDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiLetDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/media/examples/import/import-module.md b/projects/demo/src/modules/directives/media/examples/import/import-module.md index 0dade3365c72..0c396c138c6c 100644 --- a/projects/demo/src/modules/directives/media/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/media/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiMediaDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiMediaDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/overscroll/examples/import/import-module.md b/projects/demo/src/modules/directives/overscroll/examples/import/import-module.md index 52344e89583a..0d155d40aaa7 100644 --- a/projects/demo/src/modules/directives/overscroll/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/overscroll/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiOverscrollModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiOverscrollModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/pan/examples/import/import-module.md b/projects/demo/src/modules/directives/pan/examples/import/import-module.md index 18a3225e3fb9..25bb9543fcf9 100644 --- a/projects/demo/src/modules/directives/pan/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/pan/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiPanModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPanModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/present/examples/import/import-module.md b/projects/demo/src/modules/directives/present/examples/import/import-module.md index 9e8d729d37fb..65452edd7ad7 100644 --- a/projects/demo/src/modules/directives/present/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/present/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiPresentDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiPresentDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/progress-segmented/examples/import/import.md b/projects/demo/src/modules/directives/progress-segmented/examples/import/import.md index 630e4393959b..76b6339c903e 100644 --- a/projects/demo/src/modules/directives/progress-segmented/examples/import/import.md +++ b/projects/demo/src/modules/directives/progress-segmented/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiProgressModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiProgressModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/resizer/examples/import/import-module.md b/projects/demo/src/modules/directives/resizer/examples/import/import-module.md index 62dab524e1ab..aea46707bf18 100644 --- a/projects/demo/src/modules/directives/resizer/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/resizer/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiResizerModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiResizerModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/ripple/examples/import/import-module.md b/projects/demo/src/modules/directives/ripple/examples/import/import-module.md index 7913653e882e..bab35b433194 100644 --- a/projects/demo/src/modules/directives/ripple/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/ripple/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiRippleModule} from '@taiga-ui/addon-mobile'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiRippleModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/sensitive/examples/import/import-module.md b/projects/demo/src/modules/directives/sensitive/examples/import/import-module.md index 0ed5b364fd9c..d074aef8c069 100644 --- a/projects/demo/src/modules/directives/sensitive/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/sensitive/examples/import/import-module.md @@ -1,14 +1,15 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSensitiveDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSensitiveDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/sidebar/examples/import/import-module.md b/projects/demo/src/modules/directives/sidebar/examples/import/import-module.md index 0e9ca5e456be..31bf870d2940 100644 --- a/projects/demo/src/modules/directives/sidebar/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/sidebar/examples/import/import-module.md @@ -4,7 +4,8 @@ import {TuiActiveZoneDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSidebarModule, @@ -12,5 +13,5 @@ import {TuiActiveZoneDirective} from '@taiga-ui/cdk'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/skeleton/examples/import/import.md b/projects/demo/src/modules/directives/skeleton/examples/import/import.md index 538fc7a9f26e..1563ece03f00 100644 --- a/projects/demo/src/modules/directives/skeleton/examples/import/import.md +++ b/projects/demo/src/modules/directives/skeleton/examples/import/import.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiSkeletonDirective} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSkeletonDirective, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/swipe/examples/import/import-module.md b/projects/demo/src/modules/directives/swipe/examples/import/import-module.md index 415a5b3c5e93..214f5b6fae2b 100644 --- a/projects/demo/src/modules/directives/swipe/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/swipe/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiSwipeModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSwipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/textfield-controller/examples/import/import-module.md b/projects/demo/src/modules/directives/textfield-controller/examples/import/import-module.md index f7b7b83d030b..f746759ea88e 100644 --- a/projects/demo/src/modules/directives/textfield-controller/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/textfield-controller/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiTextfieldControllerModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTextfieldControllerModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/title/examples/import/import.md b/projects/demo/src/modules/directives/title/examples/import/import.md index 594ce1b27e67..25191d6619e7 100644 --- a/projects/demo/src/modules/directives/title/examples/import/import.md +++ b/projects/demo/src/modules/directives/title/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiTitleDirective} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTitleDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/touchable/examples/import/import-module.md b/projects/demo/src/modules/directives/touchable/examples/import/import-module.md index 6d1f7c03f49f..038617d1b31c 100644 --- a/projects/demo/src/modules/directives/touchable/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/touchable/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiTouchableModule} from '@taiga-ui/addon-mobile'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTouchableModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/validator/examples/import/import-module.md b/projects/demo/src/modules/directives/validator/examples/import/import-module.md index dfc79b89b14a..a18a20ec2757 100644 --- a/projects/demo/src/modules/directives/validator/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/validator/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiValidatorDirective} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiValidatorDirective, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/value-changes/examples/import/import-module.md b/projects/demo/src/modules/directives/value-changes/examples/import/import-module.md index f044e732aaef..de5ed6cb589e 100644 --- a/projects/demo/src/modules/directives/value-changes/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/value-changes/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiValueChangesModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiValueChangesModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/directives/zoom/examples/import/import-module.md b/projects/demo/src/modules/directives/zoom/examples/import/import-module.md index 1fbb86da5a4d..0119402bea54 100644 --- a/projects/demo/src/modules/directives/zoom/examples/import/import-module.md +++ b/projects/demo/src/modules/directives/zoom/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiZoomModule} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiZoomModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/experimental/app-bar/examples/import/import.md b/projects/demo/src/modules/experimental/app-bar/examples/import/import.md index a6fe4207be96..a1eeceabd02b 100644 --- a/projects/demo/src/modules/experimental/app-bar/examples/import/import.md +++ b/projects/demo/src/modules/experimental/app-bar/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiAppBarModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAppBarModule, ], // ... }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/experimental/label/examples/import/import.md b/projects/demo/src/modules/experimental/label/examples/import/import.md index a2fdd9fa9508..7526fe8aadf6 100644 --- a/projects/demo/src/modules/experimental/label/examples/import/import.md +++ b/projects/demo/src/modules/experimental/label/examples/import/import.md @@ -5,7 +5,8 @@ import {TuiCheckboxComponent} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... FormsModule, @@ -14,5 +15,5 @@ import {TuiCheckboxComponent} from '@taiga-ui/kit'; ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/experimental/navigation/examples/import/import-module.md b/projects/demo/src/modules/experimental/navigation/examples/import/import-module.md index e90dd4c55554..c441a4373cf2 100644 --- a/projects/demo/src/modules/experimental/navigation/examples/import/import-module.md +++ b/projects/demo/src/modules/experimental/navigation/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiNavigationModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiNavigationModule, ], // ... }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/experimental/textfield/examples/import/import-module.md b/projects/demo/src/modules/experimental/textfield/examples/import/import-module.md index 3fc5e55f8b02..52df2f7cff10 100644 --- a/projects/demo/src/modules/experimental/textfield/examples/import/import-module.md +++ b/projects/demo/src/modules/experimental/textfield/examples/import/import-module.md @@ -1,13 +1,14 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiTextfieldModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTextfieldModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/experimental/tooltip/examples/import/import-module.md b/projects/demo/src/modules/experimental/tooltip/examples/import/import-module.md index 39366c9c69ef..3d957eb8c42c 100644 --- a/projects/demo/src/modules/experimental/tooltip/examples/import/import-module.md +++ b/projects/demo/src/modules/experimental/tooltip/examples/import/import-module.md @@ -4,12 +4,13 @@ import {TuiTooltipModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTooltipModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/icons/icons-bundled/examples/1/sanitizer.md b/projects/demo/src/modules/icons/icons-bundled/examples/1/sanitizer.md index d0aabb383c51..e061895e7974 100644 --- a/projects/demo/src/modules/icons/icons-bundled/examples/1/sanitizer.md +++ b/projects/demo/src/modules/icons/icons-bundled/examples/1/sanitizer.md @@ -4,7 +4,8 @@ import {NgDompurifySanitizer} from '@tinkoff/ng-dompurify'; // ... -@NgModule({ +@Component({ + standalone: true, // ... providers: [ { @@ -13,5 +14,5 @@ import {NgDompurifySanitizer} from '@tinkoff/ng-dompurify'; }, ], }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/icons/icons-mapping/examples/4/app.module.md b/projects/demo/src/modules/icons/icons-mapping/examples/4/app.module.md index 79e20da13177..1a51750d0ce5 100644 --- a/projects/demo/src/modules/icons/icons-mapping/examples/4/app.module.md +++ b/projects/demo/src/modules/icons/icons-mapping/examples/4/app.module.md @@ -1,7 +1,8 @@ ```ts import {tuiSvgOptionsProvider, tuiSvgSrcInterceptors} from '@taiga-ui/core'; -@NgModule({ +@Component({ + standalone: true, // .. providers: [ tuiSvgOptionsProvider({ @@ -46,5 +47,5 @@ import {tuiSvgOptionsProvider, tuiSvgSrcInterceptors} from '@taiga-ui/core'; ), ], }) -export class AppModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/icons/import/import-module.md b/projects/demo/src/modules/icons/import/import-module.md index a2cb64b9db49..7239240f6f51 100644 --- a/projects/demo/src/modules/icons/import/import-module.md +++ b/projects/demo/src/modules/icons/import/import-module.md @@ -3,12 +3,13 @@ import {TuiSvgModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiSvgModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/amount/examples/import/import-module.md b/projects/demo/src/modules/pipes/amount/examples/import/import-module.md index 66253020a5a3..79e7ab1948b7 100644 --- a/projects/demo/src/modules/pipes/amount/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/amount/examples/import/import-module.md @@ -3,11 +3,12 @@ import {TuiAmountPipeModule} from '@taiga-ui/experimental'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiAmountPipeModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/currency/examples/import/import-module.md b/projects/demo/src/modules/pipes/currency/examples/import/import-module.md index ca6a4f44ae1b..89ec7c4c8c11 100644 --- a/projects/demo/src/modules/pipes/currency/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/currency/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiCurrencyPipeModule} from '@taiga-ui/addon-commerce'; //... -@NgModule({ +@Component({ + standalone: true, imports: [ //... TuiCurrencyPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/field-error/examples/import/import-module.md b/projects/demo/src/modules/pipes/field-error/examples/import/import-module.md index 4924c5be01c1..0754ab8e01eb 100644 --- a/projects/demo/src/modules/pipes/field-error/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/field-error/examples/import/import-module.md @@ -3,11 +3,12 @@ import {TuiFieldErrorPipeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFieldErrorPipeModule, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/filter-by-input/examples/import/import-module.md b/projects/demo/src/modules/pipes/filter-by-input/examples/import/import-module.md index 9757d99528d6..94e79c450202 100644 --- a/projects/demo/src/modules/pipes/filter-by-input/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/filter-by-input/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiFilterByInputPipeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFilterByInputPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/filter/examples/import/import.md b/projects/demo/src/modules/pipes/filter/examples/import/import.md index 7319ed069cb8..0f030278ace0 100644 --- a/projects/demo/src/modules/pipes/filter/examples/import/import.md +++ b/projects/demo/src/modules/pipes/filter/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiFilterPipe} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFilterPipe, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/flag/examples/import/import.md b/projects/demo/src/modules/pipes/flag/examples/import/import.md index 9aa0c0d4e33c..c74d030cdc9a 100644 --- a/projects/demo/src/modules/pipes/flag/examples/import/import.md +++ b/projects/demo/src/modules/pipes/flag/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiFlagPipeModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFlagPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/format-date/examples/import/import-module.md b/projects/demo/src/modules/pipes/format-date/examples/import/import-module.md index 7c670d154c7b..73283b4d6431 100644 --- a/projects/demo/src/modules/pipes/format-date/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/format-date/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiFormatDatePipeModule} from '@taiga-ui/core'; //... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFormatDatePipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/format-number/examples/import/import-module.md b/projects/demo/src/modules/pipes/format-number/examples/import/import-module.md index 5fc3cab18849..a9805ad5ae7e 100644 --- a/projects/demo/src/modules/pipes/format-number/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/format-number/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiFormatNumberPipeModule} from '@taiga-ui/core'; //... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFormatNumberPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/format-phone/examples/import/import-module.md b/projects/demo/src/modules/pipes/format-phone/examples/import/import-module.md index 1beec9263ff1..905b9d1ef088 100644 --- a/projects/demo/src/modules/pipes/format-phone/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/format-phone/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiFormatPhonePipeModule} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiFormatPhonePipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/is-present/examples/import/import.md b/projects/demo/src/modules/pipes/is-present/examples/import/import.md index bfbacee2095b..a7b42fce7df4 100644 --- a/projects/demo/src/modules/pipes/is-present/examples/import/import.md +++ b/projects/demo/src/modules/pipes/is-present/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiIsPresentPipe} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiIsPresentPipe, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/mapper/examples/import/import.md b/projects/demo/src/modules/pipes/mapper/examples/import/import.md index 772a1b14cab3..70e44aace656 100644 --- a/projects/demo/src/modules/pipes/mapper/examples/import/import.md +++ b/projects/demo/src/modules/pipes/mapper/examples/import/import.md @@ -3,12 +3,13 @@ import {TuiMapperPipe} from '@taiga-ui/cdk'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiMapperPipe, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/stringify-content/examples/import/import-module.md b/projects/demo/src/modules/pipes/stringify-content/examples/import/import-module.md index 3cf82d083d9c..71c63f750527 100644 --- a/projects/demo/src/modules/pipes/stringify-content/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/stringify-content/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiStringifyContentPipeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiStringifyContentPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/pipes/stringify/examples/import/import-module.md b/projects/demo/src/modules/pipes/stringify/examples/import/import-module.md index 2093ca0d1035..88b52439d1a2 100644 --- a/projects/demo/src/modules/pipes/stringify/examples/import/import-module.md +++ b/projects/demo/src/modules/pipes/stringify/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiStringifyPipeModule} from '@taiga-ui/kit'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ //... TuiStringifyPipeModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/services/scroll/examples/import/import-module.md b/projects/demo/src/modules/services/scroll/examples/import/import-module.md index db61e8ec17a2..24a4a5ad31f1 100644 --- a/projects/demo/src/modules/services/scroll/examples/import/import-module.md +++ b/projects/demo/src/modules/services/scroll/examples/import/import-module.md @@ -1,11 +1,12 @@ ```ts -import {NgModule} from '@angular/core'; +import {Component} from '@angular/core'; import {TuiScrollService} from '@taiga-ui/cdk'; -@NgModule({ +@Component({ + standalone: true, // ... providers: [TuiScrollService], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/services/table-bar/examples/import/module.md b/projects/demo/src/modules/services/table-bar/examples/import/module.md index 2446f75c31a7..046af0953569 100644 --- a/projects/demo/src/modules/services/table-bar/examples/import/module.md +++ b/projects/demo/src/modules/services/table-bar/examples/import/module.md @@ -3,7 +3,8 @@ import {TuiTableBarsHostModule} from '@taiga-ui/addon-tablebars'; import {TuiRootComponent} from '@taiga-ui/core'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ TuiRootComponent, TuiTableBarsHostModule, @@ -11,5 +12,5 @@ import {TuiRootComponent} from '@taiga-ui/core'; ], // ... }) -export class AppModule {} +export class AppComponent {} ``` diff --git a/projects/demo/src/modules/services/table-bar/examples/import/service-usage.md b/projects/demo/src/modules/services/table-bar/examples/import/service-usage.md index 70ce7143f83d..41a5f6ba4727 100644 --- a/projects/demo/src/modules/services/table-bar/examples/import/service-usage.md +++ b/projects/demo/src/modules/services/table-bar/examples/import/service-usage.md @@ -1,6 +1,11 @@ ```ts import {TuiTableBarsService} from '@taiga-ui/addon-tablebars'; // ... + +@Component({ + standalone: true, + // .. +}) export class AppComponent { private readonly tableBarsService = inject(TuiTableBarsService); diff --git a/projects/demo/src/modules/tables/reorder/examples/import/import-module.md b/projects/demo/src/modules/tables/reorder/examples/import/import-module.md index 404be8111cff..cea50d184312 100644 --- a/projects/demo/src/modules/tables/reorder/examples/import/import-module.md +++ b/projects/demo/src/modules/tables/reorder/examples/import/import-module.md @@ -3,12 +3,13 @@ import {TuiReorderModule} from '@taiga-ui/addon-table'; // ... -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiReorderModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/tables/table-filters/examples/import/import-module.md b/projects/demo/src/modules/tables/table-filters/examples/import/import-module.md index cd74b422d3cb..34cc615f6508 100644 --- a/projects/demo/src/modules/tables/table-filters/examples/import/import-module.md +++ b/projects/demo/src/modules/tables/table-filters/examples/import/import-module.md @@ -1,12 +1,13 @@ ```ts import {TuiTableFiltersModule} from '@taiga-ui/addon-table'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTableFiltersModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/tables/table/examples/import/import-module.md b/projects/demo/src/modules/tables/table/examples/import/import-module.md index 693a2ea17646..b2f60e59ee3a 100644 --- a/projects/demo/src/modules/tables/table/examples/import/import-module.md +++ b/projects/demo/src/modules/tables/table/examples/import/import-module.md @@ -1,12 +1,13 @@ ```ts import {TuiTableModule} from '@taiga-ui/addon-table'; -@NgModule({ +@Component({ + standalone: true, imports: [ // ... TuiTableModule, ], // ... }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/demo/src/modules/utils/tokens/examples/10/provide-first-day-of-week-token.md b/projects/demo/src/modules/utils/tokens/examples/10/provide-first-day-of-week-token.md index b0c556fa896a..e000319fdf2b 100644 --- a/projects/demo/src/modules/utils/tokens/examples/10/provide-first-day-of-week-token.md +++ b/projects/demo/src/modules/utils/tokens/examples/10/provide-first-day-of-week-token.md @@ -2,7 +2,8 @@ import {TuiDayOfWeek} from '@taiga-ui/cdk'; import {TUI_FIRST_DAY_OF_WEEK} from '@taiga-ui/core'; -@NgModule({ +@Component({ + standalone: true, // ... providers: [ { @@ -11,5 +12,5 @@ import {TUI_FIRST_DAY_OF_WEEK} from '@taiga-ui/core'; }, ], }) -export class MyModule {} +export class MyComponent {} ``` diff --git a/projects/i18n/README.md b/projects/i18n/README.md index e503fdfb25e9..4ddc3f75d047 100644 --- a/projects/i18n/README.md +++ b/projects/i18n/README.md @@ -50,7 +50,8 @@ If you want to change it, you need to provide `TUI_LANGUAGE` token in your app.m ```ts import {TUI_LANGUAGE, TUI_RUSSIAN_LANGUAGE} from '@taiga-ui/i18n'; -@NgModule({ +@Component({ + standalone: true, // ... providers: [ { @@ -59,7 +60,7 @@ import {TUI_LANGUAGE, TUI_RUSSIAN_LANGUAGE} from '@taiga-ui/i18n'; }, ], }) -export class AppModule {} +export class AppComponent {} ``` You can also switch languages on the fly. Use `useFactory` or `useClass` with a service to make a stream of @@ -110,7 +111,8 @@ export const TUI_SERBIAN_LANGUAGE: TuiLanguage = { import {TUI_LANGUAGE} from '@taiga-ui/i18n'; import {TUI_SERBIAN_LANGUAGE} from './serbian'; -@NgModule({ +@Component({ + standalone: true, // ... providers: [ { @@ -119,7 +121,7 @@ import {TUI_SERBIAN_LANGUAGE} from './serbian'; }, ], }) -export class AppModule {} +export class AppComponent {} ``` Thank you!