From ba34ef09c960febf4c429cc527c6f0d6486ca96a Mon Sep 17 00:00:00 2001
From: splincode <omaxphp@yandex.ru>
Date: Mon, 1 Jul 2024 15:18:00 +0300
Subject: [PATCH] chore: update

---
 apps/demo/src/app/app.config.ts            |  2 +-
 apps/demo/src/app/home/home.component.html | 18 +++++++++++++++++-
 apps/demo/src/app/home/home.component.ts   | 18 ++++++++++++++++++
 apps/demo/src/styles.less                  |  1 -
 4 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/apps/demo/src/app/app.config.ts b/apps/demo/src/app/app.config.ts
index 54a03f8f..697b3f7d 100644
--- a/apps/demo/src/app/app.config.ts
+++ b/apps/demo/src/app/app.config.ts
@@ -15,6 +15,7 @@ import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui
 
 export const appConfig: ApplicationConfig = {
     providers: [
+        provideClientHydration(),
         provideAnimations(),
         provideRouter([
             {
@@ -23,7 +24,6 @@ export const appConfig: ApplicationConfig = {
                 loadComponent: async () => import('./home/home.component'),
             },
         ]),
-        provideClientHydration(),
         importProvidersFrom(
             TuiRootModule,
             TuiAlertModule,
diff --git a/apps/demo/src/app/home/home.component.html b/apps/demo/src/app/home/home.component.html
index fc640886..33b902ca 100644
--- a/apps/demo/src/app/home/home.component.html
+++ b/apps/demo/src/app/home/home.component.html
@@ -96,7 +96,12 @@ <h2 class="title">
     </div>
 </div>
 
-<tui-editor [tools]="builtInTools">Typing...</tui-editor>
+<tui-editor
+    [tools]="builtInTools"
+    [(ngModel)]="editor"
+>
+    Typing...
+</tui-editor>
 
 <ng-template
     #callTemplate
@@ -156,3 +161,14 @@ <h3>Aleksandr Inkin</h3>
         Glory
     </button>
 </tui-push>
+
+<br />
+
+<tui-accordion>
+    @for (item of questions; track $index) {
+        <tui-accordion-item [open]="true">
+            {{ item.question }}
+            <ng-template tuiAccordionItemContent>{{ item.answer }}</ng-template>
+        </tui-accordion-item>
+    }
+</tui-accordion>
diff --git a/apps/demo/src/app/home/home.component.ts b/apps/demo/src/app/home/home.component.ts
index 68e1f526..f99cadff 100644
--- a/apps/demo/src/app/home/home.component.ts
+++ b/apps/demo/src/app/home/home.component.ts
@@ -21,6 +21,7 @@ import {
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
 import {
+    TuiAccordionModule,
     TuiCheckboxLabeledModule,
     TuiInputDateModule,
     TuiInputTagModule,
@@ -52,6 +53,7 @@ import {TuiEditorModule, TuiEditorTool} from '@tinkoff/tui-editor';
         TuiDropdownModule,
         NgDompurifyModule,
         TuiEditorModule,
+        TuiAccordionModule,
     ],
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.less'],
@@ -69,6 +71,22 @@ export default class HomeComponent {
     protected date: TuiDay | null = null;
     protected notification = false;
     protected slider = 80;
+    protected editor = '';
+
+    protected questions = [
+        {
+            question: 'Accordion 1',
+            answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+        },
+        {
+            question: 'Accordion 2',
+            answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+        },
+        {
+            question: 'Accordion 3',
+            answer: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.',
+        },
+    ];
 
     protected onDay(date: TuiDay): void {
         this.date = date;
diff --git a/apps/demo/src/styles.less b/apps/demo/src/styles.less
index da17bc73..bf8042cb 100644
--- a/apps/demo/src/styles.less
+++ b/apps/demo/src/styles.less
@@ -8,7 +8,6 @@ html,
 body {
     margin: 0;
     padding: 0;
-    overflow: hidden;
     color: var(--tui-text-01);
 }