chore(deps): update taiga-ui submodule (#1031)

* chore(deps): update taiga-ui submodule * chore: update * chore: update --------- Co-authored-by: splincode <[email protected]> Co-authored-by: splincode <[email protected]>
taiga-family · Jun 4, 2024 · 2b7a97f · 2b7a97f
1 parent d36c7d3
commit 2b7a97f
Show file tree

Hide file tree

Showing 81 changed files with 284 additions and 551 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/projects/demo-playwright/project.json b/projects/demo-playwright/project.json
@@ -14,7 +14,7 @@
         "e2e-ui": {
             "executor": "nx:run-commands",
             "options": {
-                "command": "nx e2e demo-playwright -- --ui --debug --update-snapshots"
+                "command": "nx e2e editor-demo-playwright -- --ui --debug --update-snapshots"
             }
         }
     }

diff --git a/projects/demo/src/app/app.component.ts b/projects/demo/src/app/app.component.ts
@@ -2,21 +2,15 @@ import type {OnInit} from '@angular/core';
 import {ChangeDetectionStrategy, Component, HostBinding, inject} from '@angular/core';
 import {Router, RouterLink} from '@angular/router';
 import {LOCAL_STORAGE} from '@ng-web-apis/common';
-import {TUI_DOC_PAGE_LOADED, TuiDocMainModule} from '@taiga-ui/addon-doc';
-import {TuiPreviewModule} from '@taiga-ui/addon-preview';
+import {TUI_DOC_PAGE_LOADED, TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective, TuiRootComponent} from '@taiga-ui/core';
+import {TuiPreview} from '@taiga-ui/kit';
 import pkg from '@tinkoff/tui-editor/package.json';
 
 @Component({
     standalone: true,
     selector: 'app',
-    imports: [
-        RouterLink,
-        TuiRootComponent,
-        TuiLinkDirective,
-        TuiDocMainModule,
-        TuiPreviewModule, // TODO: why?
-    ],
+    imports: [RouterLink, TuiRootComponent, TuiLinkDirective, TuiAddonDoc, TuiPreview],
     templateUrl: './app.component.html',
     styleUrls: ['./app.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/projects/demo/src/app/modules/logo/logo.template.html b/projects/demo/src/app/modules/logo/logo.template.html
@@ -10,9 +10,3 @@
         />
     </span>
 </a>
-
-<img
-    alt="by Tinkoff"
-    src="assets/icons/by.svg"
-    class="by"
-/>
diff --git a/projects/demo/src/app/pages/anchors/index.ts b/projects/demo/src/app/pages/anchors/index.ts
@@ -1,14 +1,14 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiDocExampleModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
     selector: 'editor-anchors',
-    imports: [TuiDocExampleModule, RouterLink, TuiLinkDirective, TuiDocPageModule],
+    imports: [TuiAddonDoc, RouterLink, TuiLinkDirective],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/projects/demo/src/app/pages/angular-contenteditable-accessor/index.ts b/projects/demo/src/app/pages/angular-contenteditable-accessor/index.ts
@@ -1,12 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 const html = '<b>HTML</b><p>with a paragraph</p><div>a div</div>and a plain text node';
 
 @Component({
     standalone: true,
-    imports: [ReactiveFormsModule, FormsModule, TuiDocPageModule],
+    imports: [ReactiveFormsModule, FormsModule, TuiAddonDoc],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/projects/demo/src/app/pages/appearance/index.ts b/projects/demo/src/app/pages/appearance/index.ts
@@ -1,11 +1,11 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [TuiAddonDocModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/projects/demo/src/app/pages/changelog/index.ts b/projects/demo/src/app/pages/changelog/index.ts
@@ -1,11 +1,11 @@
 import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {TuiDocPageModule, TuiMarkdownPipe} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc, TuiMarkdownPipe} from '@taiga-ui/addon-doc';
 import type {TuiStringHandler} from '@taiga-ui/cdk';
 
 @Component({
     standalone: true,
-    imports: [AsyncPipe, TuiDocPageModule, TuiMarkdownPipe],
+    imports: [AsyncPipe, TuiAddonDoc, TuiMarkdownPipe],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/projects/demo/src/app/pages/checkbox/index.ts b/projects/demo/src/app/pages/checkbox/index.ts
@@ -1,10 +1,10 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiAddonDocModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 
 @Component({
     standalone: true,
-    imports: [TuiAddonDocModule],
+    imports: [TuiAddonDoc],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/projects/demo/src/app/pages/color-picker/examples/4/index.ts b/projects/demo/src/app/pages/color-picker/examples/4/index.ts
@@ -6,7 +6,7 @@ import {
     TuiTextfieldControllerModule,
     TuiWrapperModule,
 } from '@taiga-ui/core';
-import {TuiInputModule} from '@taiga-ui/kit';
+import {TuiInputModule} from '@taiga-ui/legacy';
 
 @Component({
     standalone: true,

diff --git a/projects/demo/src/app/pages/color-picker/index.ts b/projects/demo/src/app/pages/color-picker/index.ts
@@ -1,24 +1,14 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {
-    TuiDocCodeModule,
-    TuiDocDemoModule,
-    TuiDocDocumentationModule,
-    TuiDocExampleModule,
-    TuiDocPageModule,
-} from '@taiga-ui/addon-doc';
-import {TuiLinkDirective, TuiNotificationModule} from '@taiga-ui/core';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
+import {TuiLinkDirective, TuiNotificationComponent} from '@taiga-ui/core';
 import {TuiColorPickerComponent} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
     imports: [
-        TuiDocPageModule,
-        TuiDocExampleModule,
-        TuiNotificationModule,
-        TuiDocDemoModule,
-        TuiDocDocumentationModule,
-        TuiDocCodeModule,
+        TuiAddonDoc,
+        TuiNotificationComponent,
         TuiLinkDirective,
         TuiColorPickerComponent,
     ],

diff --git a/projects/demo/src/app/pages/custom-tool/color-picker/index.ts b/projects/demo/src/app/pages/custom-tool/color-picker/index.ts
@@ -1,12 +1,12 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiDocExampleModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 
 @Component({
     standalone: true,
-    imports: [TuiDocExampleModule, RouterLink, TuiLinkDirective, TuiDocPageModule],
+    imports: [TuiAddonDoc, RouterLink, TuiLinkDirective],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })

diff --git a/projects/demo/src/app/pages/custom-tool/paste-emoji/examples/1/index.ts b/projects/demo/src/app/pages/custom-tool/paste-emoji/examples/1/index.ts
@@ -1,6 +1,6 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
-import {TuiItemModule} from '@taiga-ui/cdk';
+import {TuiItemDirective} from '@taiga-ui/cdk';
 import {TuiSvgComponent} from '@taiga-ui/core';
 import {
     TUI_EDITOR_EXTENSIONS,
@@ -15,7 +15,7 @@ import {ExampleTuiSmilesToolComponent} from './smiles-tool/smiles-tool.component
     imports: [
         TuiSvgComponent,
         ExampleTuiSmilesToolComponent,
-        TuiItemModule,
+        TuiItemDirective,
         ReactiveFormsModule,
         TuiEditorComponent,
     ],

diff --git a/projects/demo/src/app/pages/custom-tool/paste-emoji/index.ts b/projects/demo/src/app/pages/custom-tool/paste-emoji/index.ts
@@ -1,23 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {
-    TuiDocExampleModule,
-    TuiDocPageModule,
-    TuiTextCodeModule,
-} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [
-        TuiDocPageModule,
-        TuiLinkDirective,
-        RouterLink,
-        TuiDocExampleModule,
-        TuiTextCodeModule,
-    ],
+    imports: [TuiAddonDoc, TuiLinkDirective, RouterLink],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/.../demo/src/app/pages/custom-tool/paste-image/examples/1/image-tool/image-tool.component.ts b/.../demo/src/app/pages/custom-tool/paste-image/examples/1/image-tool/image-tool.component.ts
@@ -3,7 +3,7 @@ import {FormsModule} from '@angular/forms';
 import {TuiActiveZoneDirective, TuiAutoFocusDirective} from '@taiga-ui/cdk';
 import type {TuiHostedDropdownComponent} from '@taiga-ui/core';
 import {TuiButtonDirective, TuiHostedDropdownModule} from '@taiga-ui/core';
-import {TuiInputInlineModule} from '@taiga-ui/kit';
+import {TuiInputInlineComponent} from '@taiga-ui/kit';
 import {TuiTiptapEditorService} from '@tinkoff/tui-editor';
 
 @Component({
@@ -12,7 +12,7 @@ import {TuiTiptapEditorService} from '@tinkoff/tui-editor';
     imports: [
         FormsModule,
         TuiAutoFocusDirective,
-        TuiInputInlineModule,
+        TuiInputInlineComponent,
         TuiActiveZoneDirective,
         TuiHostedDropdownModule,
         TuiButtonDirective,

diff --git a/projects/demo/src/app/pages/custom-tool/paste-image/examples/1/index.ts b/projects/demo/src/app/pages/custom-tool/paste-image/examples/1/index.ts
@@ -1,6 +1,6 @@
 import {ChangeDetectionStrategy, Component, Injector} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
-import {TuiItemModule} from '@taiga-ui/cdk';
+import {TuiItemDirective} from '@taiga-ui/cdk';
 import {TuiSvgComponent} from '@taiga-ui/core';
 import {
     TUI_EDITOR_EXTENSIONS,
@@ -16,7 +16,7 @@ import {IMAGE_CLIPBOARD_PASTE_EXTENSION} from './image-tool/paste.extension';
     imports: [
         TuiSvgComponent,
         ExampleTuiPasteImageToolComponent,
-        TuiItemModule,
+        TuiItemDirective,
         ReactiveFormsModule,
         TuiEditorComponent,
     ],

diff --git a/projects/demo/src/app/pages/custom-tool/paste-image/index.ts b/projects/demo/src/app/pages/custom-tool/paste-image/index.ts
@@ -1,23 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {
-    TuiDocExampleModule,
-    TuiDocPageModule,
-    TuiTextCodeModule,
-} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [
-        TuiDocPageModule,
-        TuiLinkDirective,
-        RouterLink,
-        TuiDocExampleModule,
-        TuiTextCodeModule,
-    ],
+    imports: [TuiAddonDoc, TuiLinkDirective, RouterLink],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/projects/demo/src/app/pages/embed/html5/index.ts b/projects/demo/src/app/pages/embed/html5/index.ts
@@ -1,13 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiDocExampleModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [TuiDocExampleModule, TuiDocPageModule, TuiLinkDirective, RouterLink],
+    imports: [TuiAddonDoc, TuiLinkDirective, RouterLink],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/projects/demo/src/app/pages/embed/iframe/examples/1/embed-tool/embed-tool.component.ts b/projects/demo/src/app/pages/embed/iframe/examples/1/embed-tool/embed-tool.component.ts
@@ -3,7 +3,7 @@ import {FormsModule} from '@angular/forms';
 import {TuiActiveZoneDirective, TuiAutoFocusDirective} from '@taiga-ui/cdk';
 import type {TuiHostedDropdownComponent} from '@taiga-ui/core';
 import {TuiButtonDirective, TuiHostedDropdownModule} from '@taiga-ui/core';
-import {TuiInputInlineModule} from '@taiga-ui/kit';
+import {TuiInputInlineComponent} from '@taiga-ui/kit';
 import {TuiTiptapEditorService} from '@tinkoff/tui-editor';
 
 @Component({
@@ -12,7 +12,7 @@ import {TuiTiptapEditorService} from '@tinkoff/tui-editor';
     imports: [
         FormsModule,
         TuiAutoFocusDirective,
-        TuiInputInlineModule,
+        TuiInputInlineComponent,
         TuiActiveZoneDirective,
         TuiButtonDirective,
         TuiHostedDropdownModule,

diff --git a/projects/demo/src/app/pages/embed/iframe/examples/1/index.ts b/projects/demo/src/app/pages/embed/iframe/examples/1/index.ts
@@ -2,7 +2,7 @@ import {ChangeDetectionStrategy, Component, inject, Injector} from '@angular/cor
 import {FormControl, ReactiveFormsModule, Validators} from '@angular/forms';
 import type {SafeHtml} from '@angular/platform-browser';
 import {DomSanitizer} from '@angular/platform-browser';
-import {TUI_IS_E2E, TuiItemModule, tuiPure} from '@taiga-ui/cdk';
+import {TUI_IS_E2E, TuiItemDirective, tuiPure} from '@taiga-ui/cdk';
 import {TuiSvgComponent} from '@taiga-ui/core';
 import {
     TUI_EDITOR_EXTENSIONS,
@@ -18,7 +18,7 @@ import {ExampleTuiEmbedToolComponent} from './embed-tool/embed-tool.component';
         ExampleTuiEmbedToolComponent,
         TuiSvgComponent,
         ReactiveFormsModule,
-        TuiItemModule,
+        TuiItemDirective,
         TuiEditorComponent,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/app/pages/embed/iframe/index.ts b/projects/demo/src/app/pages/embed/iframe/index.ts
@@ -1,13 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiDocExampleModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [TuiDocExampleModule, TuiDocPageModule, TuiLinkDirective, RouterLink],
+    imports: [TuiAddonDoc, TuiLinkDirective, RouterLink],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [

diff --git a/projects/demo/src/app/pages/embed/youtube/examples/1/index.ts b/projects/demo/src/app/pages/embed/youtube/examples/1/index.ts
@@ -2,7 +2,7 @@ import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule, Validators} from '@angular/forms';
 import type {SafeHtml} from '@angular/platform-browser';
 import {DomSanitizer} from '@angular/platform-browser';
-import {TuiItemModule, tuiPure} from '@taiga-ui/cdk';
+import {TuiItemDirective, tuiPure} from '@taiga-ui/cdk';
 import {TuiSvgComponent} from '@taiga-ui/core';
 import {
     TUI_EDITOR_EXTENSIONS,
@@ -18,7 +18,7 @@ import {ExampleTuiYoutubeToolComponent} from './youtube-tool/youtube-tool.compon
         TuiSvgComponent,
         ExampleTuiYoutubeToolComponent,
         ReactiveFormsModule,
-        TuiItemModule,
+        TuiItemDirective,
         TuiEditorComponent,
     ],
     templateUrl: './index.html',

diff --git a/projects/demo/src/app/pages/embed/youtube/examples/1/youtube-tool/youtube-tool.component.ts b/projects/demo/src/app/pages/embed/youtube/examples/1/youtube-tool/youtube-tool.component.ts
@@ -3,14 +3,14 @@ import {FormsModule} from '@angular/forms';
 import {TuiActiveZoneDirective, TuiAutoFocusDirective} from '@taiga-ui/cdk';
 import type {TuiHostedDropdownComponent} from '@taiga-ui/core';
 import {TuiButtonDirective, TuiHostedDropdownModule} from '@taiga-ui/core';
-import {TuiInputInlineModule} from '@taiga-ui/kit';
+import {TuiInputInlineComponent} from '@taiga-ui/kit';
 import {TuiTiptapEditorService} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
     selector: 'youtube-tool',
     imports: [
-        TuiInputInlineModule,
+        TuiInputInlineComponent,
         TuiAutoFocusDirective,
         FormsModule,
         TuiActiveZoneDirective,

diff --git a/projects/demo/src/app/pages/embed/youtube/index.ts b/projects/demo/src/app/pages/embed/youtube/index.ts
@@ -1,13 +1,13 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import type {TuiDocExample} from '@taiga-ui/addon-doc';
-import {TuiDocExampleModule, TuiDocPageModule} from '@taiga-ui/addon-doc';
+import {TuiAddonDoc} from '@taiga-ui/addon-doc';
 import {TuiLinkDirective} from '@taiga-ui/core';
 import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
-    imports: [TuiDocExampleModule, TuiDocPageModule, RouterLink, TuiLinkDirective],
+    imports: [TuiAddonDoc, RouterLink, TuiLinkDirective],
     templateUrl: './index.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [