@taiga-ui/core 3.23.1 → 3.24.0

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

@@ -357,8 +357,8 @@
     });
 
     var TuiDropdownDirective = /** @class */ (function () {
-        function TuiDropdownDirective(elementRef, hapica, injector, dropdownService) {
-            this.elementRef = elementRef;
+        function TuiDropdownDirective(el, hapica, injector, dropdownService) {
+            this.el = el;
             this.hapica = hapica;
             this.injector = injector;
             this.dropdownService = dropdownService;
@@ -369,9 +369,7 @@
         }
         Object.defineProperty(TuiDropdownDirective.prototype, "position", {
             get: function () {
-                return utils.tuiCheckFixedPosition(this.elementRef.nativeElement)
-                    ? 'fixed'
-                    : 'absolute';
+                return utils.tuiCheckFixedPosition(this.el.nativeElement) ? 'fixed' : 'absolute';
             },
             enumerable: false,
             configurable: true
@@ -390,7 +388,7 @@
             this.toggle(false);
         };
         TuiDropdownDirective.prototype.getClientRect = function () {
-            return this.elementRef.nativeElement.getBoundingClientRect();
+            return this.el.nativeElement.getBoundingClientRect();
         };
         TuiDropdownDirective.prototype.toggle = function (show) {
             if (show && this.content && !this.dropdownBoxRef) {
@@ -614,13 +612,13 @@
      * using default style of white rounded box with a shadow
      */
     var TuiDropdownComponent = /** @class */ (function () {
-        function TuiDropdownComponent(position$, destroy$, directive, elementRef, host, accessor, windowRef, animationOptions, options, hoverDirective, visualViewportService) {
+        function TuiDropdownComponent(position$, destroy$, directive, el, host, accessor, win, animationOptions, options, hoverDirective, visualViewportService) {
             var _this = this;
             this.directive = directive;
-            this.elementRef = elementRef;
+            this.el = el;
             this.host = host;
             this.accessor = accessor;
-            this.windowRef = windowRef;
+            this.win = win;
             this.animationOptions = animationOptions;
             this.options = options;
             this.hoverDirective = hoverDirective;
@@ -650,10 +648,10 @@
             this.moveFocusOutside(false);
         };
         TuiDropdownComponent.prototype.update = function (top, left) {
-            var style = this.elementRef.nativeElement.style;
-            var right = this.elementRef.nativeElement.getBoundingClientRect().right;
+            var style = this.el.nativeElement.style;
+            var right = this.el.nativeElement.getBoundingClientRect().right;
             var _a = this.options, maxHeight = _a.maxHeight, offset = _a.offset;
-            var innerHeight = this.windowRef.innerHeight;
+            var innerHeight = this.win.innerHeight;
             var clientRect = this.host.clientRect;
             var position = this.directive.position;
             var rect = this.accessor.getClientRect();
@@ -674,7 +672,7 @@
             this.updateWidth();
         };
         TuiDropdownComponent.prototype.updateWidth = function () {
-            var style = this.elementRef.nativeElement.style;
+            var style = this.el.nativeElement.style;
             var rect = this.accessor.getClientRect();
             var limitWidth = this.options.limitWidth;
             switch (limitWidth) {
@@ -689,7 +687,7 @@
             }
         };
         TuiDropdownComponent.prototype.moveFocusOutside = function (previous) {
-            var nativeElement = this.directive.elementRef.nativeElement;
+            var nativeElement = this.directive.el.nativeElement;
             var ownerDocument = nativeElement.ownerDocument;
             var root = ownerDocument ? ownerDocument.body : nativeElement;
             var focusable = i2.tuiGetClosestFocusable({ initial: nativeElement, root: root, previous: previous });
@@ -1067,13 +1065,13 @@
 
     var TuiDropdownSelectionDirective = /** @class */ (function (_super) {
         __extends(TuiDropdownSelectionDirective, _super);
-        function TuiDropdownSelectionDirective(range, documentRef, selection$, elementRef, viewContainerRef, dropdown) {
+        function TuiDropdownSelectionDirective(range, doc, selection$, el, vcr, dropdown) {
             var _this = _super.call(this, function (subscriber) { return _this.stream$.subscribe(subscriber); }) || this;
             _this.range = range;
-            _this.documentRef = documentRef;
+            _this.doc = doc;
             _this.selection$ = selection$;
-            _this.elementRef = elementRef;
-            _this.viewContainerRef = viewContainerRef;
+            _this.el = el;
+            _this.vcr = vcr;
             _this.dropdown = dropdown;
             _this.handler$ = new i1$1.BehaviorSubject(i2.ALWAYS_TRUE_HANDLER);
             _this.stream$ = i1$1.combineLatest([
@@ -1081,7 +1079,7 @@
                 _this.selection$.pipe(operators.map(function () { return _this.getRange(); }), operators.distinctUntilChanged()),
             ]).pipe(operators.map(function (_b) {
                 var _c = __read(_b, 2), handler = _c[0], range = _c[1];
-                var contained = _this.elementRef.nativeElement.contains(range.commonAncestorContainer);
+                var contained = _this.el.nativeElement.contains(range.commonAncestorContainer);
                 _this.range =
                     contained && i2.tuiIsTextNode(range.commonAncestorContainer)
                         ? range
@@ -1120,14 +1118,13 @@
         };
         TuiDropdownSelectionDirective.prototype.ngOnDestroy = function () {
             if (this.ghost) {
-                this.viewContainerRef.element.nativeElement.removeChild(this.ghost);
+                this.vcr.element.nativeElement.removeChild(this.ghost);
             }
         };
         TuiDropdownSelectionDirective.prototype.getRange = function () {
-            var nativeElement = this.elementRef.nativeElement;
-            var active = i2.tuiGetNativeFocused(this.documentRef);
-            var selection = this.documentRef.getSelection();
-            if (active && i2.tuiIsTextfield(active) && nativeElement.contains(active)) {
+            var active = i2.tuiGetNativeFocused(this.doc);
+            var selection = this.doc.getSelection();
+            if (active && i2.tuiIsTextfield(active) && this.el.nativeElement.contains(active)) {
                 return this.veryVerySadInputFix(active);
             }
             return (selection === null || selection === void 0 ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : this.range;
@@ -1144,7 +1141,7 @@
          */
         TuiDropdownSelectionDirective.prototype.inDropdown = function (range) {
             var startContainer = range.startContainer, endContainer = range.endContainer;
-            var nativeElement = this.elementRef.nativeElement;
+            var nativeElement = this.el.nativeElement;
             var inDropdown = this.boxContains(range.commonAncestorContainer);
             var hostToDropdown = this.boxContains(endContainer) && nativeElement.contains(startContainer);
             var dropdownToHost = this.boxContains(startContainer) && nativeElement.contains(endContainer);
@@ -1154,8 +1151,8 @@
             var _b = this.ghost, ghost = _b === void 0 ? this.initGhost(element) : _b;
             var _c = element.getBoundingClientRect(), top = _c.top, left = _c.left, width = _c.width, height = _c.height;
             var selectionStart = element.selectionStart, selectionEnd = element.selectionEnd, value = element.value;
-            var range = this.documentRef.createRange();
-            var hostRect = this.elementRef.nativeElement.getBoundingClientRect();
+            var range = this.doc.createRange();
+            var hostRect = this.el.nativeElement.getBoundingClientRect();
             ghost.style.top = i2.tuiPx(top - hostRect.top);
             ghost.style.left = i2.tuiPx(left - hostRect.left);
             ghost.style.width = i2.tuiPx(width);
@@ -1169,8 +1166,7 @@
          * Create an invisible DIV styled exactly like input/textarea element inside directive
          */
         TuiDropdownSelectionDirective.prototype.initGhost = function (element) {
-            var ghost = this.documentRef.createElement('div');
-            var nativeElement = this.viewContainerRef.element.nativeElement;
+            var ghost = this.doc.createElement('div');
             var _b = getComputedStyle(element), font = _b.font, letterSpacing = _b.letterSpacing, textTransform = _b.textTransform, padding = _b.padding;
             ghost.style.position = 'absolute';
             ghost.style.pointerEvents = 'none';
@@ -1180,7 +1176,7 @@
             ghost.style.letterSpacing = letterSpacing;
             ghost.style.textTransform = textTransform;
             ghost.style.padding = padding;
-            nativeElement.appendChild(ghost);
+            this.vcr.element.nativeElement.appendChild(ghost);
             this.ghost = ghost;
             return ghost;
         };