chore: update

taiga-family · Jul 1, 2024 · ba34ef0 · ba34ef0
1 parent 747b298
commit ba34ef0
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -8,7 +8,6 @@ html,
 body {
     margin: 0;
     padding: 0;
-    overflow: hidden;
     color: var(--tui-text-01);
 }