From 91f67535bf594d7c18aa4de17ab0b4d847040ad8 Mon Sep 17 00:00:00 2001
From: Nikita Barsukov <nikita.s.barsukov@gmail.com>
Date: Tue, 14 Jan 2025 14:42:49 +0300
Subject: [PATCH] chore(demo): use new version of `InputNumber` for
 documentation page `Tabs`

---
 .../components/tabs/examples/1/index.html     | 21 +++++----
 .../components/tabs/examples/1/index.ts       |  7 ++-
 .../components/tabs/examples/2/index.html     | 21 +++++----
 .../components/tabs/examples/2/index.ts       |  7 ++-
 .../components/tabs/examples/4/index.html     | 23 +++++-----
 .../components/tabs/examples/4/index.ts       | 16 +++++--
 .../components/tabs/examples/5/index.html     | 23 +++++-----
 .../components/tabs/examples/5/index.ts       | 16 +++++--
 .../components/tabs/examples/7/index.html     | 44 ++++++++++---------
 .../components/tabs/examples/7/index.less     |  2 +-
 .../components/tabs/examples/7/index.ts       | 14 ++++--
 11 files changed, 115 insertions(+), 79 deletions(-)

diff --git a/projects/demo/src/modules/components/tabs/examples/1/index.html b/projects/demo/src/modules/components/tabs/examples/1/index.html
index 8e5a4bceab15..58ffbd5b3d4c 100644
--- a/projects/demo/src/modules/components/tabs/examples/1/index.html
+++ b/projects/demo/src/modules/components/tabs/examples/1/index.html
@@ -25,12 +25,15 @@
         Settings
     </button>
 </tui-tabs>
-<tui-input-number
-    class="tui-space_top-4"
-    [max]="2"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="activeItemIndex"
->
-    activeItemIndex
-</tui-input-number>
+
+<tui-textfield class="tui-space_top-4">
+    <label tuiLabel>activeItemIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="2"
+        [min]="0"
+        [step]="1"
+        [(ngModel)]="activeItemIndex"
+    />
+</tui-textfield>
diff --git a/projects/demo/src/modules/components/tabs/examples/1/index.ts b/projects/demo/src/modules/components/tabs/examples/1/index.ts
index bde00eb45d5f..198dc5e5e8ac 100644
--- a/projects/demo/src/modules/components/tabs/examples/1/index.ts
+++ b/projects/demo/src/modules/components/tabs/examples/1/index.ts
@@ -2,13 +2,12 @@ import {Component, inject} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiAlertService} from '@taiga-ui/core';
-import {TuiTabs} from '@taiga-ui/kit';
-import {TuiInputNumberModule} from '@taiga-ui/legacy';
+import {TuiAlertService, TuiTextfield} from '@taiga-ui/core';
+import {TuiInputNumber, TuiTabs} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, TuiInputNumberModule, TuiTabs],
+    imports: [FormsModule, TuiInputNumber, TuiTabs, TuiTextfield],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,
diff --git a/projects/demo/src/modules/components/tabs/examples/2/index.html b/projects/demo/src/modules/components/tabs/examples/2/index.html
index b2e2917178b8..6dc5d790984b 100644
--- a/projects/demo/src/modules/components/tabs/examples/2/index.html
+++ b/projects/demo/src/modules/components/tabs/examples/2/index.html
@@ -49,12 +49,15 @@
         Trash
     </button>
 </tui-tabs-with-more>
-<tui-input-number
-    class="tui-space_top-4"
-    [max]="4"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="activeItemIndex"
->
-    activeItemIndex
-</tui-input-number>
+
+<tui-textfield class="tui-space_top-4">
+    <label tuiLabel>activeItemIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="4"
+        [min]="0"
+        [step]="1"
+        [(ngModel)]="activeItemIndex"
+    />
+</tui-textfield>
diff --git a/projects/demo/src/modules/components/tabs/examples/2/index.ts b/projects/demo/src/modules/components/tabs/examples/2/index.ts
index bde00eb45d5f..198dc5e5e8ac 100644
--- a/projects/demo/src/modules/components/tabs/examples/2/index.ts
+++ b/projects/demo/src/modules/components/tabs/examples/2/index.ts
@@ -2,13 +2,12 @@ import {Component, inject} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiAlertService} from '@taiga-ui/core';
-import {TuiTabs} from '@taiga-ui/kit';
-import {TuiInputNumberModule} from '@taiga-ui/legacy';
+import {TuiAlertService, TuiTextfield} from '@taiga-ui/core';
+import {TuiInputNumber, TuiTabs} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, TuiInputNumberModule, TuiTabs],
+    imports: [FormsModule, TuiInputNumber, TuiTabs, TuiTextfield],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,
diff --git a/projects/demo/src/modules/components/tabs/examples/4/index.html b/projects/demo/src/modules/components/tabs/examples/4/index.html
index 83b8a9d69e2a..b1d4d8ab963c 100644
--- a/projects/demo/src/modules/components/tabs/examples/4/index.html
+++ b/projects/demo/src/modules/components/tabs/examples/4/index.html
@@ -16,13 +16,16 @@
         />
     </ng-container>
 </tui-tabs>
-<tui-input-number
-    decimal="never"
-    class="tui-space_top-4"
-    [max]="2"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="activeItemIndex"
->
-    activeItemIndex
-</tui-input-number>
+
+<tui-textfield class="tui-space_top-4">
+    <label tuiLabel>activeItemIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="2"
+        [min]="0"
+        [step]="1"
+        [tuiNumberFormat]="{precision: 0}"
+        [(ngModel)]="activeItemIndex"
+    />
+</tui-textfield>
diff --git a/projects/demo/src/modules/components/tabs/examples/4/index.ts b/projects/demo/src/modules/components/tabs/examples/4/index.ts
index 08364a7677aa..b28361201d35 100644
--- a/projects/demo/src/modules/components/tabs/examples/4/index.ts
+++ b/projects/demo/src/modules/components/tabs/examples/4/index.ts
@@ -3,13 +3,21 @@ import {Component, inject} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiAlertService, TuiIcon} from '@taiga-ui/core';
-import {TuiTabs} from '@taiga-ui/kit';
-import {TuiInputNumberModule} from '@taiga-ui/legacy';
+import {TuiAlertService, TuiIcon, TuiNumberFormat, TuiTextfield} from '@taiga-ui/core';
+import {TuiInputNumber, TuiTabs} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, NgForOf, NgIf, TuiIcon, TuiInputNumberModule, TuiTabs],
+    imports: [
+        FormsModule,
+        NgForOf,
+        NgIf,
+        TuiIcon,
+        TuiInputNumber,
+        TuiNumberFormat,
+        TuiTabs,
+        TuiTextfield,
+    ],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,
diff --git a/projects/demo/src/modules/components/tabs/examples/5/index.html b/projects/demo/src/modules/components/tabs/examples/5/index.html
index 1d0cb1a21637..f9ceb35fcb2b 100644
--- a/projects/demo/src/modules/components/tabs/examples/5/index.html
+++ b/projects/demo/src/modules/components/tabs/examples/5/index.html
@@ -28,13 +28,16 @@
 >
     Add one more
 </button>
-<tui-input-number
-    decimal="never"
-    class="tui-space_top-4"
-    [max]="4"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="activeItemIndex"
->
-    activeItemIndex
-</tui-input-number>
+
+<tui-textfield class="tui-space_top-4">
+    <label tuiLabel>activeItemIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="4"
+        [min]="0"
+        [step]="1"
+        [tuiNumberFormat]="{precision: 0}"
+        [(ngModel)]="activeItemIndex"
+    />
+</tui-textfield>
diff --git a/projects/demo/src/modules/components/tabs/examples/5/index.ts b/projects/demo/src/modules/components/tabs/examples/5/index.ts
index 2856f2e10350..2c739f11b16d 100644
--- a/projects/demo/src/modules/components/tabs/examples/5/index.ts
+++ b/projects/demo/src/modules/components/tabs/examples/5/index.ts
@@ -3,13 +3,21 @@ import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiButton, TuiIcon} from '@taiga-ui/core';
-import {TuiTabs} from '@taiga-ui/kit';
-import {TuiInputNumberModule} from '@taiga-ui/legacy';
+import {TuiButton, TuiIcon, TuiNumberFormat, TuiTextfield} from '@taiga-ui/core';
+import {TuiInputNumber, TuiTabs} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, NgForOf, TuiButton, TuiIcon, TuiInputNumberModule, TuiTabs],
+    imports: [
+        FormsModule,
+        NgForOf,
+        TuiButton,
+        TuiIcon,
+        TuiInputNumber,
+        TuiNumberFormat,
+        TuiTabs,
+        TuiTextfield,
+    ],
     templateUrl: './index.html',
     encapsulation,
     changeDetection,
diff --git a/projects/demo/src/modules/components/tabs/examples/7/index.html b/projects/demo/src/modules/components/tabs/examples/7/index.html
index 836118261e75..334d65fd350b 100644
--- a/projects/demo/src/modules/components/tabs/examples/7/index.html
+++ b/projects/demo/src/modules/components/tabs/examples/7/index.html
@@ -86,16 +86,18 @@ <h5 class="title">Horizontal</h5>
     </nav>
 </section>
 
-<tui-input-number
-    decimal="never"
-    class="horizontal tui-space_top-4 tui-space_bottom-4"
-    [max]="12"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="horizontalActiveIndex"
->
-    horizontalActiveIndex
-</tui-input-number>
+<tui-textfield class="input tui-space_top-4 tui-space_bottom-4">
+    <label tuiLabel>horizontalActiveIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="12"
+        [min]="0"
+        [step]="1"
+        [tuiNumberFormat]="{precision: 0}"
+        [(ngModel)]="horizontalActiveIndex"
+    />
+</tui-textfield>
 
 <h5 class="title">Vertical</h5>
 
@@ -186,13 +188,15 @@ <h5 class="title">Vertical</h5>
     </nav>
 </tui-scrollbar>
 
-<tui-input-number
-    decimal="never"
-    class="input tui-space_top-4"
-    [max]="12"
-    [min]="0"
-    [step]="1"
-    [(ngModel)]="verticalActiveIndex"
->
-    verticalActiveIndex
-</tui-input-number>
+<tui-textfield class="input tui-space_top-4">
+    <label tuiLabel>verticalActiveIndex</label>
+
+    <input
+        tuiInputNumber
+        [max]="12"
+        [min]="0"
+        [step]="1"
+        [tuiNumberFormat]="{precision: 0}"
+        [(ngModel)]="verticalActiveIndex"
+    />
+</tui-textfield>
diff --git a/projects/demo/src/modules/components/tabs/examples/7/index.less b/projects/demo/src/modules/components/tabs/examples/7/index.less
index d053008d2248..8f6c661d0027 100644
--- a/projects/demo/src/modules/components/tabs/examples/7/index.less
+++ b/projects/demo/src/modules/components/tabs/examples/7/index.less
@@ -10,7 +10,7 @@
 }
 
 .input {
-    inline-size: 12.5rem;
+    inline-size: 15.5rem;
 }
 
 .vertical,
diff --git a/projects/demo/src/modules/components/tabs/examples/7/index.ts b/projects/demo/src/modules/components/tabs/examples/7/index.ts
index 6bfb091cd481..cd296ce3335f 100644
--- a/projects/demo/src/modules/components/tabs/examples/7/index.ts
+++ b/projects/demo/src/modules/components/tabs/examples/7/index.ts
@@ -2,13 +2,19 @@ import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
-import {TuiScrollbar} from '@taiga-ui/core';
-import {TuiTabs} from '@taiga-ui/kit';
-import {TuiInputNumberModule} from '@taiga-ui/legacy';
+import {TuiNumberFormat, TuiScrollbar, TuiTextfield} from '@taiga-ui/core';
+import {TuiInputNumber, TuiTabs} from '@taiga-ui/kit';
 
 @Component({
     standalone: true,
-    imports: [FormsModule, TuiInputNumberModule, TuiScrollbar, TuiTabs],
+    imports: [
+        FormsModule,
+        TuiInputNumber,
+        TuiNumberFormat,
+        TuiScrollbar,
+        TuiTabs,
+        TuiTextfield,
+    ],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
     encapsulation,