@taiga-ui/core 3.14.0 → 3.15.0

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

@@ -366,14 +366,14 @@
             this.elementRef = elementRef;
             this.component = component;
             this.dropdownService = dropdownService;
-            this.content = "";
+            this.content = '';
             this.dropdownBoxRef = null;
         }
         Object.defineProperty(TuiDropdownDirective.prototype, "position", {
             get: function () {
                 return utils.tuiCheckFixedPosition(this.elementRef.nativeElement)
-                    ? "fixed"
-                    : "absolute";
+                    ? 'fixed'
+                    : 'absolute';
             },
             enumerable: false,
             configurable: true
@@ -424,8 +424,8 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown]:not(ng-container)",
-                        exportAs: "tuiDropdown",
+                        selector: '[tuiDropdown]:not(ng-container)',
+                        exportAs: 'tuiDropdown',
                         providers: [
                             i1$1.tuiAsRectAccessor(TuiDropdownDirective),
                             i1$1.tuiAsVehicle(TuiDropdownDirective),
@@ -449,7 +449,7 @@
                         }] }];
         }, propDecorators: { content: [{
                     type: i0.Input,
-                    args: ["tuiDropdown"]
+                    args: ['tuiDropdown']
                 }], position: [] } });
 
     var TuiDropdownHoverDirective = /** @class */ (function (_super) {
@@ -479,7 +479,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownHoverDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdownHover]:not(ng-container)",
+                        selector: '[tuiDropdownHover]:not(ng-container)',
                         providers: [i1$1.tuiAsDriver(TuiDropdownHoverDirective), i2.TuiHoveredService],
                     }]
             }], ctorParameters: function () {
@@ -489,25 +489,22 @@
                         }] }];
         }, propDecorators: { showDelay: [{
                     type: i0.Input,
-                    args: ["tuiDropdownShowDelay"]
+                    args: ['tuiDropdownShowDelay']
                 }], hideDelay: [{
                     type: i0.Input,
-                    args: ["tuiDropdownHideDelay"]
+                    args: ['tuiDropdownHideDelay']
                 }] } });
 
-    /**
-     * Safe space around host and screen edges
-     */
-    var TUI_DROPDOWN_OFFSET = 4;
     /** Default values for dropdown options */
     var TUI_DROPDOWN_DEFAULT_OPTIONS = {
-        align: "left",
+        align: 'left',
         direction: null,
-        limitWidth: "auto",
+        limitWidth: 'auto',
         maxHeight: 400,
         minHeight: 80,
+        offset: 4,
     };
-    var TUI_DROPDOWN_OPTIONS = new i0.InjectionToken("[TUI_DROPDOWN_OPTIONS] Default parameters for dropdown directive", {
+    var TUI_DROPDOWN_OPTIONS = new i0.InjectionToken('[TUI_DROPDOWN_OPTIONS] Default parameters for dropdown directive', {
         factory: function () { return TUI_DROPDOWN_DEFAULT_OPTIONS; },
     });
     var tuiDropdownOptionsProvider = function (override) { return ({
@@ -526,11 +523,12 @@
             this.limitWidth = this.options.limitWidth;
             this.minHeight = this.options.minHeight;
             this.maxHeight = this.options.maxHeight;
+            this.offset = this.options.offset;
         }
         return TuiDropdownOptionsDirective;
     }());
     TuiDropdownOptionsDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownOptionsDirective, deps: [{ token: TUI_DROPDOWN_OPTIONS, skipSelf: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownOptionsDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight]", inputs: { align: ["tuiDropdownAlign", "align"], direction: ["tuiDropdownDirection", "direction"], limitWidth: ["tuiDropdownLimitWidth", "limitWidth"], minHeight: ["tuiDropdownMinHeight", "minHeight"], maxHeight: ["tuiDropdownMaxHeight", "maxHeight"] }, providers: [
+    TuiDropdownOptionsDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDropdownOptionsDirective, selector: "[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]", inputs: { align: ["tuiDropdownAlign", "align"], direction: ["tuiDropdownDirection", "direction"], limitWidth: ["tuiDropdownLimitWidth", "limitWidth"], minHeight: ["tuiDropdownMinHeight", "minHeight"], maxHeight: ["tuiDropdownMaxHeight", "maxHeight"], offset: ["tuiDropdownOffset", "offset"] }, providers: [
             {
                 provide: TUI_DROPDOWN_OPTIONS,
                 useExisting: i0.forwardRef(function () { return TuiDropdownOptionsDirective; }),
@@ -551,10 +549,13 @@
     __decorate([
         i2.tuiDefaultProp()
     ], TuiDropdownOptionsDirective.prototype, "maxHeight", void 0);
+    __decorate([
+        i2.tuiDefaultProp()
+    ], TuiDropdownOptionsDirective.prototype, "offset", void 0);
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownOptionsDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight]",
+                        selector: '[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]',
                         providers: [
                             {
                                 provide: TUI_DROPDOWN_OPTIONS,
@@ -571,19 +572,22 @@
                         }] }];
         }, propDecorators: { align: [{
                     type: i0.Input,
-                    args: ["tuiDropdownAlign"]
+                    args: ['tuiDropdownAlign']
                 }], direction: [{
                     type: i0.Input,
-                    args: ["tuiDropdownDirection"]
+                    args: ['tuiDropdownDirection']
                 }], limitWidth: [{
                     type: i0.Input,
-                    args: ["tuiDropdownLimitWidth"]
+                    args: ['tuiDropdownLimitWidth']
                 }], minHeight: [{
                     type: i0.Input,
-                    args: ["tuiDropdownMinHeight"]
+                    args: ['tuiDropdownMinHeight']
                 }], maxHeight: [{
                     type: i0.Input,
-                    args: ["tuiDropdownMaxHeight"]
+                    args: ['tuiDropdownMaxHeight']
+                }], offset: [{
+                    type: i0.Input,
+                    args: ['tuiDropdownOffset']
                 }] } });
 
     /**
@@ -621,37 +625,35 @@
         TuiDropdownComponent.prototype.update = function (top, left) {
             var style = this.elementRef.nativeElement.style;
             var right = this.elementRef.nativeElement.getBoundingClientRect().right;
-            var _a = this.options, limitWidth = _a.limitWidth, maxHeight = _a.maxHeight;
+            var _a = this.options, limitWidth = _a.limitWidth, maxHeight = _a.maxHeight, offset = _a.offset;
             var innerHeight = this.windowRef.innerHeight;
             var clientRect = this.host.clientRect;
             var position = this.directive.position;
             var rect = this.accessor.getClientRect();
-            var offsetX = position === "fixed" ? 0 : -clientRect.left;
-            var offsetY = position === "fixed" ? 0 : -clientRect.top;
+            var offsetX = position === 'fixed' ? 0 : -clientRect.left;
+            var offsetY = position === 'fixed' ? 0 : -clientRect.top;
             top += offsetY;
             left += offsetX;
-            var isIntersecting = left < rect.right &&
-                right > rect.left &&
-                top < offsetY + 2 * TUI_DROPDOWN_OFFSET;
+            var isIntersecting = left < rect.right && right > rect.left && top < offsetY + 2 * offset;
             var available = isIntersecting
-                ? rect.top - 2 * TUI_DROPDOWN_OFFSET
-                : offsetY + innerHeight - top - TUI_DROPDOWN_OFFSET;
+                ? rect.top - 2 * offset
+                : offsetY + innerHeight - top - offset;
             style.position = position;
-            style.top = i2.tuiPx(Math.max(top, offsetY + TUI_DROPDOWN_OFFSET));
+            style.top = i2.tuiPx(Math.max(top, offsetY + offset));
             style.left = i2.tuiPx(left);
             style.maxHeight = i2.tuiPx(Math.min(maxHeight, available));
-            style.width = "";
-            style.minWidth = "";
+            style.width = '';
+            style.minWidth = '';
             switch (limitWidth) {
-                case "min":
+                case 'min':
                     style.minWidth = i2.tuiPx(rect.width);
                     break;
-                case "fixed":
+                case 'fixed':
                     style.width = i2.tuiPx(rect.width);
             }
         };
         TuiDropdownComponent.prototype.moveFocusOutside = function (previous) {
-            var host = document.createElement("div");
+            var host = document.createElement('div');
             var ownerDocument = host.ownerDocument;
             var root = ownerDocument ? ownerDocument.body : host;
             var focusable = i2.tuiGetClosestFocusable({ initial: host, root: root, previous: previous });
@@ -667,9 +669,9 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: "tui-dropdown",
-                        templateUrl: "./dropdown.template.html",
-                        styleUrls: ["./dropdown.style.less"],
+                        selector: 'tui-dropdown',
+                        templateUrl: './dropdown.template.html',
+                        styleUrls: ['./dropdown.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.Default,
                         providers: [i2.TuiDestroyService, services.TuiPositionService],
                         animations: [animations.tuiDropdownAnimation],
@@ -712,14 +714,14 @@
                         }] }];
         }, propDecorators: { dropdownAnimation: [{
                     type: i0.HostBinding,
-                    args: ["@tuiDropdownAnimation"]
+                    args: ['@tuiDropdownAnimation']
                 }] } });
 
     var TuiDropdownContextDirective = /** @class */ (function (_super) {
         __extends(TuiDropdownContextDirective, _super);
-        function TuiDropdownContextDirective(dropdown) {
+        function TuiDropdownContextDirective(activeZone) {
             var _this = _super.call(this, function (subscriber) { return _this.stream$.subscribe(subscriber); }) || this;
-            _this.dropdown = dropdown;
+            _this.activeZone = activeZone;
             _this.stream$ = new i5.Subject();
             _this.currentRect = i2.EMPTY_CLIENT_RECT;
             return _this;
@@ -729,8 +731,7 @@
             this.stream$.next(true);
         };
         TuiDropdownContextDirective.prototype.closeDropdown = function (target) {
-            var _a;
-            if (!((_a = this.dropdown.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.location.nativeElement.contains(target))) {
+            if (!this.activeZone.contains(target)) {
                 this.stream$.next(false);
             }
         };
@@ -739,37 +740,39 @@
         };
         return TuiDropdownContextDirective;
     }(i1$1.TuiDriver));
-    TuiDropdownContextDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownContextDirective, deps: [{ token: TuiDropdownDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiDropdownContextDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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$1.tuiAsDriver(TuiDropdownContextDirective),
             i1$1.tuiAsRectAccessor(TuiDropdownContextDirective),
         ], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownContextDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown][tuiDropdownContext]",
+                        selector: '[tuiDropdown][tuiDropdownContext]',
                         providers: [
+                            i2.TuiActiveZoneDirective,
                             i1$1.tuiAsDriver(TuiDropdownContextDirective),
                             i1$1.tuiAsRectAccessor(TuiDropdownContextDirective),
                         ],
                     }]
             }], ctorParameters: function () {
-            return [{ type: TuiDropdownDirective, decorators: [{
+            return [{ type: i2__namespace.TuiActiveZoneDirective, decorators: [{
                             type: i0.Inject,
-                            args: [TuiDropdownDirective]
+                            args: [i2.TuiActiveZoneDirective]
                         }] }];
         }, propDecorators: { onContextMenu: [{
                     type: i0.HostListener,
-                    args: ["contextmenu.prevent.stop", ["$event.clientX", "$event.clientY"]]
+                    args: ['contextmenu.prevent.stop', ['$event.clientX', '$event.clientY']]
                 }], closeDropdown: [{
                     type: i0.HostListener,
-                    args: ["document:click.silent", ["$event.target"]]
+                    args: ['document:click.silent', ['$event.target']]
                 }, {
                     type: i0.HostListener,
-                    args: ["document:contextmenu.capture.silent", ["$event.target"]]
+                    args: ['document:contextmenu.capture.silent', ['$event.target']]
                 }, {
                     type: i0.HostListener,
-                    args: ["document:keydown.esc", ["$event.currentTarget"]]
+                    args: ['document:keydown.esc', ['$event.currentTarget']]
                 }] } });
 
     var TuiDropdownDriverDirective = /** @class */ (function (_super) {
@@ -784,7 +787,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownDriverDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown]",
+                        selector: '[tuiDropdown]',
                         providers: [i2.TuiDestroyService],
                     }]
             }] });
@@ -805,7 +808,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownHostDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown][tuiDropdownHost]",
+                        selector: '[tuiDropdown][tuiDropdownHost]',
                         providers: [i1$1.tuiAsRectAccessor(TuiDropdownHostDirective)],
                     }]
             }], propDecorators: { tuiDropdownHost: [{
@@ -830,7 +833,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownManualDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown][tuiDropdownManual]",
+                        selector: '[tuiDropdown][tuiDropdownManual]',
                         providers: [i1$1.tuiAsDriver(TuiDropdownManualDirective)],
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { tuiDropdownManual: [{
@@ -847,22 +850,20 @@
             var width = _a.width, height = _a.height;
             var hostRect = this.accessor.getClientRect();
             var _b = this.windowRef, innerHeight = _b.innerHeight, innerWidth = _b.innerWidth;
-            var _c = this.options, minHeight = _c.minHeight, align = _c.align, direction = _c.direction;
-            var previous = this.previous || direction || "bottom";
-            var right = Math.max(hostRect.right - width, TUI_DROPDOWN_OFFSET);
+            var _c = this.options, minHeight = _c.minHeight, align = _c.align, direction = _c.direction, offset = _c.offset;
+            var previous = this.previous || direction || 'bottom';
+            var right = Math.max(hostRect.right - width, offset);
             var available = {
-                top: hostRect.top - 2 * TUI_DROPDOWN_OFFSET,
-                bottom: innerHeight - hostRect.bottom - 2 * TUI_DROPDOWN_OFFSET,
+                top: hostRect.top - 2 * offset,
+                bottom: innerHeight - hostRect.bottom - 2 * offset,
             };
             var position = {
-                top: hostRect.top - TUI_DROPDOWN_OFFSET - height,
-                bottom: hostRect.bottom + TUI_DROPDOWN_OFFSET,
+                top: hostRect.top - offset - height,
+                bottom: hostRect.bottom + offset,
                 right: right,
-                left: hostRect.left + width < innerWidth - TUI_DROPDOWN_OFFSET
-                    ? hostRect.left
-                    : right,
+                left: hostRect.left + width < innerWidth - offset ? hostRect.left : right,
             };
-            var better = available.top > available.bottom ? "top" : "bottom";
+            var better = available.top > available.bottom ? 'top' : 'bottom';
             if ((available[previous] > minHeight && direction) ||
                 available[previous] > height) {
                 return [position[previous], position[align]];
@@ -877,7 +878,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownPositionDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])",
+                        selector: '[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])',
                         providers: [i1$1.tuiAsPositionAccessor(TuiDropdownPositionDirective)],
                     }]
             }], ctorParameters: function () {
@@ -899,8 +900,9 @@
             this.windowRef = windowRef;
             this.accessor = accessor;
             this.vertical = vertical;
-            this.previous = this.options.direction || "bottom";
-            this.tuiDropdownSided = "";
+            this.previous = this.options.direction || 'bottom';
+            this.tuiDropdownSided = '';
+            this.tuiDropdownSidedOffset = 4;
         }
         TuiDropdownPositionSidedDirective.prototype.getPosition = function (rect) {
             if (this.tuiDropdownSided === false) {
@@ -909,20 +911,20 @@
             var height = rect.height, width = rect.width;
             var hostRect = this.accessor.getClientRect();
             var _a = this.windowRef, innerHeight = _a.innerHeight, innerWidth = _a.innerWidth;
-            var _b = this.options, align = _b.align, direction = _b.direction, minHeight = _b.minHeight;
+            var _b = this.options, align = _b.align, direction = _b.direction, minHeight = _b.minHeight, offset = _b.offset;
             var available = {
                 top: hostRect.bottom,
-                left: hostRect.left - TUI_DROPDOWN_OFFSET,
-                right: innerWidth - hostRect.right - TUI_DROPDOWN_OFFSET,
+                left: hostRect.left - offset,
+                right: innerWidth - hostRect.right - offset,
                 bottom: innerHeight - hostRect.top,
             };
             var position = {
-                top: hostRect.bottom - height + 2 * TUI_DROPDOWN_OFFSET + 1,
-                left: hostRect.left - width - TUI_DROPDOWN_OFFSET,
-                right: hostRect.right + TUI_DROPDOWN_OFFSET,
-                bottom: hostRect.top - 2 * TUI_DROPDOWN_OFFSET - 1, // 1 for border
+                top: hostRect.bottom - height + this.tuiDropdownSidedOffset + 1,
+                left: hostRect.left - width - offset,
+                right: hostRect.right + offset,
+                bottom: hostRect.top - this.tuiDropdownSidedOffset - 1, // 1 for border
             };
-            var better = available.top > available.bottom ? "top" : "bottom";
+            var better = available.top > available.bottom ? 'top' : 'bottom';
             var maxLeft = available.left > available.right ? position.left : position.right;
             var left = available[align] > width ? position[align] : maxLeft;
             if ((available[this.previous] > minHeight && direction) ||
@@ -935,14 +937,14 @@
         return TuiDropdownPositionSidedDirective;
     }());
     TuiDropdownPositionSidedDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownPositionSidedDirective, deps: [{ token: TUI_DROPDOWN_OPTIONS }, { token: common.WINDOW }, { token: i1$1.TuiRectAccessor }, { token: TuiDropdownPositionDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiDropdownPositionSidedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDropdownPositionSidedDirective, selector: "[tuiDropdownSided]", inputs: { tuiDropdownSided: "tuiDropdownSided" }, providers: [
+    TuiDropdownPositionSidedDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiDropdownPositionSidedDirective, selector: "[tuiDropdownSided]", inputs: { tuiDropdownSided: "tuiDropdownSided", tuiDropdownSidedOffset: "tuiDropdownSidedOffset" }, providers: [
             TuiDropdownPositionDirective,
             i1$1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
         ], ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownPositionSidedDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdownSided]",
+                        selector: '[tuiDropdownSided]',
                         providers: [
                             TuiDropdownPositionDirective,
                             i1$1.tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
@@ -964,6 +966,8 @@
                         }] }];
         }, propDecorators: { tuiDropdownSided: [{
                     type: i0.Input
+                }], tuiDropdownSidedOffset: [{
+                    type: i0.Input
                 }] } });
 
     var TuiDropdownSelectionDirective = /** @class */ (function (_super) {
@@ -989,7 +993,7 @@
                         : _this.range;
                 return (contained && handler(_this.range)) || _this.inDropdown(range);
             }));
-            _this.position = "selection";
+            _this.position = 'selection';
             return _this;
         }
         Object.defineProperty(TuiDropdownSelectionDirective.prototype, "tuiDropdownSelection", {
@@ -1003,7 +1007,7 @@
         });
         TuiDropdownSelectionDirective.prototype.getClientRect = function () {
             switch (this.position) {
-                case "tag": {
+                case 'tag': {
                     var commonAncestorContainer = this.range.commonAncestorContainer;
                     var element = i2.tuiIsElement(commonAncestorContainer)
                         ? commonAncestorContainer
@@ -1012,7 +1016,7 @@
                         ? element.getBoundingClientRect()
                         : i2.EMPTY_CLIENT_RECT;
                 }
-                case "word":
+                case 'word':
                     return utils.tuiGetWordRange(this.range).getBoundingClientRect();
                 default:
                     return this.range.getBoundingClientRect();
@@ -1069,13 +1073,13 @@
          * Create an invisible DIV styled exactly like input/textarea element inside directive
          */
         TuiDropdownSelectionDirective.prototype.initGhost = function (element) {
-            var ghost = this.documentRef.createElement("div");
+            var ghost = this.documentRef.createElement('div');
             var nativeElement = this.viewContainerRef.element.nativeElement;
             var _b = getComputedStyle(element), font = _b.font, letterSpacing = _b.letterSpacing, textTransform = _b.textTransform, padding = _b.padding;
-            ghost.style.position = "absolute";
-            ghost.style.pointerEvents = "none";
-            ghost.style.opacity = "0";
-            ghost.style.whiteSpace = "pre-wrap";
+            ghost.style.position = 'absolute';
+            ghost.style.pointerEvents = 'none';
+            ghost.style.opacity = '0';
+            ghost.style.whiteSpace = 'pre-wrap';
             ghost.style.font = font;
             ghost.style.letterSpacing = letterSpacing;
             ghost.style.textTransform = textTransform;
@@ -1097,7 +1101,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TuiDropdownSelectionDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: "[tuiDropdown][tuiDropdownSelection]",
+                        selector: '[tuiDropdown][tuiDropdownSelection]',
                         providers: [
                             i1$1.tuiAsDriver(TuiDropdownSelectionDirective),
                             i1$1.tuiAsRectAccessor(TuiDropdownSelectionDirective),
@@ -1125,7 +1129,7 @@
                         }] }];
         }, propDecorators: { position: [{
                     type: i0.Input,
-                    args: ["tuiDropdownSelectionPosition"]
+                    args: ['tuiDropdownSelectionPosition']
                 }], tuiDropdownSelection: [{
                     type: i0.Input
                 }] } });
@@ -1216,7 +1220,6 @@
 
     exports.TUI_DROPDOWN_COMPONENT = TUI_DROPDOWN_COMPONENT;
     exports.TUI_DROPDOWN_DEFAULT_OPTIONS = TUI_DROPDOWN_DEFAULT_OPTIONS;
-    exports.TUI_DROPDOWN_OFFSET = TUI_DROPDOWN_OFFSET;
     exports.TUI_DROPDOWN_OPTIONS = TUI_DROPDOWN_OPTIONS;
     exports.TuiDropdownComponent = TuiDropdownComponent;
     exports.TuiDropdownContextDirective = TuiDropdownContextDirective;