@taiga-ui/core 5.0.0-rc.3 → 5.0.0-rc.5

package/fesm2022/taiga-ui-core-portals-dropdown.mjs

@@ -1,41 +1,41 @@
+import { tuiProvide, tuiDirectiveBinding, tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
+import { coerceArray } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { Injectable, Directive, InjectionToken, Optional, Self, SkipSelf, inject, ChangeDetectorRef, effect, signal, INJECTOR, input, computed, TemplateRef, forwardRef, ChangeDetectionStrategy, Component, PLATFORM_ID, contentChild, ElementRef, model, ViewContainerRef } from '@angular/core';
+import { Injectable, Directive, InjectionToken, Optional, Self, SkipSelf, inject, computed, forwardRef, ChangeDetectionStrategy, Component, input, effect, ChangeDetectorRef, signal, INJECTOR, TemplateRef, ElementRef, contentChild, model, PLATFORM_ID, ViewContainerRef } from '@angular/core';
 import { outputFromObservable, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
+import { tuiZonefreeScheduler, tuiIfMap, tuiCloseWatcher, tuiTypedFromEvent, tuiStopPropagation, tuiZoneOptimized } from '@taiga-ui/cdk/observables';
+import { tuiInjectElement, tuiGetActualTarget, tuiIsElement, tuiIsElementEditable, tuiIsHTMLElement, tuiPointToClientRect, tuiIsTextNode, tuiIsTextfield } from '@taiga-ui/cdk/utils/dom';
+import { TuiDriverDirective, TuiPositionAccessor, tuiFallbackAccessor, TuiRectAccessor, tuiPositionAccessorFor, tuiRectAccessorFor, tuiAsVehicle, tuiAsDriver, tuiAsRectAccessor, TuiDriver, tuiAsPositionAccessor } from '@taiga-ui/core/classes';
+import { TuiPopupService } from '@taiga-ui/core/portals/popup';
+import { tuiCheckFixedPosition, tuiGetWordRange } from '@taiga-ui/core/utils/dom';
+import { PolymorpheusOutlet, PolymorpheusComponent, PolymorpheusTemplate } from '@taiga-ui/polymorpheus';
+import { BehaviorSubject, Subject, distinctUntilChanged, takeWhile, map, throttleTime, merge, filter, EMPTY, switchMap, delay, startWith, takeUntil, fromEvent, of, tap, share, combineLatest } from 'rxjs';
 import { EMPTY_CLIENT_RECT, TUI_TRUE_HANDLER, CHAR_ZERO_WIDTH_SPACE, CHAR_NO_BREAK_SPACE } from '@taiga-ui/cdk/constants';
 import * as i1 from '@taiga-ui/cdk/directives/active-zone';
 import { TuiActiveZone } from '@taiga-ui/cdk/directives/active-zone';
 import * as i2 from '@taiga-ui/cdk/directives/animated';
 import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
-import { tuiInjectElement, tuiGetActualTarget, tuiPointToClientRect, tuiIsElement, tuiIsElementEditable, tuiIsHTMLElement, tuiIsTextNode, tuiIsTextfield } from '@taiga-ui/cdk/utils/dom';
 import { tuiClamp } from '@taiga-ui/cdk/utils/math';
-import { tuiPx, tuiSetSignal, tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TuiDriverDirective, TuiPositionAccessor, tuiFallbackAccessor, TuiRectAccessor, tuiAsVehicle, tuiPositionAccessorFor, tuiRectAccessorFor, tuiAsDriver, tuiAsRectAccessor, TuiDriver, tuiAsPositionAccessor } from '@taiga-ui/core/classes';
+import { tuiPx, tuiGenerateId, tuiSetSignal, tuiIsString } from '@taiga-ui/cdk/utils/miscellaneous';
 import { TuiScrollbar } from '@taiga-ui/core/components/scrollbar';
 import { TuiVisualViewportService, TuiPositionService } from '@taiga-ui/core/services';
 import { TUI_VIEWPORT, TUI_DARK_MODE, TUI_SELECTION_STREAM } from '@taiga-ui/core/tokens';
-import { PolymorpheusComponent, PolymorpheusTemplate, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { BehaviorSubject, Subject, distinctUntilChanged, throttleTime, takeWhile, map, merge, filter, EMPTY, switchMap, delay, startWith, takeUntil, fromEvent, of, tap, share, combineLatest } from 'rxjs';
-import { coerceArray } from '@angular/cdk/coercion';
-import { tuiZonefreeScheduler, tuiTypedFromEvent, tuiZoneOptimized, tuiIfMap, tuiCloseWatcher, tuiStopPropagation } from '@taiga-ui/cdk/observables';
-import { TuiPopupService } from '@taiga-ui/core/portals/popup';
-import { tuiCheckFixedPosition, tuiGetWordRange } from '@taiga-ui/core/utils/dom';
-import { tuiProvide, tuiCreateOptions, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/di';
 import { tuiOverrideOptions, tuiIsEditingKey } from '@taiga-ui/core/utils/miscellaneous';
-import { isPlatformBrowser, DOCUMENT } from '@angular/common';
-import { WA_IS_TOUCH } from '@ng-web-apis/platform';
+import { DOCUMENT, isPlatformBrowser } from '@angular/common';
 import * as i1$1 from '@taiga-ui/cdk/directives/obscured';
 import { TuiObscured } from '@taiga-ui/cdk/directives/obscured';
 import { tuiIsFocusable, tuiGetClosestFocusable, tuiIsFocusedIn, tuiGetFocused } from '@taiga-ui/cdk/utils/focus';
+import { WA_IS_TOUCH } from '@ng-web-apis/platform';
 
 class TuiDropdownDriver extends BehaviorSubject {
     constructor() {
         super(false);
         this.type = 'dropdown';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDriver }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDriver }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDriver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDriver, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 class TuiDropdownDriverDirective extends TuiDriverDirective {
@@ -43,19 +43,13 @@ class TuiDropdownDriverDirective extends TuiDriverDirective {
         super(...arguments);
         this.type = 'dropdown';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDriverDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownDriverDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDriverDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownDriverDirective, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDriverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDriverDirective, decorators: [{
             type: Directive
         }] });
 
-/**
- * A component to display a dropdown
- */
-const TUI_DROPDOWN_COMPONENT = new InjectionToken(ngDevMode ? 'TUI_DROPDOWN_COMPONENT' : '', { factory: () => TuiDropdownComponent });
-const TUI_DROPDOWN_CONTEXT = new InjectionToken(ngDevMode ? 'TUI_DROPDOWN_CONTEXT' : '');
-
 const TUI_DROPDOWN_DEFAULT_OPTIONS = {
     align: 'start',
     direction: null,
@@ -85,10 +79,10 @@ class TuiDropdownOptionsDirective {
         this.maxHeight = this.options.maxHeight;
         this.offset = this.options.offset;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownOptionsDirective, isStandalone: true, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: { align: ["tuiDropdownAlign", "align"], appearance: ["tuiDropdownAppearance", "appearance"], direction: ["tuiDropdownDirection", "direction"], limitWidth: ["tuiDropdownLimitWidth", "limitWidth"], minHeight: ["tuiDropdownMinHeight", "minHeight"], maxHeight: ["tuiDropdownMaxHeight", "maxHeight"], offset: ["tuiDropdownOffset", "offset"] }, providers: [tuiProvide(TUI_DROPDOWN_OPTIONS, TuiDropdownOptionsDirective)], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownOptionsDirective, isStandalone: true, selector: "[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: { align: ["tuiDropdownAlign", "align"], appearance: ["tuiDropdownAppearance", "appearance"], direction: ["tuiDropdownDirection", "direction"], limitWidth: ["tuiDropdownLimitWidth", "limitWidth"], minHeight: ["tuiDropdownMinHeight", "minHeight"], maxHeight: ["tuiDropdownMaxHeight", "maxHeight"], offset: ["tuiDropdownOffset", "offset"] }, providers: [tuiProvide(TUI_DROPDOWN_OPTIONS, TuiDropdownOptionsDirective)], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownOptionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownOptionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdownAlign], [tuiDropdownAppearance], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]',
@@ -170,86 +164,14 @@ class TuiDropdownPosition extends TuiPositionAccessor {
         }
         return align === 'end' ? 'right' : 'left';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownPosition, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownPosition, isStandalone: true, outputs: { tuiDropdownDirectionChange: "tuiDropdownDirectionChange" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownPosition, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownPosition, isStandalone: true, outputs: { tuiDropdownDirectionChange: "tuiDropdownDirectionChange" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownPosition, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownPosition, decorators: [{
             type: Directive
         }] });
 
-class TuiDropdownDirective {
-    constructor() {
-        this.refresh$ = new Subject();
-        this.service = inject(TuiPopupService);
-        this.cdr = inject(ChangeDetectorRef);
-        this.drivers = coerceArray(inject(TuiDropdownDriver, { self: true, optional: true }));
-        this.sub = this.refresh$
-            .pipe(throttleTime(0, tuiZonefreeScheduler()), takeUntilDestroyed())
-            .subscribe(() => {
-            this.ref()?.changeDetectorRef.detectChanges();
-            this.ref()?.changeDetectorRef.markForCheck();
-        });
-        this.autoClose = effect(() => {
-            if (!this.content()) {
-                this.toggle(false);
-            }
-        });
-        this.ref = signal(null);
-        this.el = tuiInjectElement();
-        this.type = 'dropdown';
-        this.component = new PolymorpheusComponent(inject(TUI_DROPDOWN_COMPONENT), inject(INJECTOR));
-        this.tuiDropdown = input();
-        this.content = computed((content = this.tuiDropdown()) => {
-            return content instanceof TemplateRef
-                ? new PolymorpheusTemplate(content, this.cdr)
-                : content;
-        });
-    }
-    get position() {
-        return tuiCheckFixedPosition(this.el) ? 'fixed' : 'absolute';
-    }
-    ngAfterViewChecked() {
-        this.refresh$.next();
-    }
-    ngOnDestroy() {
-        this.toggle(false);
-    }
-    getClientRect() {
-        return this.el.getBoundingClientRect();
-    }
-    toggle(show) {
-        const ref = this.ref();
-        if (show && this.content() && !ref) {
-            this.ref.set(this.service.add(this.component));
-        }
-        else if (!show && ref) {
-            this.ref.set(null);
-            ref.destroy();
-        }
-        // TODO: Remove in v5, only needed in Angular 16
-        this.cdr.markForCheck();
-        this.drivers.forEach((driver) => driver?.next(show));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiDropdownDirective, isStandalone: true, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: { tuiDropdown: { classPropertyName: "tuiDropdown", publicName: "tuiDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tui-dropdown-open": "ref()" } }, providers: [tuiAsVehicle(TuiDropdownDirective)], exportAs: ["tuiDropdown"], hostDirectives: [{ directive: TuiDropdownDriverDirective }, { directive: TuiDropdownPosition, outputs: ["tuiDropdownDirectionChange", "tuiDropdownDirectionChange"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[tuiDropdown]:not(ng-container):not(ng-template)',
-                    providers: [tuiAsVehicle(TuiDropdownDirective)],
-                    exportAs: 'tuiDropdown',
-                    hostDirectives: [
-                        TuiDropdownDriverDirective,
-                        {
-                            directive: TuiDropdownPosition,
-                            outputs: ['tuiDropdownDirectionChange'],
-                        },
-                    ],
-                    host: { '[class.tui-dropdown-open]': 'ref()' },
-                }]
-        }] });
-
+const MAX_WIDTH_GAP = 16; // 8px min gap from each side
 /**
  * @description:
  * This component is used to show template in a portal
@@ -283,6 +205,7 @@ class TuiDropdownComponent {
         const { left = 0, top = 0 } = this.position === 'fixed' ? {} : parent;
         const rect = this.accessor.getClientRect();
         const viewport = this.viewport.getClientRect();
+        const zoom = this.directive.el.currentCSSZoom || 1;
         const above = rect.top - viewport.top - 2 * offset;
         const below = viewport.top + viewport.height - y - offset;
         const available = y > rect.bottom ? below : above;
@@ -293,22 +216,22 @@ class TuiDropdownComponent {
         x -= left;
         return {
             position: this.position,
-            top: tuiPx(Math.round(Math.max(y, offset - top))),
-            left: tuiPx(Math.round(x)),
-            maxHeight: tuiPx(Math.round(height)),
-            width: limitWidth === 'fixed' ? tuiPx(Math.round(rect.width)) : '',
-            minWidth: limitWidth === 'min' ? tuiPx(Math.round(rect.width)) : '',
-            maxWidth: tuiPx(Math.round(viewport.width) - 16), // 8px min gap from each side
+            top: tuiPx(Math.round(Math.max(y, offset - top) / zoom)),
+            left: tuiPx(Math.round(x / zoom)),
+            maxHeight: tuiPx(Math.round(height / zoom)),
+            width: limitWidth === 'fixed' ? tuiPx(Math.round(rect.width / zoom)) : '',
+            minWidth: limitWidth === 'min' ? tuiPx(Math.round(rect.width / zoom)) : '',
+            maxWidth: tuiPx(Math.round(viewport.width / zoom) - MAX_WIDTH_GAP),
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownComponent, isStandalone: true, selector: "tui-dropdown", host: { properties: { "attr.data-appearance": "options.appearance", "attr.tuiTheme": "theme()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownComponent, isStandalone: true, selector: "tui-dropdown", host: { properties: { "attr.data-appearance": "options.appearance", "attr.tuiTheme": "theme()" } }, providers: [
             TuiPositionService,
             tuiPositionAccessorFor('dropdown', TuiDropdownPosition),
             tuiRectAccessorFor('dropdown', forwardRef(() => TuiDropdownDirective)),
         ], hostDirectives: [{ directive: i1.TuiActiveZone }, { directive: i2.TuiAnimated }], ngImport: i0, template: "<tui-scrollbar class=\"t-scroll\">\n    <div\n        *polymorpheusOutlet=\"directive.content() as text; context: {$implicit: close}\"\n        class=\"t-primitive\"\n    >\n        {{ text }}\n    </div>\n</tui-scrollbar>\n", styles: [":host{position:absolute;display:flex;box-shadow:var(--tui-shadow-medium);color:var(--tui-text-primary);background:var(--tui-background-elevation-3);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-border-normal);box-sizing:border-box;isolation:isolate;pointer-events:auto;--tui-from: translateY(-1rem)}:host:has(tui-data-list[data-size=l]){border-radius:var(--tui-radius-l)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:not([style*=top]){visibility:hidden}.t-scroll{flex-grow:1;max-inline-size:calc(100% + 2px);inline-size:max-content;overscroll-behavior:none;margin:-1px}.t-primitive{padding:1rem}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiScrollbar, selector: "tui-scrollbar" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tui-dropdown', imports: [PolymorpheusOutlet, TuiScrollbar], changeDetection: ChangeDetectionStrategy.Default, providers: [
                         TuiPositionService,
@@ -320,88 +243,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                     }, template: "<tui-scrollbar class=\"t-scroll\">\n    <div\n        *polymorpheusOutlet=\"directive.content() as text; context: {$implicit: close}\"\n        class=\"t-primitive\"\n    >\n        {{ text }}\n    </div>\n</tui-scrollbar>\n", styles: [":host{position:absolute;display:flex;box-shadow:var(--tui-shadow-medium);color:var(--tui-text-primary);background:var(--tui-background-elevation-3);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-border-normal);box-sizing:border-box;isolation:isolate;pointer-events:auto;--tui-from: translateY(-1rem)}:host:has(tui-data-list[data-size=l]){border-radius:var(--tui-radius-l)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:not([style*=top]){visibility:hidden}.t-scroll{flex-grow:1;max-inline-size:calc(100% + 2px);inline-size:max-content;overscroll-behavior:none;margin:-1px}.t-primitive{padding:1rem}\n"] }]
         }] });
 
-class TuiDropdownContent {
+/**
+ * A component to display a dropdown
+ */
+const TUI_DROPDOWN_COMPONENT = new InjectionToken(ngDevMode ? 'TUI_DROPDOWN_COMPONENT' : '', { factory: () => TuiDropdownComponent });
+const TUI_DROPDOWN_CONTEXT = new InjectionToken(ngDevMode ? 'TUI_DROPDOWN_CONTEXT' : '');
+const TUI_DROPDOWN_HOST = new InjectionToken(ngDevMode ? 'TUI_DROPDOWN_HOST' : '');
+
+class TuiDropdownA11y {
     constructor() {
-        this.directive = inject(TuiDropdownDirective);
-        tuiSetSignal(this.directive.tuiDropdown, inject(TemplateRef));
-        if (isPlatformBrowser(inject(PLATFORM_ID)) &&
-            this.directive.el.matches(':focus-within')) {
-            this.directive.toggle(true);
-        }
-    }
-    ngOnDestroy() {
-        tuiSetSignal(this.directive.tuiDropdown, null);
+        this.id = tuiGenerateId();
+        this.host = inject(TUI_DROPDOWN_HOST);
+        this.dropdown = inject(TuiDropdownDirective);
+        this.tuiDropdownRole = input('listbox');
+        this.sync = effect(() => {
+            const content = this.dropdown.content();
+            const dropdown = this.dropdown.ref();
+            const host = this.host.nativeElement;
+            host.setAttribute('aria-expanded', String(!!dropdown));
+            host.setAttribute('aria-controls', this.id);
+            host.setAttribute('aria-haspopup', this.tuiDropdownRole());
+            dropdown?.location.nativeElement.setAttribute('id', this.id);
+            dropdown?.location.nativeElement.setAttribute('role', this.tuiDropdownRole());
+            if (content) {
+                return;
+            }
+            host.removeAttribute('aria-expanded');
+            host.removeAttribute('aria-controls');
+            host.removeAttribute('aria-haspopup');
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownContent, isStandalone: true, selector: "ng-template[tuiDropdown]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownA11y, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiDropdownA11y, isStandalone: true, selector: "[tuiDropdownA11y]", inputs: { tuiDropdownRole: { classPropertyName: "tuiDropdownRole", publicName: "tuiDropdownRole", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownA11y, decorators: [{
             type: Directive,
-            args: [{ selector: 'ng-template[tuiDropdown]' }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: '[tuiDropdownA11y]' }]
+        }] });
 
-class TuiDropdownContext extends TuiRectAccessor {
+class TuiDropdownDirective {
     constructor() {
-        super(...arguments);
-        this.isTouch = inject(WA_IS_TOUCH);
-        this.currentRect = EMPTY_CLIENT_RECT;
-        this.userSelect = computed(() => (this.isTouch() ? 'none' : null));
-        this.activeZone = inject(TuiActiveZone);
-        this.driver = inject(TuiDropdownDriver);
-        this.doc = inject(DOCUMENT);
-        this.sub = merge(tuiTypedFromEvent(this.doc, 'pointerdown'), tuiTypedFromEvent(this.doc, 'keydown').pipe(filter(({ key }) => key === 'Escape')), tuiTypedFromEvent(this.doc, 'contextmenu', { capture: true }))
-            .pipe(filter((event) => this.driver.value &&
-            !this.activeZone.contains(tuiGetActualTarget(event))), tuiZoneOptimized(), takeUntilDestroyed())
+        this.refresh$ = new Subject();
+        this.service = inject(TuiPopupService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.drivers = coerceArray(inject(TuiDropdownDriver, { self: true, optional: true }));
+        this.sub = this.refresh$
+            .pipe(throttleTime(0, tuiZonefreeScheduler()), takeUntilDestroyed())
             .subscribe(() => {
-            this.driver.next(false);
-            this.currentRect = EMPTY_CLIENT_RECT;
+            this.ref()?.changeDetectorRef.detectChanges();
+            this.ref()?.changeDetectorRef.markForCheck();
+        });
+        this.autoClose = effect(() => {
+            if (!this.content()) {
+                this.toggle(false);
+            }
         });
+        this.ref = signal(null);
+        this.el = tuiInjectElement();
         this.type = 'dropdown';
+        this.component = new PolymorpheusComponent(inject(TUI_DROPDOWN_COMPONENT), inject(INJECTOR));
+        this.content = input(null, {
+            alias: 'tuiDropdown',
+            transform: (content) => content instanceof TemplateRef
+                ? new PolymorpheusTemplate(content, this.cdr)
+                : content,
+        });
+    }
+    get position() {
+        return tuiCheckFixedPosition(this.el) ? 'fixed' : 'absolute';
+    }
+    ngAfterViewChecked() {
+        if (this.ref()) {
+            this.refresh$.next();
+        }
+    }
+    ngOnDestroy() {
+        this.toggle(false);
     }
     getClientRect() {
-        return this.currentRect;
+        return this.el.getBoundingClientRect();
     }
-    onContextMenu(x, y) {
-        this.currentRect = tuiPointToClientRect(x, y);
-        this.driver.next(true);
+    toggle(show) {
+        const ref = this.ref();
+        if (show && this.content() && !ref) {
+            this.ref.set(this.service.add(this.component));
+        }
+        else if (!show && ref) {
+            this.ref.set(null);
+            ref.destroy();
+        }
+        this.drivers.forEach((driver) => driver?.next(show));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownContext, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownContext, isStandalone: true, selector: "[tuiDropdownContext]", host: { listeners: { "longtap": "onContextMenu($event.detail.clientX, $event.detail.clientY)" }, properties: { "style.user-select": "userSelect()", "style.-webkit-user-select": "userSelect()", "style.-webkit-touch-callout": "userSelect()" } }, providers: [
-            TuiActiveZone,
-            TuiDropdownDriver,
-            tuiAsDriver(TuiDropdownDriver),
-            tuiAsRectAccessor(TuiDropdownContext),
-        ], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiDropdownDirective, isStandalone: true, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: { content: { classPropertyName: "content", publicName: "tuiDropdown", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.tui-dropdown-open": "ref()" } }, providers: [
+            tuiAsVehicle(TuiDropdownDirective),
+            tuiProvide(TUI_DROPDOWN_HOST, ElementRef),
+        ], exportAs: ["tuiDropdown"], hostDirectives: [{ directive: TuiDropdownDriverDirective }, { directive: TuiDropdownA11y, inputs: ["tuiDropdownRole", "tuiDropdownRole"] }, { directive: TuiDropdownPosition, outputs: ["tuiDropdownDirectionChange", "tuiDropdownDirectionChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownContext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[tuiDropdownContext]',
+                    selector: '[tuiDropdown]:not(ng-container):not(ng-template)',
                     providers: [
-                        TuiActiveZone,
-                        TuiDropdownDriver,
-                        tuiAsDriver(TuiDropdownDriver),
-                        tuiAsRectAccessor(TuiDropdownContext),
+                        tuiAsVehicle(TuiDropdownDirective),
+                        tuiProvide(TUI_DROPDOWN_HOST, ElementRef),
                     ],
-                    host: {
-                        '[style.user-select]': 'userSelect()',
-                        '[style.-webkit-user-select]': 'userSelect()',
-                        '[style.-webkit-touch-callout]': 'userSelect()',
-                        '(longtap)': 'onContextMenu($event.detail.clientX, $event.detail.clientY)',
-                    },
+                    exportAs: 'tuiDropdown',
+                    hostDirectives: [
+                        TuiDropdownDriverDirective,
+                        { directive: TuiDropdownA11y, inputs: ['tuiDropdownRole'] },
+                        {
+                            directive: TuiDropdownPosition,
+                            outputs: ['tuiDropdownDirectionChange'],
+                        },
+                    ],
+                    host: { '[class.tui-dropdown-open]': 'ref()' },
                 }]
         }] });
 
-/** Default values for hint options */
-const TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS = {
-    showDelay: 200,
-    hideDelay: 500,
-};
-/**
- * Default parameters for dropdown hover directive
- */
-const [TUI_DROPDOWN_HOVER_OPTIONS, tuiDropdownHoverOptionsProvider] = tuiCreateOptions(TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS);
-
 class TuiDropdownClose {
     constructor() {
         this.el = tuiInjectElement();
@@ -409,8 +368,7 @@ class TuiDropdownClose {
         this.open = inject(TuiDropdownOpen);
         this.obscured = inject(TuiObscured);
         this.activeZone = inject(TuiActiveZone);
-        this.tuiDropdownClose = outputFromObservable(merge(inject(TuiDropdownDriver).pipe(tuiIfMap(() => merge(tuiCloseWatcher(), this.obscured.tuiObscured$.pipe(filter(Boolean)), this.activeZone.tuiActiveZoneChange.pipe(filter((a) => !a)), tuiTypedFromEvent(this.el, 'focusin').pipe(filter((event) => !this.open.host.contains(tuiGetActualTarget(event)) ||
-            !this.ref()))))), 
+        this.tuiDropdownClose = outputFromObservable(merge(inject(TuiDropdownDriver).pipe(tuiIfMap(() => merge(tuiCloseWatcher(), this.obscured.tuiObscured$.pipe(filter(Boolean)), this.activeZone.tuiActiveZoneChange.pipe(filter((a) => !a)), tuiTypedFromEvent(this.el, 'focusin').pipe(filter((event) => !this.open.nativeElement.contains(tuiGetActualTarget(event)) || !this.ref()))))), 
         // @ts-ignore
         typeof CloseWatcher === 'undefined'
             ? tuiTypedFromEvent(inject(DOCUMENT), 'keydown', { capture: true }).pipe(filter(({ key }) => key === 'Escape' &&
@@ -418,10 +376,10 @@ class TuiDropdownClose {
                 !this.ref()?.location.nativeElement?.nextElementSibling), tuiStopPropagation())
             : EMPTY));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownClose, isStandalone: true, outputs: { tuiDropdownClose: "tuiDropdownClose" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownClose, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownClose, isStandalone: true, outputs: { tuiDropdownClose: "tuiDropdownClose" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownClose, decorators: [{
             type: Directive
         }] });
 
@@ -446,7 +404,7 @@ class TuiDropdownOpen {
             .pipe(takeUntilDestroyed())
             .subscribe((event) => this.onKeydown(event));
     }
-    get host() {
+    get nativeElement() {
         const initial = this.dropdownHost()?.nativeElement || this.el;
         const focusable = tuiIsFocusable(initial)
             ? initial
@@ -455,18 +413,18 @@ class TuiDropdownOpen {
     }
     toggle(open) {
         if (this.focused && !open) {
-            this.host.focus({ preventScroll: true });
+            this.nativeElement.focus({ preventScroll: true });
         }
         this.update(open);
     }
     onClick(target) {
-        if (!this.editable && this.host.contains(target)) {
+        if (!this.editable && this.nativeElement.contains(target)) {
             this.update(!this.open());
         }
     }
     onArrow(event, up) {
         if (!tuiIsElement(event.target) ||
-            !this.host.contains(event.target) ||
+            !this.nativeElement.contains(event.target) ||
             !this.enabled() ||
             !this.directive.content()) {
             return;
@@ -475,10 +433,10 @@ class TuiDropdownOpen {
         this.focusDropdown(up);
     }
     get editable() {
-        return tuiIsElementEditable(this.host);
+        return tuiIsElementEditable(this.nativeElement);
     }
     get focused() {
-        return tuiIsFocusedIn(this.host) || tuiIsFocusedIn(this.dropdown());
+        return tuiIsFocusedIn(this.nativeElement) || tuiIsFocusedIn(this.dropdown());
     }
     onKeydown(event) {
         const target = tuiGetActualTarget(event);
@@ -488,7 +446,7 @@ class TuiDropdownOpen {
             this.focused &&
             tuiIsHTMLElement(target) &&
             !tuiIsElementEditable(target)) {
-            this.host.focus({ preventScroll: true });
+            this.nativeElement.focus({ preventScroll: true });
         }
     }
     update(open) {
@@ -515,20 +473,25 @@ class TuiDropdownOpen {
         child.remove();
         focusable?.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownOpen, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.18", type: TuiDropdownOpen, isStandalone: true, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: { enabled: { classPropertyName: "enabled", publicName: "tuiDropdownEnabled", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "tuiDropdownOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "tuiDropdownOpenChange" }, host: { listeners: { "click": "onClick($event.target)", "keydown.arrowDown": "onArrow($event, false)", "keydown.arrowUp": "onArrow($event, true)", "tuiActiveZoneChange": "0", "tuiDropdownClose": "toggle(false)" } }, providers: [TuiDropdownDriver, tuiAsDriver(TuiDropdownDriver)], queries: [{ propertyName: "dropdownHost", first: true, predicate: ["tuiDropdownHost"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiObscured }, { directive: TuiDropdownClose, outputs: ["tuiDropdownClose", "tuiDropdownClose"] }, { directive: i1.TuiActiveZone, inputs: ["tuiActiveZoneParent", "tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange", "tuiActiveZoneChange"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownOpen, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.19", type: TuiDropdownOpen, isStandalone: true, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: { enabled: { classPropertyName: "enabled", publicName: "tuiDropdownEnabled", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "tuiDropdownOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "tuiDropdownOpenChange" }, host: { listeners: { "click": "onClick($event.target)", "keydown.arrowDown": "onArrow($event, false)", "keydown.arrowUp": "onArrow($event, true)", "tuiActiveZoneChange": "0", "tuiDropdownClose": "toggle(false)" } }, providers: [
+            TuiDropdownDriver,
+            tuiAsDriver(TuiDropdownDriver),
+            tuiProvide(TUI_DROPDOWN_HOST, TuiDropdownOpen),
+        ], queries: [{ propertyName: "dropdownHost", first: true, predicate: ["tuiDropdownHost"], descendants: true, read: ElementRef, isSignal: true }], hostDirectives: [{ directive: i1$1.TuiObscured }, { directive: TuiDropdownClose, outputs: ["tuiDropdownClose", "tuiDropdownClose"] }, { directive: i1.TuiActiveZone, inputs: ["tuiActiveZoneParent", "tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange", "tuiActiveZoneChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownOpen, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownOpen, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]',
-                    providers: [TuiDropdownDriver, tuiAsDriver(TuiDropdownDriver)],
+                    providers: [
+                        TuiDropdownDriver,
+                        tuiAsDriver(TuiDropdownDriver),
+                        tuiProvide(TUI_DROPDOWN_HOST, TuiDropdownOpen),
+                    ],
                     hostDirectives: [
                         TuiObscured,
-                        {
-                            directive: TuiDropdownClose,
-                            outputs: ['tuiDropdownClose'],
-                        },
+                        { directive: TuiDropdownClose, outputs: ['tuiDropdownClose'] },
                         {
                             directive: TuiActiveZone,
                             inputs: ['tuiActiveZoneParent'],
@@ -546,6 +509,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }] });
 
+function tuiDropdown(value) {
+    return tuiDirectiveBinding(TuiDropdownDirective, 'content', value, {});
+}
+function tuiDropdownEnabled(value) {
+    return tuiDirectiveBinding(TuiDropdownOpen, 'enabled', value, {});
+}
+
+class TuiDropdownContent {
+    constructor() {
+        this.directive = inject(TuiDropdownDirective);
+        tuiSetSignal(this.directive.content, inject(TemplateRef));
+        if (isPlatformBrowser(inject(PLATFORM_ID)) &&
+            this.directive.el.matches(':focus-within')) {
+            this.directive.toggle(true);
+        }
+    }
+    ngOnDestroy() {
+        tuiSetSignal(this.directive.content, null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownContent, isStandalone: true, selector: "ng-template[tuiDropdown]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownContent, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[tuiDropdown]' }]
+        }], ctorParameters: () => [] });
+
+class TuiDropdownContext extends TuiRectAccessor {
+    constructor() {
+        super(...arguments);
+        this.isTouch = inject(WA_IS_TOUCH);
+        this.currentRect = EMPTY_CLIENT_RECT;
+        this.userSelect = computed(() => (this.isTouch() ? 'none' : null));
+        this.activeZone = inject(TuiActiveZone);
+        this.driver = inject(TuiDropdownDriver);
+        this.doc = inject(DOCUMENT);
+        this.sub = merge(tuiTypedFromEvent(this.doc, 'pointerdown'), tuiTypedFromEvent(this.doc, 'keydown').pipe(filter(({ key }) => key === 'Escape')), tuiTypedFromEvent(this.doc, 'contextmenu', { capture: true }))
+            .pipe(filter((event) => this.driver.value &&
+            !this.activeZone.contains(tuiGetActualTarget(event))), tuiZoneOptimized(), takeUntilDestroyed())
+            .subscribe(() => {
+            this.driver.next(false);
+            this.currentRect = EMPTY_CLIENT_RECT;
+        });
+        this.type = 'dropdown';
+    }
+    getClientRect() {
+        return this.currentRect;
+    }
+    onContextMenu(x, y) {
+        this.currentRect = tuiPointToClientRect(x, y);
+        this.driver.next(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownContext, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownContext, isStandalone: true, selector: "[tuiDropdownContext]", host: { listeners: { "longtap": "onContextMenu($event.detail.clientX, $event.detail.clientY)" }, properties: { "style.user-select": "userSelect()", "style.-webkit-user-select": "userSelect()", "style.-webkit-touch-callout": "userSelect()" } }, providers: [
+            TuiActiveZone,
+            TuiDropdownDriver,
+            tuiAsDriver(TuiDropdownDriver),
+            tuiAsRectAccessor(TuiDropdownContext),
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiDropdownContext]',
+                    providers: [
+                        TuiActiveZone,
+                        TuiDropdownDriver,
+                        tuiAsDriver(TuiDropdownDriver),
+                        tuiAsRectAccessor(TuiDropdownContext),
+                    ],
+                    host: {
+                        '[style.user-select]': 'userSelect()',
+                        '[style.-webkit-user-select]': 'userSelect()',
+                        '[style.-webkit-touch-callout]': 'userSelect()',
+                        '(longtap)': 'onContextMenu($event.detail.clientX, $event.detail.clientY)',
+                    },
+                }]
+        }] });
+
+/** Default values for hint options */
+const TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS = {
+    showDelay: 200,
+    hideDelay: 500,
+};
+/**
+ * Default parameters for dropdown hover directive
+ */
+const [TUI_DROPDOWN_HOVER_OPTIONS, tuiDropdownHoverOptionsProvider] = tuiCreateOptions(TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS);
+
 class TuiDropdownHover extends TuiDriver {
     constructor() {
         super((subscriber) => this.stream$.subscribe(subscriber));
@@ -564,7 +616,7 @@ class TuiDropdownHover extends TuiDriver {
          * Dropdown can be removed not only via click/touch –
          * swipe on mobile devices removes dropdown sheet without triggering new mouseover / mouseout events.
          */
-        toObservable(inject(TuiDropdownDirective).ref).pipe(filter((x) => !x && this.hovered), switchMap(() => tuiTypedFromEvent(this.doc, 'pointerdown').pipe(map(tuiGetActualTarget), delay(this.tuiDropdownHideDelay()), startWith(null), takeUntil(fromEvent(this.doc, 'mouseover'))))), tuiTypedFromEvent(this.doc, 'mouseover').pipe(map(tuiGetActualTarget)), tuiTypedFromEvent(this.doc, 'mouseout').pipe(map((e) => e.relatedTarget))).pipe(map((element) => tuiIsElement(element) && this.isHovered(element)), distinctUntilChanged(), switchMap((v) => of(v).pipe(delay(v ? this.tuiDropdownShowDelay() : this.tuiDropdownHideDelay()))), tuiZoneOptimized(), tap((hovered) => {
+        toObservable(inject(TuiDropdownDirective).ref).pipe(filter((x) => !x && this.hovered), switchMap(() => tuiTypedFromEvent(this.doc, 'pointerdown').pipe(map(tuiGetActualTarget), delay(this.tuiDropdownHideDelay()), startWith(null), takeUntil(fromEvent(this.doc, 'mouseover'))))), tuiTypedFromEvent(this.doc, 'mouseover').pipe(map(tuiGetActualTarget)), tuiTypedFromEvent(this.doc, 'mouseout').pipe(map((e) => e.relatedTarget))).pipe(map((element) => tuiIsElement(element) && this.isHovered(element)), distinctUntilChanged(), switchMap((v) => of(v).pipe(delay(v ? this.tuiDropdownShowDelay() : this.tuiDropdownHideDelay()), takeUntil(this.open ? fromEvent(this.el, 'pointerdown') : EMPTY))), tuiZoneOptimized(), tap((hovered) => {
             this.hovered = hovered;
             this.open?.toggle(hovered);
         }), share());
@@ -583,10 +635,10 @@ class TuiDropdownHover extends TuiDriver {
         const child = !this.el.contains(element) && this.activeZone.contains(element);
         return hovered || child;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.18", type: TuiDropdownHover, isStandalone: true, selector: "[tuiDropdownHover]", inputs: { tuiDropdownShowDelay: { classPropertyName: "tuiDropdownShowDelay", publicName: "tuiDropdownShowDelay", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownHideDelay: { classPropertyName: "tuiDropdownHideDelay", publicName: "tuiDropdownHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click.capture": "onClick($event)" } }, providers: [TuiActiveZone, tuiAsDriver(TuiDropdownHover)], queries: [{ propertyName: "dropdownHost", first: true, predicate: ["tuiDropdownHost"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.19", type: TuiDropdownHover, isStandalone: true, selector: "[tuiDropdownHover]", inputs: { tuiDropdownShowDelay: { classPropertyName: "tuiDropdownShowDelay", publicName: "tuiDropdownShowDelay", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownHideDelay: { classPropertyName: "tuiDropdownHideDelay", publicName: "tuiDropdownHideDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click.capture": "onClick($event)" } }, providers: [TuiActiveZone, tuiAsDriver(TuiDropdownHover)], queries: [{ propertyName: "dropdownHost", first: true, predicate: ["tuiDropdownHost"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownHover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownHover, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdownHover]',
@@ -595,6 +647,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+class TuiDropdownFixed {
+    constructor() {
+        const override = tuiOverrideOptions({ limitWidth: 'fixed' }, TUI_DROPDOWN_DEFAULT_OPTIONS);
+        override(inject(TUI_DROPDOWN_OPTIONS, { self: true, optional: true }), null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownFixed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownFixed, isStandalone: true, providers: [tuiDropdownOptionsProvider({})], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownFixed, decorators: [{
+            type: Directive,
+            args: [{ providers: [tuiDropdownOptionsProvider({})] }]
+        }], ctorParameters: () => [] });
+class TuiDropdownAuto {
+    constructor() {
+        /**
+         * Update directive props with new defaults before inputs are processed
+         * TODO: find better way to override TuiDropdownFixed host directive from parent component
+         */
+        inject(TUI_DROPDOWN_OPTIONS).limitWidth = 'auto';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownAuto, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiDropdownAuto, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownAuto, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
 class TuiDropdownManual {
     constructor() {
         this.driver = inject(TuiDropdownDriver);
@@ -603,10 +682,10 @@ class TuiDropdownManual {
     ngOnChanges() {
         this.driver.next(!!this.tuiDropdownManual());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownManual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiDropdownManual, isStandalone: true, selector: "[tuiDropdownManual]", inputs: { tuiDropdownManual: { classPropertyName: "tuiDropdownManual", publicName: "tuiDropdownManual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TuiDropdownDriver, tuiAsDriver(TuiDropdownDriver)], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownManual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiDropdownManual, isStandalone: true, selector: "[tuiDropdownManual]", inputs: { tuiDropdownManual: { classPropertyName: "tuiDropdownManual", publicName: "tuiDropdownManual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TuiDropdownDriver, tuiAsDriver(TuiDropdownDriver)], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownManual, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownManual, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdownManual]',
@@ -659,10 +738,10 @@ class TuiDropdownPositionSided extends TuiPositionAccessor {
         this.vertical.direction.next(better);
         return [left, position[better]];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownPositionSided, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiDropdownPositionSided, isStandalone: true, selector: "[tuiDropdownSided]", inputs: { tuiDropdownSided: { classPropertyName: "tuiDropdownSided", publicName: "tuiDropdownSided", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownSidedOffset: { classPropertyName: "tuiDropdownSidedOffset", publicName: "tuiDropdownSidedOffset", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TuiDropdownPosition, tuiAsPositionAccessor(TuiDropdownPositionSided)], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownPositionSided, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiDropdownPositionSided, isStandalone: true, selector: "[tuiDropdownSided]", inputs: { tuiDropdownSided: { classPropertyName: "tuiDropdownSided", publicName: "tuiDropdownSided", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownSidedOffset: { classPropertyName: "tuiDropdownSidedOffset", publicName: "tuiDropdownSidedOffset", isSignal: true, isRequired: false, transformFunction: null } }, providers: [TuiDropdownPosition, tuiAsPositionAccessor(TuiDropdownPositionSided)], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownPositionSided, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownPositionSided, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdownSided]',
@@ -683,13 +762,20 @@ class TuiDropdownSelection extends TuiDriver {
             inject(TUI_SELECTION_STREAM).pipe(map(() => this.getRange()), filter((range) => this.isValid(range)), distinctUntilChanged((x, y) => x.startOffset === y.startOffset &&
                 x.endOffset === y.endOffset &&
                 x.commonAncestorContainer === y.commonAncestorContainer)),
-        ]).pipe(map(([handler, range]) => {
-            const contained = this.el.contains(range.commonAncestorContainer);
+            merge(fromEvent(this.el, 'scroll', { passive: true, capture: true })).pipe(throttleTime(16, undefined, { leading: false, trailing: true }), startWith(0)),
+        ]).pipe(tap(([, range]) => {
             this.range =
-                contained && tuiIsTextNode(range.commonAncestorContainer)
+                this.el.contains(range.commonAncestorContainer) &&
+                    tuiIsTextNode(range.commonAncestorContainer)
                     ? range
                     : this.range;
-            return (contained && handler(this.range)) || this.inDropdown(range);
+        }), map(([handler, range]) => {
+            const contained = this.el.contains(range.commonAncestorContainer);
+            const valid = contained && handler(this.range);
+            const visible = valid || this.inDropdown(range);
+            const active = tuiGetFocused(this.doc);
+            const textfield = active && tuiIsTextfield(active) && this.el.contains(active);
+            return visible && textfield ? this.isCaretVisible(this.range) : visible;
         }));
         this.range = isPlatformBrowser(inject(PLATFORM_ID))
             ? new Range()
@@ -790,13 +876,25 @@ class TuiDropdownSelection extends TuiDriver {
         this.ghost = ghost;
         return ghost;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiDropdownSelection, isStandalone: true, selector: "[tuiDropdownSelection]", inputs: { tuiDropdownSelection: { classPropertyName: "tuiDropdownSelection", publicName: "tuiDropdownSelection", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownSelectionPosition: { classPropertyName: "tuiDropdownSelectionPosition", publicName: "tuiDropdownSelectionPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    isCaretVisible(range) {
+        const caret = range.getBoundingClientRect();
+        const host = this.ghostHost.getBoundingClientRect();
+        const styles = getComputedStyle(this.ghostHost);
+        const fontSize = parseFloat(styles.fontSize) || 16;
+        const lineHeight = parseFloat(styles.lineHeight) || fontSize * 1.2;
+        const visibleTop = Math.max(caret.top, host.top);
+        const visibleBottom = Math.min(caret.bottom, host.bottom);
+        const visibleHeight = Math.max(0, visibleBottom - visibleTop);
+        const threshold = lineHeight * 0.5;
+        return visibleHeight >= threshold;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.19", type: TuiDropdownSelection, isStandalone: true, selector: "[tuiDropdownSelection]", inputs: { tuiDropdownSelection: { classPropertyName: "tuiDropdownSelection", publicName: "tuiDropdownSelection", isSignal: true, isRequired: false, transformFunction: null }, tuiDropdownSelectionPosition: { classPropertyName: "tuiDropdownSelectionPosition", publicName: "tuiDropdownSelectionPosition", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             tuiAsDriver(TuiDropdownSelection),
             tuiAsRectAccessor(TuiDropdownSelection),
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownSelection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiDropdownSelection, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tuiDropdownSelection]',
@@ -807,11 +905,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+class TuiWithDropdownOpen {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiWithDropdownOpen, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: TuiWithDropdownOpen, isStandalone: true, hostDirectives: [{ directive: TuiDropdownOpen, inputs: ["tuiDropdownOpen", "open", "tuiDropdownEnabled", "tuiDropdownEnabled"], outputs: ["tuiDropdownOpenChange", "openChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: TuiWithDropdownOpen, decorators: [{
+            type: Directive,
+            args: [{
+                    hostDirectives: [
+                        {
+                            directive: TuiDropdownOpen,
+                            inputs: ['tuiDropdownOpen: open', 'tuiDropdownEnabled'],
+                            outputs: ['tuiDropdownOpenChange: openChange'],
+                        },
+                    ],
+                }]
+        }] });
+
 const TuiDropdown = [
     TuiDropdownOptionsDirective,
     TuiDropdownDriverDirective,
     TuiDropdownDirective,
     TuiDropdownComponent,
+    TuiDropdownA11y,
     TuiDropdownOpen,
     TuiDropdownManual,
     TuiDropdownHover,
@@ -822,60 +938,9 @@ const TuiDropdown = [
     TuiDropdownSelection,
 ];
 
-function tuiDropdown(value) {
-    return tuiDirectiveBinding(TuiDropdownDirective, 'tuiDropdown', value, {});
-}
-function tuiDropdownEnabled(value) {
-    return tuiDirectiveBinding(TuiDropdownOpen, 'enabled', value, {});
-}
-
-class TuiDropdownFixed {
-    constructor() {
-        const override = tuiOverrideOptions({ limitWidth: 'fixed' }, TUI_DROPDOWN_DEFAULT_OPTIONS);
-        override(inject(TUI_DROPDOWN_OPTIONS, { self: true, optional: true }), null);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownFixed, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownFixed, isStandalone: true, providers: [tuiDropdownOptionsProvider({})], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownFixed, decorators: [{
-            type: Directive,
-            args: [{ providers: [tuiDropdownOptionsProvider({})] }]
-        }], ctorParameters: () => [] });
-class TuiDropdownAuto {
-    constructor() {
-        /**
-         * Update directive props with new defaults before inputs are processed
-         * TODO: find better way to override TuiDropdownFixed host directive from parent component
-         */
-        inject(TUI_DROPDOWN_OPTIONS).limitWidth = 'auto';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownAuto, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiDropdownAuto, isStandalone: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiDropdownAuto, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [] });
-
-class TuiWithDropdownOpen {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiWithDropdownOpen, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: TuiWithDropdownOpen, isStandalone: true, hostDirectives: [{ directive: TuiDropdownOpen, inputs: ["tuiDropdownOpen", "open", "tuiDropdownEnabled", "tuiDropdownEnabled"], outputs: ["tuiDropdownOpenChange", "openChange"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiWithDropdownOpen, decorators: [{
-            type: Directive,
-            args: [{
-                    hostDirectives: [
-                        {
-                            directive: TuiDropdownOpen,
-                            inputs: ['tuiDropdownOpen: open', 'tuiDropdownEnabled'],
-                            outputs: ['tuiDropdownOpenChange: openChange'],
-                        },
-                    ],
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TUI_DROPDOWN_COMPONENT, TUI_DROPDOWN_CONTEXT, TUI_DROPDOWN_DEFAULT_OPTIONS, TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS, TUI_DROPDOWN_HOVER_OPTIONS, TUI_DROPDOWN_OPTIONS, TuiDropdown, TuiDropdownAuto, TuiDropdownClose, TuiDropdownComponent, TuiDropdownContent, TuiDropdownContext, TuiDropdownDirective, TuiDropdownDriver, TuiDropdownDriverDirective, TuiDropdownFixed, TuiDropdownHover, TuiDropdownManual, TuiDropdownOpen, TuiDropdownOptionsDirective, TuiDropdownPosition, TuiDropdownPositionSided, TuiDropdownSelection, TuiWithDropdownOpen, tuiDropdown, tuiDropdownEnabled, tuiDropdownHoverOptionsProvider, tuiDropdownOptionsProvider };
+export { TUI_DROPDOWN_COMPONENT, TUI_DROPDOWN_CONTEXT, TUI_DROPDOWN_DEFAULT_OPTIONS, TUI_DROPDOWN_HOST, TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS, TUI_DROPDOWN_HOVER_OPTIONS, TUI_DROPDOWN_OPTIONS, TuiDropdown, TuiDropdownA11y, TuiDropdownAuto, TuiDropdownClose, TuiDropdownComponent, TuiDropdownContent, TuiDropdownContext, TuiDropdownDirective, TuiDropdownDriver, TuiDropdownDriverDirective, TuiDropdownFixed, TuiDropdownHover, TuiDropdownManual, TuiDropdownOpen, TuiDropdownOptionsDirective, TuiDropdownPosition, TuiDropdownPositionSided, TuiDropdownSelection, TuiWithDropdownOpen, tuiDropdown, tuiDropdownEnabled, tuiDropdownHoverOptionsProvider, tuiDropdownOptionsProvider };
 //# sourceMappingURL=taiga-ui-core-portals-dropdown.mjs.map