From 43490fc1994a8c57ad4fef9d866cb7d32c9d8989 Mon Sep 17 00:00:00 2001
From: waterplea <alexander@inkin.ru>
Date: Mon, 16 Sep 2024 19:08:49 +0400
Subject: [PATCH] chore: rollback example changes

---
 .../data-list/examples/5/index.html           | 40 +++++++++----------
 .../data-list/examples/5/index.less           | 17 ++++++++
 .../components/data-list/examples/5/index.ts  |  8 +---
 .../modules/components/data-list/index.html   |  2 +-
 4 files changed, 38 insertions(+), 29 deletions(-)
 create mode 100644 projects/demo/src/modules/components/data-list/examples/5/index.less

diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.html b/projects/demo/src/modules/components/data-list/examples/5/index.html
index ff59f779c305..4d58a1e3314d 100644
--- a/projects/demo/src/modules/components/data-list/examples/5/index.html
+++ b/projects/demo/src/modules/components/data-list/examples/5/index.html
@@ -3,9 +3,9 @@
     iconStart="@tui.ellipsis-vertical"
     size="m"
     tuiButton
-    tuiDropdownAlign="right"
-    tuiTextfieldSize="m"
+    tuiDropdownLimitWidth="fixed"
     type="button"
+    class="example"
     [tuiDropdown]="content"
     [(tuiDropdownOpen)]="dropdownOpen"
 >
@@ -66,18 +66,18 @@
     </tui-data-list>
 
     <ng-template #money>
+        <tui-input
+            automation-id="tui-data-money-input"
+            [(ngModel)]="moneyValue"
+        >
+            RUB
+            <input
+                name="moneyValue"
+                tuiTextfieldLegacy
+            />
+        </tui-input>
+
         <tui-data-list tuiDataListDropdownManager>
-            <tui-input
-                automation-id="tui-data-money-input"
-                [style.margin-block-end.rem]="0.25"
-                [(ngModel)]="moneyValue"
-            >
-                RUB
-                <input
-                    name="moneyValue"
-                    tuiTextfieldLegacy
-                />
-            </tui-input>
             <button
                 iconEnd="@tui.chevron-right"
                 tuiDropdownAlign="right"
@@ -104,7 +104,6 @@
     <ng-template #input>
         <tui-input
             automation-id="tui-data-list-email-field"
-            [style.margin.rem]="0.25"
             [(ngModel)]="emailValue"
         >
             Email
@@ -119,16 +118,13 @@
         <div class="example">
             <div
                 tuiGroup
-                [style.margin.rem]="0.25"
+                class="group"
             >
-                <tui-input [(ngModel)]="dollar">Dollars</tui-input>
-                <tui-input [(ngModel)]="euro">Euros</tui-input>
+                <tui-input [(ngModel)]="dollar">1 Rub = (X) Dollars</tui-input>
+                <tui-input [(ngModel)]="euro">1 Rub = (Y) Euros</tui-input>
             </div>
 
-            <ul
-                class="tui-list tui-list_large"
-                [style.margin.rem]="1"
-            >
+            <ul class="exchange tui-list tui-list_large">
                 <li class="tui-list__item">
                     <span>{{ moneyValue / dollar | tuiAmount: 'USD' | async }}</span>
                 </li>
@@ -142,7 +138,7 @@
     <ng-template #range>
         <tui-input-date-range
             automation-id="tui-data-list-range-field"
-            [style.margin.rem]="0.25"
+            class="form"
             [(ngModel)]="rangeValue"
         >
             Range
diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.less b/projects/demo/src/modules/components/data-list/examples/5/index.less
new file mode 100644
index 000000000000..846e9723d699
--- /dev/null
+++ b/projects/demo/src/modules/components/data-list/examples/5/index.less
@@ -0,0 +1,17 @@
+.example {
+    margin-bottom: 0.5rem;
+    min-inline-size: 20.25rem;
+}
+
+.form {
+    min-inline-size: 18.75rem;
+    overflow: hidden;
+}
+
+.exchange {
+    margin: 1.5625rem;
+}
+
+.group {
+    max-inline-size: 30.25rem;
+}
diff --git a/projects/demo/src/modules/components/data-list/examples/5/index.ts b/projects/demo/src/modules/components/data-list/examples/5/index.ts
index 0fe2bb04f204..73d59ad357ae 100644
--- a/projects/demo/src/modules/components/data-list/examples/5/index.ts
+++ b/projects/demo/src/modules/components/data-list/examples/5/index.ts
@@ -8,11 +8,7 @@ import {TuiDay, TuiDayRange} from '@taiga-ui/cdk';
 import {TuiButton, TuiCalendar, TuiDataList, TuiDropdown, TuiGroup} from '@taiga-ui/core';
 import {TuiDataListDropdownManager} from '@taiga-ui/kit';
 import {TuiAsideItemDirective} from '@taiga-ui/layout';
-import {
-    TuiInputDateRangeModule,
-    TuiInputModule,
-    TuiTextfieldControllerModule,
-} from '@taiga-ui/legacy';
+import {TuiInputDateRangeModule, TuiInputModule} from '@taiga-ui/legacy';
 
 @Component({
     standalone: true,
@@ -29,9 +25,9 @@ import {
         TuiGroup,
         TuiInputDateRangeModule,
         TuiInputModule,
-        TuiTextfieldControllerModule,
     ],
     templateUrl: './index.html',
+    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })
diff --git a/projects/demo/src/modules/components/data-list/index.html b/projects/demo/src/modules/components/data-list/index.html
index beddb48d9a27..5e1d5a02868d 100644
--- a/projects/demo/src/modules/components/data-list/index.html
+++ b/projects/demo/src/modules/components/data-list/index.html
@@ -49,7 +49,7 @@
             id="complex"
             heading="Complex"
             [component]="5 | tuiComponent"
-            [content]="5 | tuiExample: 'html,ts'"
+            [content]="5 | tuiExample"
         >
             <tui-notification class="tui-space_bottom-3">
                 <div>