From 1f0cea58d865e71c3a953ec3302934ec95345220 Mon Sep 17 00:00:00 2001
From: mdlufy <german.panov.2018@mail.ru>
Date: Thu, 26 Sep 2024 14:14:41 +0300
Subject: [PATCH] chore(demo): `Dropdown` reuse component add options from DI

---
 .../demo/src/components/dropdown/index.html   |  2 +-
 .../demo/src/components/dropdown/index.ts     | 21 +++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/projects/demo/src/components/dropdown/index.html b/projects/demo/src/components/dropdown/index.html
index 6005e3304011..a9227631ae0c 100644
--- a/projects/demo/src/components/dropdown/index.html
+++ b/projects/demo/src/components/dropdown/index.html
@@ -13,7 +13,7 @@
 </tr>
 <tr
     *ngIf="!hiddenOptions.includes('open')"
-    name="[(tuiDropdownOpen)]"
+    name="[(open)]"
     tuiDocAPIItem
     type="boolean"
     [(value)]="open"
diff --git a/projects/demo/src/components/dropdown/index.ts b/projects/demo/src/components/dropdown/index.ts
index 38fa8102ebbd..af742453b18b 100644
--- a/projects/demo/src/components/dropdown/index.ts
+++ b/projects/demo/src/components/dropdown/index.ts
@@ -1,10 +1,11 @@
 import {NgIf} from '@angular/common';
-import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
+import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
 import {RouterLink} from '@angular/router';
 import {DemoRoute} from '@demo/routes';
 import {TuiDocAPIItem} from '@taiga-ui/addon-doc';
 import type {TuiLooseUnion} from '@taiga-ui/cdk';
 import {
+    TUI_DROPDOWN_OPTIONS,
     TuiDropdown,
     type TuiDropdownAlign,
     type TuiDropdownOptions,
@@ -22,6 +23,8 @@ import {
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class TuiDocDropdown {
+    private readonly options = inject(TUI_DROPDOWN_OPTIONS);
+
     protected readonly routes = DemoRoute;
 
     protected readonly aligns: readonly TuiDropdownAlign[] = ['left', 'right', 'center'];
@@ -38,13 +41,13 @@ export class TuiDocDropdown {
     @Input()
     public hiddenOptions: Array<TuiLooseUnion<keyof TuiDropdownOptions>> = [];
 
-    public open = false;
-
-    public align: TuiDropdownAlign = 'left';
-    public direction: TuiVerticalDirection | null = null;
+    public align: TuiDropdownAlign = this.options.align;
+    public direction: TuiVerticalDirection | null = this.options.direction;
+    public minHeight = this.options.minHeight;
+    public maxHeight = this.options.maxHeight;
+    public offset = this.options.offset;
+    public appearance = this.options.appearance;
     public limitWidth: TuiDropdownWidth = 'fixed';
-    public minHeight = 80;
-    public maxHeight = 400;
-    public offset = 4;
-    public appearance = '';
+
+    public open = false;
 }