@taiga-ui/core 3.32.0-dev.main-8ee86e5 → 3.33.0

package/bundles/taiga-ui-core-components-root.umd.js

@@ -368,7 +368,7 @@
         return TuiRootComponent;
     }());
     TuiRootComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiRootComponent, deps: [{ token: tokens.TUI_ANIMATIONS_DURATION }, { token: i3.TUI_DIALOGS }, { token: i3.TUI_IS_MOBILE }, { token: tokens.TUI_IS_MOBILE_RES }, { token: i3.TUI_IS_IOS }, { token: i3.TUI_IS_ANDROID }, { token: i5.DOCUMENT }, { token: tokens.TUI_THEME }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TuiRootComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiRootComponent, selector: "tui-root", host: { attributes: { "data-tui-version": "3.32.0" }, listeners: { "$.class._mobile": "isMobileRes$" }, properties: { "style.--tui-duration.ms": "duration", "class._ios": "isIOS", "class._android": "isAndroid" } }, providers: [providers.TUI_IS_MOBILE_RES_PROVIDER], ngImport: i0__namespace, template: "<tui-scroll-controls\n    *ngIf=\"scrollbars$ | async\"\n    class=\"t-root-scrollbar\"\n></tui-scroll-controls>\n<tui-svg-defs-host></tui-svg-defs-host>\n<tui-dropdown-host>\n    <div class=\"t-root-content\">\n        <ng-content></ng-content>\n    </div>\n    <ng-content select=\"tuiOverContent\"></ng-content>\n    <tui-dialog-host></tui-dialog-host>\n    <ng-content select=\"tuiOverDialogs\"></ng-content>\n    <tui-alert-host></tui-alert-host>\n    <ng-content select=\"tuiOverAlerts\"></ng-content>\n</tui-dropdown-host>\n<ng-content select=\"tuiOverPortals\"></ng-content>\n<tui-hints-host></tui-hints-host>\n<ng-content select=\"tuiOverHints\"></ng-content>\n", styles: ["@keyframes tuiPresent{to{content:\"1\"}}html,.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}body{font:var(--tui-font-text-s);color:var(--tui-text-01);margin:0}tui-root{position:relative;display:block;flex:1;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;margin:0}.t-root-content{position:relative;z-index:0;height:100%}\n"], components: [{ type: i1__namespace.TuiScrollControlsComponent, selector: "tui-scroll-controls" }, { type: i2__namespace.TuiSvgDefsHostComponent, selector: "tui-svg-defs-host" }, { type: i3__namespace.TuiDropdownHostComponent, selector: "tui-dropdown-host" }, { type: i3__namespace.TuiDialogHostComponent, selector: "tui-dialog-host" }, { type: i3__namespace.TuiAlertHostComponent, selector: "tui-alert-host" }, { type: i4__namespace.TuiHintsHostComponent, selector: "tui-hints-host" }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
+    TuiRootComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiRootComponent, selector: "tui-root", host: { attributes: { "data-tui-version": "3.33.0" }, listeners: { "$.class._mobile": "isMobileRes$" }, properties: { "style.--tui-duration.ms": "duration", "class._ios": "isIOS", "class._android": "isAndroid" } }, providers: [providers.TUI_IS_MOBILE_RES_PROVIDER], ngImport: i0__namespace, template: "<tui-scroll-controls\n    *ngIf=\"scrollbars$ | async\"\n    class=\"t-root-scrollbar\"\n></tui-scroll-controls>\n<tui-svg-defs-host></tui-svg-defs-host>\n<tui-dropdown-host>\n    <div class=\"t-root-content\">\n        <ng-content></ng-content>\n    </div>\n    <ng-content select=\"tuiOverContent\"></ng-content>\n    <tui-dialog-host></tui-dialog-host>\n    <ng-content select=\"tuiOverDialogs\"></ng-content>\n    <tui-alert-host></tui-alert-host>\n    <ng-content select=\"tuiOverAlerts\"></ng-content>\n</tui-dropdown-host>\n<ng-content select=\"tuiOverPortals\"></ng-content>\n<tui-hints-host></tui-hints-host>\n<ng-content select=\"tuiOverHints\"></ng-content>\n", styles: ["@keyframes tuiPresent{to{content:\"1\"}}html,.tui-zero-scrollbar{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,.tui-zero-scrollbar::-webkit-scrollbar,html::-webkit-scrollbar-thumb,.tui-zero-scrollbar::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}body{font:var(--tui-font-text-s);color:var(--tui-text-01);margin:0}tui-root{position:relative;display:block;flex:1;-webkit-tap-highlight-color:transparent}tui-root>.t-root-scrollbar{position:fixed;top:0;left:0;bottom:0;right:0;margin:0}.t-root-content{position:relative;z-index:0;height:100%}\n"], components: [{ type: i1__namespace.TuiScrollControlsComponent, selector: "tui-scroll-controls" }, { type: i2__namespace.TuiSvgDefsHostComponent, selector: "tui-svg-defs-host" }, { type: i3__namespace.TuiDropdownHostComponent, selector: "tui-dropdown-host" }, { type: i3__namespace.TuiDialogHostComponent, selector: "tui-dialog-host" }, { type: i3__namespace.TuiAlertHostComponent, selector: "tui-alert-host" }, { type: i4__namespace.TuiHintsHostComponent, selector: "tui-hints-host" }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.Default, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiRootComponent, decorators: [{
                 type: i0.Component,
                 args: [{

package/bundles/taiga-ui-core-directives-dropdown.umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-web-apis/common'), require('@taiga-ui/cdk'), require('@taiga-ui/core/abstract'), require('@taiga-ui/core/animations'), require('@taiga-ui/core/services'), require('@taiga-ui/core/tokens'), require('rxjs/operators'), require('@taiga-ui/core/utils'), require('@tinkoff/ng-polymorpheus'), require('rxjs'), require('@taiga-ui/core/components/scrollbar'), require('@taiga-ui/core/directives/mode'), require('@tinkoff/ng-event-plugins'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@taiga-ui/core/directives/dropdown', ['exports', '@angular/core', '@ng-web-apis/common', '@taiga-ui/cdk', '@taiga-ui/core/abstract', '@taiga-ui/core/animations', '@taiga-ui/core/services', '@taiga-ui/core/tokens', 'rxjs/operators', '@taiga-ui/core/utils', '@tinkoff/ng-polymorpheus', 'rxjs', '@taiga-ui/core/components/scrollbar', '@taiga-ui/core/directives/mode', '@tinkoff/ng-event-plugins', '@angular/common'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["taiga-ui"] = global["taiga-ui"] || {}, global["taiga-ui"].core = global["taiga-ui"].core || {}, global["taiga-ui"].core.directives = global["taiga-ui"].core.directives || {}, global["taiga-ui"].core.directives.dropdown = {}), global.ng.core, global.common, global.i2, global["taiga-ui"].core.abstract, global["taiga-ui"].core.animations, global["taiga-ui"].core.services, global["taiga-ui"].core.tokens, global.rxjs.operators, global["taiga-ui"].core.utils, global.i4, global.rxjs, global["taiga-ui"].core.components.scrollbar, global["taiga-ui"].core.directives.mode, global.ngEventPlugins, global.ng.common));
-})(this, (function (exports, i0, common, i2, i1, animations, i5, tokens, operators, utils, i4, i1$1, i1$2, i3, ngEventPlugins, common$1) { 'use strict';
+})(this, (function (exports, i0, common, i2, i1$1, animations, i5, tokens, operators, utils, i4, i1, i1$2, i3, ngEventPlugins, common$1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -24,10 +24,10 @@
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
+    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$1);
     var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
     var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
 
@@ -357,14 +357,22 @@
     });
 
     var TuiDropdownDirective = /** @class */ (function () {
-        function TuiDropdownDirective(el, dropdown, injector, dropdownService) {
+        function TuiDropdownDirective(destroy$, el, dropdown, injector, dropdownService) {
+            var _this = this;
             this.el = el;
             this.dropdown = dropdown;
             this.injector = injector;
             this.dropdownService = dropdownService;
+            this.refresh$ = new i1.Subject();
             this.dropdownBoxRef = null;
             this.type = 'dropdown';
             this.component = new i4.PolymorpheusComponent(this.dropdown, this.injector);
+            // Ignore multiple change detection triggers at the same frame
+            this.refresh$.pipe(operators.throttleTime(0), operators.takeUntil(destroy$)).subscribe(function () {
+                var _a, _b;
+                (_a = _this.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.changeDetectorRef.detectChanges();
+                (_b = _this.dropdownBoxRef) === null || _b === void 0 ? void 0 : _b.changeDetectorRef.markForCheck();
+            });
         }
         Object.defineProperty(TuiDropdownDirective.prototype, "position", {
             get: function () {
@@ -374,9 +382,7 @@
             configurable: true
         });
         TuiDropdownDirective.prototype.ngAfterViewChecked = function () {
-            var _a, _b;
-            (_a = this.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.changeDetectorRef.detectChanges();
-            (_b = this.dropdownBoxRef) === null || _b === void 0 ? void 0 : _b.changeDetectorRef.markForCheck();
+            this.refresh$.next();
         };
         TuiDropdownDirective.prototype.ngOnChanges = function () {
             if (!this.content) {
@@ -400,10 +406,11 @@
         };
         return TuiDropdownDirective;
     }());
-    TuiDropdownDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDirective, deps: [{ token: i0.ElementRef }, { token: TUI_DROPDOWN_COMPONENT }, { token: i0.INJECTOR }, { token: i2.TuiDropdownPortalService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDropdownDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i0.ElementRef }, { token: TUI_DROPDOWN_COMPONENT }, { token: i0.INJECTOR }, { token: i2.TuiDropdownPortalService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: { content: ["tuiDropdown", "content"] }, providers: [
-            i1.tuiAsRectAccessor(TuiDropdownDirective),
-            i1.tuiAsVehicle(TuiDropdownDirective),
+            i2.TuiDestroyService,
+            i1$1.tuiAsRectAccessor(TuiDropdownDirective),
+            i1$1.tuiAsVehicle(TuiDropdownDirective),
         ], exportAs: ["tuiDropdown"], usesOnChanges: true, ngImport: i0__namespace });
     __decorate([
         i2.tuiPure
@@ -414,12 +421,18 @@
                         selector: '[tuiDropdown]:not(ng-container)',
                         exportAs: 'tuiDropdown',
                         providers: [
-                            i1.tuiAsRectAccessor(TuiDropdownDirective),
-                            i1.tuiAsVehicle(TuiDropdownDirective),
+                            i2.TuiDestroyService,
+                            i1$1.tuiAsRectAccessor(TuiDropdownDirective),
+                            i1$1.tuiAsVehicle(TuiDropdownDirective),
                         ],
                     }]
             }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef, decorators: [{
+            return [{ type: i1__namespace.Observable, decorators: [{
+                            type: i0.Self
+                        }, {
+                            type: i0.Inject,
+                            args: [i2.TuiDestroyService]
+                        }] }, { type: i0__namespace.ElementRef, decorators: [{
                             type: i0.Inject,
                             args: [i0.ElementRef]
                         }] }, { type: i0__namespace.Type, decorators: [{
@@ -459,8 +472,8 @@
             var _this = _super.call(this, function (subscriber) { return _this.stream$.subscribe(subscriber); }) || this;
             _this.hovered$ = hovered$;
             _this.options = options;
-            _this.toggle$ = new i1$1.Subject();
-            _this.stream$ = i1$1.merge(_this.toggle$, _this.hovered$).pipe(operators.switchMap(function (visible) { return i1$1.of(visible).pipe(operators.delay(visible ? _this.showDelay : _this.hideDelay)); }), operators.tap(function (visible) {
+            _this.toggle$ = new i1.Subject();
+            _this.stream$ = i1.merge(_this.toggle$, _this.hovered$).pipe(operators.switchMap(function (visible) { return i1.of(visible).pipe(operators.delay(visible ? _this.showDelay : _this.hideDelay)); }), operators.tap(function (visible) {
                 _this.hovered = visible;
             }), operators.share());
             _this.showDelay = _this.options.showDelay;
@@ -473,9 +486,9 @@
             this.toggle$.next(visible);
         };
         return TuiDropdownHoverDirective;
-    }(i1.TuiDriver));
+    }(i1$1.TuiDriver));
     TuiDropdownHoverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownHoverDirective, deps: [{ token: i2.TuiHoveredService }, { token: TUI_DROPDOWN_HOVER_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownHoverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownHoverDirective, selector: "[tuiDropdownHover]:not(ng-container)", inputs: { showDelay: ["tuiDropdownShowDelay", "showDelay"], hideDelay: ["tuiDropdownHideDelay", "hideDelay"] }, providers: [i1.tuiAsDriver(TuiDropdownHoverDirective), i2.TuiHoveredService], usesInheritance: true, ngImport: i0__namespace });
+    TuiDropdownHoverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownHoverDirective, selector: "[tuiDropdownHover]:not(ng-container)", inputs: { showDelay: ["tuiDropdownShowDelay", "showDelay"], hideDelay: ["tuiDropdownHideDelay", "hideDelay"] }, providers: [i1$1.tuiAsDriver(TuiDropdownHoverDirective), i2.TuiHoveredService], usesInheritance: true, ngImport: i0__namespace });
     __decorate([
         i2.tuiDefaultProp()
     ], TuiDropdownHoverDirective.prototype, "showDelay", void 0);
@@ -486,7 +499,7 @@
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiDropdownHover]:not(ng-container)',
-                        providers: [i1.tuiAsDriver(TuiDropdownHoverDirective), i2.TuiHoveredService],
+                        providers: [i1$1.tuiAsDriver(TuiDropdownHoverDirective), i2.TuiHoveredService],
                     }]
             }], ctorParameters: function () {
             return [{ type: i1__namespace.Observable, decorators: [{
@@ -691,12 +704,12 @@
         };
         return TuiDropdownComponent;
     }());
-    TuiDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownComponent, deps: [{ token: i5.TuiVisualViewportService }, { token: i5.TuiPositionService }, { token: i2.TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: tokens.TUI_ANIMATION_OPTIONS }, { token: i0.ElementRef }, { token: i2.AbstractTuiPortalHostComponent }, { token: i1.TuiRectAccessor }, { token: common.WINDOW }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownComponent, deps: [{ token: i5.TuiVisualViewportService }, { token: i5.TuiPositionService }, { token: i2.TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: tokens.TUI_ANIMATION_OPTIONS }, { token: i0.ElementRef }, { token: i2.AbstractTuiPortalHostComponent }, { token: i1$1.TuiRectAccessor }, { token: common.WINDOW }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TuiDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownComponent, selector: "tui-dropdown", host: { properties: { "@tuiDropdownAnimation": "animation" } }, providers: [
             i2.TuiDestroyService,
             i5.TuiPositionService,
-            i1.tuiPositionAccessorFor('dropdown'),
-            i1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
+            i1$1.tuiPositionAccessorFor('dropdown'),
+            i1$1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
         ], ngImport: i0__namespace, template: "<div\n    #activeZone=\"tuiActiveZone\"\n    tuiActiveZone\n    tuiOverscroll=\"all\"\n    class=\"t-wrapper\"\n    [tuiMode]=\"null\"\n    (tuiHoveredChange)=\"onHoveredChange($event)\"\n>\n    <tui-scrollbar class=\"t-scroll\">\n        <div\n            tabindex=\"0\"\n            (focus)=\"onTopFocus()\"\n        ></div>\n        <div\n            *polymorpheusOutlet=\"directive.content as text; context: {$implicit: activeZone}\"\n            class=\"t-primitive\"\n        >\n            {{ text }}\n        </div>\n        <div\n            tabindex=\"0\"\n            (focus)=\"onBottomFocus()\"\n        ></div>\n    </tui-scrollbar>\n</div>\n", styles: [":host{position:relative;z-index:0;box-shadow:0 1.5rem 1rem #00000008,0 .75rem .75rem #0000000a,0 .25rem .375rem #0000000d;position:absolute;display:flex;background-color:var(--tui-elevation-01);border-radius:var(--tui-radius-m);overflow:hidden;border:1px solid var(--tui-base-04);box-sizing:border-box;max-width:calc(100% - 8px)}:host.ng-animating{pointer-events:none}:host:not([style*=\"top\"]){visibility:hidden}.t-wrapper{flex-grow:1;max-width:100%;max-height:inherit;overflow:visible}.t-scroll{height:100%}.t-primitive{padding:1rem}\n"], components: [{ type: i1__namespace$1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }], directives: [{ type: i2__namespace.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { type: i2__namespace.TuiOverscrollDirective, selector: "[tuiOverscroll]", inputs: ["tuiOverscroll"] }, { type: i3__namespace.TuiModeDirective, selector: "[tuiMode]", inputs: ["tuiMode"] }, { type: i2__namespace.TuiHoveredDirective, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { type: i4__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [animations.tuiDropdownAnimation], changeDetection: i0__namespace.ChangeDetectionStrategy.Default });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownComponent, decorators: [{
                 type: i0.Component,
@@ -707,8 +720,8 @@
                         providers: [
                             i2.TuiDestroyService,
                             i5.TuiPositionService,
-                            i1.tuiPositionAccessorFor('dropdown'),
-                            i1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
+                            i1$1.tuiPositionAccessorFor('dropdown'),
+                            i1$1.tuiRectAccessorFor('dropdown', TuiDropdownDirective),
                         ],
                         animations: [animations.tuiDropdownAnimation],
                         host: { '[@tuiDropdownAnimation]': 'animation' },
@@ -742,7 +755,7 @@
                             args: [i2.AbstractTuiPortalHostComponent]
                         }] }, { type: i1__namespace$2.TuiRectAccessor, decorators: [{
                             type: i0.Inject,
-                            args: [i1.TuiRectAccessor]
+                            args: [i1$1.TuiRectAccessor]
                         }] }, { type: Window, decorators: [{
                             type: i0.Inject,
                             args: [common.WINDOW]
@@ -765,7 +778,7 @@
         function TuiDropdownContextDirective(activeZone) {
             var _this = _super.call(this, function (subscriber) { return _this.stream$.subscribe(subscriber); }) || this;
             _this.activeZone = activeZone;
-            _this.stream$ = new i1$1.Subject();
+            _this.stream$ = new i1.Subject();
             _this.currentRect = i2.EMPTY_CLIENT_RECT;
             _this.type = 'dropdown';
             return _this;
@@ -781,12 +794,12 @@
             return this.currentRect;
         };
         return TuiDropdownContextDirective;
-    }(i1.TuiDriver));
+    }(i1$1.TuiDriver));
     TuiDropdownContextDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownContextDirective, deps: [{ token: i2.TuiActiveZoneDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownContextDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownContextDirective, selector: "[tuiDropdown][tuiDropdownContext]", host: { listeners: { "contextmenu.prevent.stop": "onContextMenu($event.clientX,$event.clientY)", "document:click.silent": "closeDropdown($event.target)", "document:contextmenu.capture.silent": "closeDropdown($event.target)", "document:keydown.esc": "closeDropdown($event.currentTarget)" } }, providers: [
             i2.TuiActiveZoneDirective,
-            i1.tuiAsDriver(TuiDropdownContextDirective),
-            i1.tuiAsRectAccessor(TuiDropdownContextDirective),
+            i1$1.tuiAsDriver(TuiDropdownContextDirective),
+            i1$1.tuiAsRectAccessor(TuiDropdownContextDirective),
         ], usesInheritance: true, ngImport: i0__namespace });
     __decorate([
         ngEventPlugins.shouldCall(activeZoneFilter)
@@ -797,8 +810,8 @@
                         selector: '[tuiDropdown][tuiDropdownContext]',
                         providers: [
                             i2.TuiActiveZoneDirective,
-                            i1.tuiAsDriver(TuiDropdownContextDirective),
-                            i1.tuiAsRectAccessor(TuiDropdownContextDirective),
+                            i1$1.tuiAsDriver(TuiDropdownContextDirective),
+                            i1$1.tuiAsRectAccessor(TuiDropdownContextDirective),
                         ],
                     }]
             }], ctorParameters: function () {
@@ -829,8 +842,8 @@
             return _this;
         }
         return TuiDropdownDriverDirective;
-    }(i1.AbstractTuiDriverDirective));
-    TuiDropdownDriverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDriverDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i1.TuiDriver }, { token: i1.TuiVehicle }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    }(i1$1.AbstractTuiDriverDirective));
+    TuiDropdownDriverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDriverDirective, deps: [{ token: i2.TuiDestroyService, self: true }, { token: i1$1.TuiDriver }, { token: i1$1.TuiVehicle }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownDriverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownDriverDirective, selector: "[tuiDropdown]", providers: [i2.TuiDestroyService], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownDriverDirective, decorators: [{
                 type: i0.Directive,
@@ -846,10 +859,10 @@
                             args: [i2.TuiDestroyService]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1.TuiDriver]
+                            args: [i1$1.TuiDriver]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1.TuiVehicle]
+                            args: [i1$1.TuiVehicle]
                         }] }];
         } });
 
@@ -865,14 +878,14 @@
             return ((_a = this.tuiDropdownHost) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || i2.EMPTY_CLIENT_RECT;
         };
         return TuiDropdownHostDirective;
-    }(i1.TuiRectAccessor));
+    }(i1$1.TuiRectAccessor));
     TuiDropdownHostDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownHostDirective, deps: null, target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownHostDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownHostDirective, selector: "[tuiDropdown][tuiDropdownHost]", inputs: { tuiDropdownHost: "tuiDropdownHost" }, providers: [i1.tuiAsRectAccessor(TuiDropdownHostDirective)], usesInheritance: true, ngImport: i0__namespace });
+    TuiDropdownHostDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownHostDirective, selector: "[tuiDropdown][tuiDropdownHost]", inputs: { tuiDropdownHost: "tuiDropdownHost" }, providers: [i1$1.tuiAsRectAccessor(TuiDropdownHostDirective)], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownHostDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiDropdown][tuiDropdownHost]',
-                        providers: [i1.tuiAsRectAccessor(TuiDropdownHostDirective)],
+                        providers: [i1$1.tuiAsRectAccessor(TuiDropdownHostDirective)],
                     }]
             }], propDecorators: { tuiDropdownHost: [{
                     type: i0.Input
@@ -882,7 +895,7 @@
         __extends(TuiDropdownManualDirective, _super);
         function TuiDropdownManualDirective() {
             var _this = _super.call(this, function (subscriber) { return _this.stream$.subscribe(subscriber); }) || this;
-            _this.stream$ = new i1$1.BehaviorSubject(false);
+            _this.stream$ = new i1.BehaviorSubject(false);
             _this.tuiDropdownManual = false;
             _this.type = 'dropdown';
             return _this;
@@ -891,14 +904,14 @@
             this.stream$.next(this.tuiDropdownManual);
         };
         return TuiDropdownManualDirective;
-    }(i1.TuiDriver));
+    }(i1$1.TuiDriver));
     TuiDropdownManualDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownManualDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownManualDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: { tuiDropdownManual: "tuiDropdownManual" }, providers: [i1.tuiAsDriver(TuiDropdownManualDirective)], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
+    TuiDropdownManualDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: { tuiDropdownManual: "tuiDropdownManual" }, providers: [i1$1.tuiAsDriver(TuiDropdownManualDirective)], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownManualDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiDropdown][tuiDropdownManual]',
-                        providers: [i1.tuiAsDriver(TuiDropdownManualDirective)],
+                        providers: [i1$1.tuiAsDriver(TuiDropdownManualDirective)],
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { tuiDropdownManual: [{
                     type: i0.Input
@@ -946,15 +959,15 @@
         };
         Object.defineProperty(TuiDropdownPositionDirective.prototype, "accessor", {
             get: function () {
-                return i1.tuiFallbackRectAccessor('dropdown')(this.accessors, this.directive);
+                return i1$1.tuiFallbackRectAccessor('dropdown')(this.accessors, this.directive);
             },
             enumerable: false,
             configurable: true
         });
         return TuiDropdownPositionDirective;
-    }(i1.TuiPositionAccessor));
-    TuiDropdownPositionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownPositionDirective, deps: [{ token: TUI_DROPDOWN_OPTIONS }, { token: tokens.TUI_VIEWPORT }, { token: i1.TuiRectAccessor }, { token: TuiDropdownDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownPositionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownPositionDirective, selector: "[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])", providers: [i1.tuiAsPositionAccessor(TuiDropdownPositionDirective)], usesInheritance: true, ngImport: i0__namespace });
+    }(i1$1.TuiPositionAccessor));
+    TuiDropdownPositionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownPositionDirective, deps: [{ token: TUI_DROPDOWN_OPTIONS }, { token: tokens.TUI_VIEWPORT }, { token: i1$1.TuiRectAccessor }, { token: TuiDropdownDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDropdownPositionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownPositionDirective, selector: "[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])", providers: [i1$1.tuiAsPositionAccessor(TuiDropdownPositionDirective)], usesInheritance: true, ngImport: i0__namespace });
     __decorate([
         i2.tuiPure
     ], TuiDropdownPositionDirective.prototype, "accessor", null);
@@ -962,7 +975,7 @@
                 type: i0.Directive,
                 args: [{
                         selector: '[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])',
-                        providers: [i1.tuiAsPositionAccessor(TuiDropdownPositionDirective)],
+                        providers: [i1$1.tuiAsPositionAccessor(TuiDropdownPositionDirective)],
                     }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
@@ -973,7 +986,7 @@
                             args: [tokens.TUI_VIEWPORT]
                         }] }, { type: undefined, decorators: [{
                             type: i0.Inject,
-                            args: [i1.TuiRectAccessor]
+                            args: [i1$1.TuiRectAccessor]
                         }] }, { type: TuiDropdownDirective, decorators: [{
                             type: i0.Inject,
                             args: [TuiDropdownDirective]
@@ -1026,11 +1039,11 @@
             return [position[better], left];
         };
         return TuiDropdownPositionSidedDirective;
-    }(i1.TuiPositionAccessor));
+    }(i1$1.TuiPositionAccessor));
     TuiDropdownPositionSidedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownPositionSidedDirective, deps: [{ token: TUI_DROPDOWN_OPTIONS }, { token: tokens.TUI_VIEWPORT }, { token: TuiDropdownPositionDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownPositionSidedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownPositionSidedDirective, selector: "[tuiDropdownSided]", inputs: { tuiDropdownSided: "tuiDropdownSided", tuiDropdownSidedOffset: "tuiDropdownSidedOffset" }, providers: [
             TuiDropdownPositionDirective,
-            i1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
+            i1$1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
         ], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownPositionSidedDirective, decorators: [{
                 type: i0.Directive,
@@ -1038,7 +1051,7 @@
                         selector: '[tuiDropdownSided]',
                         providers: [
                             TuiDropdownPositionDirective,
-                            i1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
+                            i1$1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
                         ],
                     }]
             }], ctorParameters: function () {
@@ -1068,8 +1081,8 @@
             _this.el = el;
             _this.vcr = vcr;
             _this.dropdown = dropdown;
-            _this.handler$ = new i1$1.BehaviorSubject(i2.ALWAYS_TRUE_HANDLER);
-            _this.stream$ = i1$1.combineLatest([
+            _this.handler$ = new i1.BehaviorSubject(i2.ALWAYS_TRUE_HANDLER);
+            _this.stream$ = i1.combineLatest([
                 _this.handler$,
                 _this.selection$.pipe(operators.map(function () { return _this.getRange(); }), operators.distinctUntilChanged()),
             ]).pipe(operators.map(function (_b) {
@@ -1176,11 +1189,11 @@
             return ghost;
         };
         return TuiDropdownSelectionDirective;
-    }(i1.TuiDriver));
+    }(i1$1.TuiDriver));
     TuiDropdownSelectionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiDropdownSelectionDirective, deps: [{ token: i2.TUI_RANGE }, { token: common$1.DOCUMENT }, { token: tokens.TUI_SELECTION_STREAM }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: TuiDropdownDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
     TuiDropdownSelectionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownSelectionDirective, selector: "[tuiDropdown][tuiDropdownSelection]", inputs: { position: ["tuiDropdownSelectionPosition", "position"], tuiDropdownSelection: "tuiDropdownSelection" }, providers: [
-            i1.tuiAsDriver(TuiDropdownSelectionDirective),
-            i1.tuiAsRectAccessor(TuiDropdownSelectionDirective),
+            i1$1.tuiAsDriver(TuiDropdownSelectionDirective),
+            i1$1.tuiAsRectAccessor(TuiDropdownSelectionDirective),
         ], usesInheritance: true, ngImport: i0__namespace });
     __decorate([
         i2.tuiDefaultProp()
@@ -1190,8 +1203,8 @@
                 args: [{
                         selector: '[tuiDropdown][tuiDropdownSelection]',
                         providers: [
-                            i1.tuiAsDriver(TuiDropdownSelectionDirective),
-                            i1.tuiAsRectAccessor(TuiDropdownSelectionDirective),
+                            i1$1.tuiAsDriver(TuiDropdownSelectionDirective),
+                            i1$1.tuiAsRectAccessor(TuiDropdownSelectionDirective),
                         ],
                     }]
             }], ctorParameters: function () {