chore(demo): run nx generate @angular/core:standalone (#890)

projects/demo/src/app/app.browser.module.ts

@@ -6,12 +6,9 @@ import {TuiDocMainModule} from '@taiga-ui/addon-doc';
 import {TuiLinkModule, TuiModeModule} from '@taiga-ui/core';
 import {MarkdownModule} from 'ngx-markdown';
 
-import {StackblitzEditButtonModule} from '../pages/stackblitz';
 import {AppComponent} from './app.component';
 import {APP_PROVIDERS} from './app.providers';
 import {AppRoutingModule} from './app.routes';
-import {DocExamplePrimaryTabsIconsModule} from './modules/example-primary-tabs-icons';
-import {LogoModule} from './modules/logo/logo.module';
 
 @NgModule({
     imports: [
@@ -21,16 +18,13 @@ import {LogoModule} from './modules/logo/logo.module';
         AppRoutingModule,
         BrowserAnimationsModule,
         HttpClientModule,
-        LogoModule,
         MarkdownModule.forRoot({
             loader: HttpClient,
             sanitize: SecurityContext.NONE,
         }),
         TuiDocMainModule,
         TuiLinkModule,
         TuiModeModule,
-        StackblitzEditButtonModule,
-        DocExamplePrimaryTabsIconsModule,
     ],
     declarations: [AppComponent],
     providers: APP_PROVIDERS,

projects/demo/src/app/modules/example-primary-tabs-icons/angular-logo.component.ts

@@ -1,8 +1,11 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiSvgModule} from '@taiga-ui/core';
 import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
 
 @Component({
+    standalone: true,
     selector: 'angular-logo',
+    imports: [TuiSvgModule],
     template: `
         <tui-svg src="assets/icons/angular.svg"></tui-svg>
     `,

projects/demo/src/app/modules/example-primary-tabs-icons/index.ts

@@ -1,4 +1,3 @@
 export * from './angular-logo.component';
-export * from './doc-example-primary-tabs-icons.module';
 export * from './javascript-logo.component';
 export * from './react-logo.component';

projects/demo/src/app/modules/example-primary-tabs-icons/javascript-logo.component.ts

@@ -1,8 +1,11 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiSvgModule} from '@taiga-ui/core';
 import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
 
 @Component({
+    standalone: true,
     selector: 'javascript-logo',
+    imports: [TuiSvgModule],
     template: `
         <tui-svg src="assets/icons/javascript.svg"></tui-svg>
     `,

projects/demo/src/app/modules/example-primary-tabs-icons/react-logo.component.ts

@@ -1,8 +1,11 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiSvgModule} from '@taiga-ui/core';
 import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
 
 @Component({
+    standalone: true,
     selector: 'react-logo',
+    imports: [TuiSvgModule],
     template: `
         <tui-svg src="assets/icons/react.svg"></tui-svg>
     `,

projects/demo/src/app/modules/example-primary-tabs-icons/vue-logo.component.ts

@@ -1,8 +1,11 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiSvgModule} from '@taiga-ui/core';
 import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
 
 @Component({
+    standalone: true,
     selector: 'vue-logo',
+    imports: [TuiSvgModule],
     template: `
         <tui-svg src="assets/icons/vue.svg"></tui-svg>
     `,

projects/demo/src/app/modules/logo/logo.component.ts

@@ -1,8 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
+import {TuiLinkModule} from '@taiga-ui/core';
 import {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';
 
 @Component({
+    standalone: true,
     selector: 'logo',
+    imports: [TuiLinkModule, RouterLink],
     templateUrl: './logo.template.html',
     styleUrls: ['./logo.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

projects/demo/src/pages/cypress/cypress.component.ts

@@ -1,7 +1,25 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiDocPageModule} from '@taiga-ui/addon-doc';
+
+import {TestDocExample1} from './examples/1-predicate/component';
+import {TestDocExample2} from './examples/2-native-max-length/component';
+import {TestDocExample3} from './examples/3-mirrored-prefix-postfix/component';
+import {TestDocExample4} from './examples/4-runtime-postfix-changes/component';
+import {TestDocExample5} from './examples/5-react-async-predicate/angular-wrapper';
+import {TestDocExample6} from './examples/6-multi-character-prefix/component';
 
 @Component({
+    standalone: true,
     selector: 'cypress-doc-page',
+    imports: [
+        TuiDocPageModule,
+        TestDocExample1,
+        TestDocExample2,
+        TestDocExample3,
+        TestDocExample4,
+        TestDocExample5,
+        TestDocExample6,
+    ],
     templateUrl: './cypress.template.html',
     styleUrls: ['./cypress.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

projects/demo/src/pages/cypress/cypress.module.ts

@@ -26,8 +26,6 @@ import {TestDocExample6} from './examples/6-multi-character-prefix/component';
         TuiAddonDocModule,
         RouterModule.forChild(tuiGenerateRoutes(CypressDocPageComponent)),
         TestDocExample4,
-    ],
-    declarations: [
         CypressDocPageComponent,
         TestDocExample1,
         TestDocExample2,

projects/demo/src/pages/cypress/examples/1-predicate/component.ts

@@ -1,8 +1,20 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {MaskitoDirective} from '@maskito/angular';
 import {MaskitoElementPredicate, MaskitoOptions} from '@maskito/core';
+import {TuiGroupModule} from '@taiga-ui/core';
+import {TuiInputModule} from '@taiga-ui/kit';
 
 @Component({
+    standalone: true,
     selector: 'test-doc-example-1',
+    imports: [
+        TuiGroupModule,
+        MaskitoDirective,
+        TuiInputModule,
+        ReactiveFormsModule,
+        FormsModule,
+    ],
     templateUrl: './template.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

projects/demo/src/pages/cypress/examples/2-native-max-length/component.ts

@@ -1,9 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {MaskitoDirective} from '@maskito/angular';
 import {MaskitoOptions} from '@maskito/core';
 import {maskitoNumberOptionsGenerator} from '@maskito/kit';
 
 @Component({
+    standalone: true,
     selector: 'test-doc-example-2',
+    imports: [MaskitoDirective],
     template: `
         <input
             maxlength="3"

projects/demo/src/pages/cypress/examples/3-mirrored-prefix-postfix/component.ts

@@ -1,9 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {MaskitoDirective} from '@maskito/angular';
 import {MaskitoOptions} from '@maskito/core';
 import {maskitoNumberOptionsGenerator} from '@maskito/kit';
 
 @Component({
+    standalone: true,
     selector: 'test-doc-example-3',
+    imports: [MaskitoDirective],
     template: `
         <input
             value="$ 100 per day"

projects/demo/src/pages/cypress/examples/5-react-async-predicate/angular-wrapper.tsx

@@ -8,6 +8,7 @@ import {App} from './react-app';
     selector: 'test-doc-example-5',
     template: '',
     changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true,
 })
 export class TestDocExample5 {
     constructor(elementRef: ElementRef, @Inject(PLATFORM_ID) platformId: Record<string, unknown>) {

projects/demo/src/pages/cypress/examples/6-multi-character-prefix/component.ts

@@ -1,9 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {MaskitoDirective} from '@maskito/angular';
 import {MaskitoOptions} from '@maskito/core';
 import {maskitoNumberOptionsGenerator} from '@maskito/kit';
 
 @Component({
+    standalone: true,
     selector: 'test-doc-example-6',
+    imports: [MaskitoDirective],
     template: `
         <input
             placeholder="Type 'E', 'U' or 'R' character"

projects/demo/src/pages/documentation/browser-support/browser-support.component.ts

@@ -1,7 +1,11 @@
+import {NgFor, NgIf} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {TuiDocPageModule} from '@taiga-ui/addon-doc';
 
 @Component({
+    standalone: true,
     selector: 'browser-support',
+    imports: [TuiDocPageModule, NgFor, NgIf],
     templateUrl: './browser-support.template.html',
     styles: ['td {width: 18.75rem}'],
     changeDetection: ChangeDetectionStrategy.OnPush,

projects/demo/src/pages/documentation/browser-support/browser-support.module.ts

@@ -10,8 +10,8 @@ import {BrowserSupportComponent} from './browser-support.component';
         CommonModule,
         TuiAddonDocModule,
         RouterModule.forChild(tuiGenerateRoutes(BrowserSupportComponent)),
+        BrowserSupportComponent,
     ],
-    declarations: [BrowserSupportComponent],
     exports: [BrowserSupportComponent],
 })
 export class BrowserSupportModule {}

projects/demo/src/pages/documentation/changelog/changelog.component.ts

@@ -1,9 +1,13 @@
+import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
-import {tuiRawLoad} from '@taiga-ui/addon-doc';
+import {TuiDocPageModule, tuiRawLoad} from '@taiga-ui/addon-doc';
+import {MarkdownModule} from 'ngx-markdown';
 import {of, switchMap} from 'rxjs';
 
 @Component({
+    standalone: true,
     selector: 'changelog',
+    imports: [TuiDocPageModule, MarkdownModule, AsyncPipe],
     templateUrl: './changelog.template.html',
     styleUrls: ['./changelog.style.less'],
     encapsulation: ViewEncapsulation.None,

projects/demo/src/pages/documentation/changelog/changelog.module.ts

@@ -12,8 +12,8 @@ import {ChangelogComponent} from './changelog.component';
         MarkdownModule,
         TuiAddonDocModule,
         RouterModule.forChild(tuiGenerateRoutes(ChangelogComponent)),
+        ChangelogComponent,
     ],
-    declarations: [ChangelogComponent],
     exports: [ChangelogComponent],
 })
 export class ChangelogModule {}

projects/demo/src/pages/documentation/core-concepts-overview/core-concepts-overview.component.ts

@@ -1,8 +1,21 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
 import {DemoPath} from '@demo/constants';
+import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiLinkModule, TuiNotificationModule} from '@taiga-ui/core';
+import {TuiIslandModule} from '@taiga-ui/kit';
 
 @Component({
+    standalone: true,
     selector: 'core-concepts-overview-doc-page',
+    imports: [
+        TuiDocPageModule,
+        TuiLinkModule,
+        TuiDocCodeModule,
+        TuiNotificationModule,
+        TuiIslandModule,
+        RouterLink,
+    ],
     templateUrl: './core-concepts-overview.template.html',
     styleUrls: ['./core-concepts-overview.styles.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

projects/demo/src/pages/documentation/core-concepts-overview/core-concepts-overview.module.ts

@@ -16,8 +16,8 @@ import {CoreConceptsOverviewDocPageComponent} from './core-concepts-overview.com
         TuiMarkerIconModule,
         TuiNotificationModule,
         RouterModule.forChild(tuiGenerateRoutes(CoreConceptsOverviewDocPageComponent)),
+        CoreConceptsOverviewDocPageComponent,
     ],
-    declarations: [CoreConceptsOverviewDocPageComponent],
     exports: [CoreConceptsOverviewDocPageComponent],
 })
 export class CoreConceptsOverviewDocPageModule {}

projects/demo/src/pages/documentation/element-state/element-state.component.ts

@@ -1,8 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
 import {DemoPath} from '@demo/constants';
+import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiLinkModule} from '@taiga-ui/core';
 
 @Component({
+    standalone: true,
     selector: 'element-state-doc-page',
+    imports: [TuiDocPageModule, TuiDocCodeModule, TuiLinkModule, RouterLink],
     templateUrl: './element-state.template.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

projects/demo/src/pages/documentation/element-state/element-state.module.ts

@@ -12,8 +12,8 @@ import {ElementStateDocPageComponent} from './element-state.component';
         TuiAddonDocModule,
         TuiLinkModule,
         RouterModule.forChild(tuiGenerateRoutes(ElementStateDocPageComponent)),
+        ElementStateDocPageComponent,
     ],
-    declarations: [ElementStateDocPageComponent],
     exports: [ElementStateDocPageComponent],
 })
 export class ElementStateDocPageModule {}

projects/demo/src/pages/documentation/mask-expression/mask-expression.component.ts

@@ -1,8 +1,22 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import {RouterLink} from '@angular/router';
 import {DemoPath} from '@demo/constants';
+import {TuiDocCodeModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiLinkModule, TuiNotificationModule} from '@taiga-ui/core';
+
+import {NextStepsComponent} from '../next-steps/next-steps.component';
 
 @Component({
+    standalone: true,
     selector: 'mask-expression-doc-page',
+    imports: [
+        TuiDocPageModule,
+        TuiLinkModule,
+        TuiDocCodeModule,
+        TuiNotificationModule,
+        RouterLink,
+        NextStepsComponent,
+    ],
     templateUrl: './mask-expression.template.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

projects/demo/src/pages/documentation/mask-expression/mask-expression.module.ts

@@ -4,7 +4,6 @@ import {RouterModule} from '@angular/router';
 import {TuiAddonDocModule, tuiGenerateRoutes} from '@taiga-ui/addon-doc';
 import {TuiLinkModule, TuiNotificationModule} from '@taiga-ui/core';
 
-import {NextStepsModule} from '../next-steps/next-steps.module';
 import {MaskExpressionDocPageComponent} from './mask-expression.component';
 
 @NgModule({
@@ -13,10 +12,9 @@ import {MaskExpressionDocPageComponent} from './mask-expression.component';
         TuiAddonDocModule,
         TuiLinkModule,
         TuiNotificationModule,
-        NextStepsModule,
         RouterModule.forChild(tuiGenerateRoutes(MaskExpressionDocPageComponent)),
+        MaskExpressionDocPageComponent,
     ],
-    declarations: [MaskExpressionDocPageComponent],
     exports: [MaskExpressionDocPageComponent],
 })
 export class MaskExpressionDocPageModule {}