From f6f2d712b618b1e13eefa6d381bdc1956eb9c210 Mon Sep 17 00:00:00 2001
From: Nikita Barsukov <nikita.s.barsukov@gmail.com>
Date: Mon, 13 Jan 2025 17:52:33 +0300
Subject: [PATCH] chore(addon-doc): use new version of `InputNumber` for
 documentation engine

---
 .../components/api/api-item.component.ts       |  6 ++----
 .../components/api/api-item.template.html      | 18 ++++++++++--------
 .../documentation/documentation.component.ts   |  4 ++--
 .../documentation/documentation.template.html  | 17 ++++++++++-------
 .../demo/src/components/number-format/index.ts |  2 +-
 .../demo/src/modules/components/icon/index.ts  |  7 +++++--
 .../components/progress-circle/index.ts        |  3 +--
 7 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/projects/addon-doc/components/api/api-item.component.ts b/projects/addon-doc/components/api/api-item.component.ts
index 4f790d2df73a..ff5822574fc4 100644
--- a/projects/addon-doc/components/api/api-item.component.ts
+++ b/projects/addon-doc/components/api/api-item.component.ts
@@ -18,10 +18,9 @@ import {TuiAlertService} from '@taiga-ui/core/components/alert';
 import {TuiIcon} from '@taiga-ui/core/components/icon';
 import {TuiTextfield} from '@taiga-ui/core/components/textfield';
 import {TuiDataListWrapper} from '@taiga-ui/kit/components/data-list-wrapper';
+import {TuiInputNumber} from '@taiga-ui/kit/components/input-number';
 import {TuiSwitch} from '@taiga-ui/kit/components/switch';
 import {TuiChevron} from '@taiga-ui/kit/directives/chevron';
-import {TuiInputNumberModule} from '@taiga-ui/legacy/components/input-number';
-import {TuiTextfieldControllerModule} from '@taiga-ui/legacy/directives/textfield-controller';
 
 import {TuiInspectPipe} from '../documentation/pipes/inspect.pipe';
 import {TuiDocTypeReferencePipe} from '../documentation/pipes/type-reference.pipe';
@@ -41,11 +40,10 @@ const SERIALIZED_SUFFIX = '$';
         TuiDataListWrapper,
         TuiDocTypeReferencePipe,
         TuiIcon,
-        TuiInputNumberModule,
+        TuiInputNumber,
         TuiInspectPipe,
         TuiSwitch,
         TuiTextfield,
-        TuiTextfieldControllerModule,
     ],
     templateUrl: './api-item.template.html',
     styleUrls: ['./api-item.style.less'],
diff --git a/projects/addon-doc/components/api/api-item.template.html b/projects/addon-doc/components/api/api-item.template.html
index 2999a5bd4b3a..aa1f41f32943 100644
--- a/projects/addon-doc/components/api/api-item.template.html
+++ b/projects/addon-doc/components/api/api-item.template.html
@@ -82,16 +82,18 @@
                 />
             </tui-textfield>
 
-            <tui-input-number
+            <tui-textfield
                 *ngSwitchCase="'number'"
                 tuiTextfieldSize="m"
-                class="t-input"
-                [nativeId]="name"
-                [ngModel]="value"
-                [step]="1"
-                [tuiTextfieldLabelOutside]="true"
-                (ngModelChange)="onValueChange($event || 0)"
-            />
+            >
+                <input
+                    tuiInputNumber
+                    [id]="name"
+                    [ngModel]="value"
+                    [step]="1"
+                    (ngModelChange)="onValueChange($event || 0)"
+                />
+            </tui-textfield>
         </ng-container>
     </ng-template>
 </td>
diff --git a/projects/addon-doc/components/documentation/documentation.component.ts b/projects/addon-doc/components/documentation/documentation.component.ts
index 9cd28a3946f6..7d89f8c6f67a 100644
--- a/projects/addon-doc/components/documentation/documentation.component.ts
+++ b/projects/addon-doc/components/documentation/documentation.component.ts
@@ -27,8 +27,8 @@ import {TuiTextfield} from '@taiga-ui/core/components/textfield';
 import {TuiDropdown} from '@taiga-ui/core/directives/dropdown';
 import {TuiBadge} from '@taiga-ui/kit/components/badge';
 import {TuiDataListWrapper} from '@taiga-ui/kit/components/data-list-wrapper';
+import {TuiInputNumber} from '@taiga-ui/kit/components/input-number';
 import {TuiSwitch} from '@taiga-ui/kit/components/switch';
-import {TuiInputNumberModule} from '@taiga-ui/legacy/components/input-number';
 import {TuiSelectModule} from '@taiga-ui/legacy/components/select';
 import {TuiTextfieldControllerModule} from '@taiga-ui/legacy/directives/textfield-controller';
 import {merge, switchMap} from 'rxjs';
@@ -57,7 +57,7 @@ import {TuiDocTypeReferencePipe} from './pipes/type-reference.pipe';
         TuiDocTypeReferencePipe,
         TuiDropdown,
         TuiFilterPipe,
-        TuiInputNumberModule,
+        TuiInputNumber,
         TuiInspectPipe,
         TuiIsOptionalPipe,
         TuiNotification,
diff --git a/projects/addon-doc/components/documentation/documentation.template.html b/projects/addon-doc/components/documentation/documentation.template.html
index e6c717e1cf0f..8ab880559010 100644
--- a/projects/addon-doc/components/documentation/documentation.template.html
+++ b/projects/addon-doc/components/documentation/documentation.template.html
@@ -135,15 +135,18 @@
                                 />
                             </tui-textfield>
 
-                            <tui-input-number
+                            <tui-textfield
                                 *ngSwitchCase="'number'"
                                 tuiTextfieldSize="m"
-                                [nativeId]="propertyConnector.attrName"
-                                [ngModel]="propertyConnector.documentationPropertyValue"
-                                [step]="1"
-                                [tuiTextfieldLabelOutside]="true"
-                                (ngModelChange)="propertyConnector.onValueChange($event || 0)"
-                            />
+                            >
+                                <input
+                                    tuiInputNumber
+                                    [id]="propertyConnector.attrName"
+                                    [ngModel]="propertyConnector.documentationPropertyValue"
+                                    [step]="1"
+                                    (ngModelChange)="propertyConnector.onValueChange($event || 0)"
+                                />
+                            </tui-textfield>
                         </ng-container>
                     </ng-template>
                 </ng-container>
diff --git a/projects/demo/src/components/number-format/index.ts b/projects/demo/src/components/number-format/index.ts
index 45abd332bb60..4335c7729a1f 100644
--- a/projects/demo/src/components/number-format/index.ts
+++ b/projects/demo/src/components/number-format/index.ts
@@ -7,7 +7,7 @@ import {TuiDocAPIItem} from '@taiga-ui/addon-doc';
 import type {TuiLooseUnion, TuiRounding} from '@taiga-ui/cdk';
 import type {TuiDecimalMode, TuiNumberFormatSettings} from '@taiga-ui/core';
 import {TUI_DEFAULT_NUMBER_FORMAT, TuiLink, TuiTitle} from '@taiga-ui/core';
-import {tuiInputNumberOptionsProvider} from '@taiga-ui/legacy';
+import {tuiInputNumberOptionsProvider} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
diff --git a/projects/demo/src/modules/components/icon/index.ts b/projects/demo/src/modules/components/icon/index.ts
index 7d01e95010b1..a5234baa2a6a 100644
--- a/projects/demo/src/modules/components/icon/index.ts
+++ b/projects/demo/src/modules/components/icon/index.ts
@@ -3,8 +3,11 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {DemoRoute} from '@demo/routes';
 import {TuiDemo} from '@demo/utils';
 import {TuiIcon} from '@taiga-ui/core';
-import {TUI_PREVIEW_ICONS, TuiAccordion} from '@taiga-ui/kit';
-import {tuiInputNumberOptionsProvider} from '@taiga-ui/legacy';
+import {
+    TUI_PREVIEW_ICONS,
+    TuiAccordion,
+    tuiInputNumberOptionsProvider,
+} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
diff --git a/projects/demo/src/modules/components/progress-circle/index.ts b/projects/demo/src/modules/components/progress-circle/index.ts
index 7ad00010bb7b..78185ff580e4 100644
--- a/projects/demo/src/modules/components/progress-circle/index.ts
+++ b/projects/demo/src/modules/components/progress-circle/index.ts
@@ -3,8 +3,7 @@ import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
 import type {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';
 import {TuiLink} from '@taiga-ui/core';
-import {TuiProgress} from '@taiga-ui/kit';
-import {tuiInputNumberOptionsProvider} from '@taiga-ui/legacy';
+import {tuiInputNumberOptionsProvider, TuiProgress} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,