refactor!: Sensitive move to kit, make it standalone (#6960)

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

@@ -353,15 +353,6 @@ export const ROUTES: Routes = [
             title: 'Segmented',
         },
     },
-    {
-        path: 'experimental/sensitive',
-        loadChildren: async () =>
-            (await import('../experimental/sensitive/sensitive.module'))
-                .ExampleTuiSensitiveModule,
-        data: {
-            title: 'Sensitive',
-        },
-    },
     {
         path: 'experimental/surface',
         loadChildren: async () =>
@@ -617,6 +608,15 @@ export const ROUTES: Routes = [
             title: 'Fade',
         },
     },
+    {
+        path: 'directives/sensitive',
+        loadChildren: async () =>
+            (await import('../directives/sensitive/sensitive.module'))
+                .ExampleTuiSensitiveModule,
+        data: {
+            title: 'Sensitive',
+        },
+    },
     {
         path: 'components/input-inline',
         loadChildren: async () =>

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

@@ -927,12 +927,6 @@ export const pages: TuiDocPages = [
         keywords: 'tabs, control, radio, navigation, навигация, вкладки, таб',
         route: '/experimental/segmented',
     },
-    {
-        section: 'Experimental',
-        title: 'Sensitive',
-        keywords: 'sensitive, pixel, mask, пиксель, маска',
-        route: '/experimental/sensitive',
-    },
     {
         section: 'Experimental',
         title: 'Surface',
@@ -1381,6 +1375,12 @@ export const pages: TuiDocPages = [
                 keywords: 'overflow, ellipsis, gradient, clamp, line',
                 route: '/directives/fade',
             },
+            {
+                section: 'Tools',
+                title: 'Sensitive',
+                keywords: 'sensitive, pixel, mask, пиксель, маска',
+                route: '/directives/sensitive',
+            },
         ],
     },
     {

projects/demo/src/modules/experimental/sensitive/examples/import/import-module.md → projects/demo/src/modules/directives/sensitive/examples/import/import-module.md

@@ -1,13 +1,13 @@
 ```ts
 import {NgModule} from '@angular/core';
-import {TuiSensitiveModule} from '@taiga-ui/experimental';
+import {TuiSensitiveDirective} from '@taiga-ui/kit';
 
 // ...
 
 @NgModule({
   imports: [
     // ...
-    TuiSensitiveModule,
+    TuiSensitiveDirective,
   ],
 })
 export class MyModule {}

projects/demo/src/modules/experimental/sensitive/sensitive.module.ts → projects/demo/src/modules/directives/sensitive/sensitive.module.ts

@@ -3,8 +3,8 @@ import {NgModule} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {tuiGetDocModules} from '@taiga-ui/addon-doc';
 import {TuiNotificationModule} from '@taiga-ui/core';
-import {TuiButtonModule, TuiSensitiveModule} from '@taiga-ui/experimental';
-import {TuiBadgeDirective, TuiToggleModule} from '@taiga-ui/kit';
+import {TuiButtonModule} from '@taiga-ui/experimental';
+import {TuiBadgeDirective, TuiSensitiveDirective, TuiToggleModule} from '@taiga-ui/kit';
 
 import {TuiSensitiveExample1} from './examples/1';
 import {TuiSensitiveExample2} from './examples/2';
@@ -14,7 +14,7 @@ import {ExampleTuiSensitiveComponent} from './sensitive.component';
     imports: [
         FormsModule,
         CommonModule,
-        TuiSensitiveModule,
+        TuiSensitiveDirective,
         TuiNotificationModule,
         TuiToggleModule,
         TuiBadgeDirective,

projects/demo/src/modules/experimental/sensitive/sensitive.template.html → projects/demo/src/modules/directives/sensitive/sensitive.template.html

@@ -1,6 +1,6 @@
 <tui-doc-page
     header="Sensitive"
-    package="EXPERIMENTAL"
+    package="KIT"
     type="directives"
 >
     <ng-template pageTab>

projects/demo/src/modules/experimental/cell/cell.module.ts

@@ -18,7 +18,6 @@ import {
     TuiCellModule,
     TuiCheckboxModule,
     TuiIconModule,
-    TuiSensitiveModule,
     TuiSurfaceModule,
     TuiThumbnailCardModule,
     TuiTitleModule,
@@ -34,6 +33,7 @@ import {
     TuiFadeDirective,
     TuiProgressModule,
     TuiSelectModule,
+    TuiSensitiveDirective,
 } from '@taiga-ui/kit';
 
 import {ExampleTuiCellComponent} from './cell.component';
@@ -66,7 +66,7 @@ import {TuiCellExample7} from './examples/7';
         TuiIconModule,
         TuiCheckboxModule,
         TuiLoaderModule,
-        TuiSensitiveModule,
+        TuiSensitiveDirective,
         TuiSurfaceModule,
         TuiSelectModule,
         TuiDataListWrapperModule,

projects/demo/src/modules/experimental/header/header.module.ts

@@ -11,7 +11,6 @@ import {
     TuiButtonModule,
     TuiHeaderDirective,
     TuiIconModule,
-    TuiSensitiveModule,
     TuiTitleModule,
     TuiToggleModule,
 } from '@taiga-ui/experimental';
@@ -21,6 +20,7 @@ import {
     TuiBadgeNotificationComponent,
     TuiDataListWrapperModule,
     TuiSelectModule,
+    TuiSensitiveDirective,
 } from '@taiga-ui/kit';
 
 import {TuiHeaderExample1} from './examples/1';
@@ -39,7 +39,7 @@ import {ExampleTuiCellComponent} from './header.component';
         TuiHeaderDirective,
         TuiTitleModule,
         TuiIconModule,
-        TuiSensitiveModule,
+        TuiSensitiveDirective,
         TuiSelectModule,
         TuiDataListWrapperModule,
         TuiTextfieldControllerModule,

projects/experimental/directives/index.ts

@@ -5,6 +5,5 @@ export * from '@taiga-ui/experimental/directives/card';
 export * from '@taiga-ui/experimental/directives/cell';
 export * from '@taiga-ui/experimental/directives/header';
 export * from '@taiga-ui/experimental/directives/progress-segmented';
-export * from '@taiga-ui/experimental/directives/sensitive';
 export * from '@taiga-ui/experimental/directives/surface';
 export * from '@taiga-ui/experimental/directives/title';

projects/kit/directives/index.ts

@@ -4,6 +4,7 @@ export * from '@taiga-ui/kit/directives/highlight';
 export * from '@taiga-ui/kit/directives/lazy-loading';
 export * from '@taiga-ui/kit/directives/present';
 export * from '@taiga-ui/kit/directives/project-class';
+export * from '@taiga-ui/kit/directives/sensitive';
 export * from '@taiga-ui/kit/directives/unfinished-validator';
 export * from '@taiga-ui/kit/directives/unmask-handler';
 export * from '@taiga-ui/kit/directives/value-accessor';

projects/experimental/directives/sensitive/index.ts → projects/kit/directives/sensitive/index.ts

@@ -1,3 +1,2 @@
 export * from './sensitive.component';
 export * from './sensitive.directive';
-export * from './sensitive.module';

projects/experimental/directives/sensitive/sensitive.directive.ts → projects/kit/directives/sensitive/sensitive.directive.ts

@@ -8,6 +8,7 @@ import {TuiSensitiveComponent} from './sensitive.component';
 const rowsInSvg = 3;
 
 @Directive({
+    standalone: true,
     selector: '[tuiSensitive]',
     providers: [ResizeObserverService],
     host: {