@taiga-ui/core 3.14.0-dev.main-6fca3d4 → 3.14.0-dev.main-49a682e

package/fesm2015/taiga-ui-core-directives-dropdown.js

@@ -30,13 +30,13 @@ class TuiDropdownDirective {
         this.elementRef = elementRef;
         this.component = component;
         this.dropdownService = dropdownService;
-        this.content = ``;
+        this.content = '';
         this.dropdownBoxRef = null;
     }
     get position() {
         return tuiCheckFixedPosition(this.elementRef.nativeElement)
-            ? `fixed`
-            : `absolute`;
+            ? 'fixed'
+            : 'absolute';
     }
     ngAfterViewChecked() {
         var _a, _b;
@@ -83,8 +83,8 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown]:not(ng-container)`,
-                    exportAs: `tuiDropdown`,
+                    selector: '[tuiDropdown]:not(ng-container)',
+                    exportAs: 'tuiDropdown',
                     providers: [
                         tuiAsRectAccessor(TuiDropdownDirective),
                         tuiAsVehicle(TuiDropdownDirective),
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TuiDropdownPortalService]
                 }] }]; }, propDecorators: { content: [{
                 type: Input,
-                args: [`tuiDropdown`]
+                args: ['tuiDropdown']
             }], position: [] } });
 
 class TuiDropdownHoverDirective extends TuiDriver {
@@ -133,7 +133,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownHoverDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdownHover]:not(ng-container)`,
+                    selector: '[tuiDropdownHover]:not(ng-container)',
                     providers: [tuiAsDriver(TuiDropdownHoverDirective), TuiHoveredService],
                 }]
         }], ctorParameters: function () { return [{ type: i5.Observable, decorators: [{
@@ -141,22 +141,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TuiHoveredService]
                 }] }]; }, propDecorators: { showDelay: [{
                 type: Input,
-                args: [`tuiDropdownShowDelay`]
+                args: ['tuiDropdownShowDelay']
             }], hideDelay: [{
                 type: Input,
-                args: [`tuiDropdownHideDelay`]
+                args: ['tuiDropdownHideDelay']
             }] } });
 
 /** Default values for dropdown options */
 const TUI_DROPDOWN_DEFAULT_OPTIONS = {
-    align: `left`,
+    align: 'left',
     direction: null,
-    limitWidth: `auto`,
+    limitWidth: 'auto',
     maxHeight: 400,
     minHeight: 80,
     offset: 4,
 };
-const TUI_DROPDOWN_OPTIONS = new InjectionToken(`[TUI_DROPDOWN_OPTIONS] Default parameters for dropdown directive`, {
+const TUI_DROPDOWN_OPTIONS = new InjectionToken('[TUI_DROPDOWN_OPTIONS] Default parameters for dropdown directive', {
     factory: () => TUI_DROPDOWN_DEFAULT_OPTIONS,
 });
 const tuiDropdownOptionsProvider = (override) => ({
@@ -206,7 +206,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownOptionsDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]`,
+                    selector: '[tuiDropdownAlign], [tuiDropdownDirection], [tuiDropdownLimitWidth], [tuiDropdownMinHeight], [tuiDropdownMaxHeight], [tuiDropdownOffset]',
                     providers: [
                         {
                             provide: TUI_DROPDOWN_OPTIONS,
@@ -221,22 +221,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TUI_DROPDOWN_OPTIONS]
                 }] }]; }, propDecorators: { align: [{
                 type: Input,
-                args: [`tuiDropdownAlign`]
+                args: ['tuiDropdownAlign']
             }], direction: [{
                 type: Input,
-                args: [`tuiDropdownDirection`]
+                args: ['tuiDropdownDirection']
             }], limitWidth: [{
                 type: Input,
-                args: [`tuiDropdownLimitWidth`]
+                args: ['tuiDropdownLimitWidth']
             }], minHeight: [{
                 type: Input,
-                args: [`tuiDropdownMinHeight`]
+                args: ['tuiDropdownMinHeight']
             }], maxHeight: [{
                 type: Input,
-                args: [`tuiDropdownMaxHeight`]
+                args: ['tuiDropdownMaxHeight']
             }], offset: [{
                 type: Input,
-                args: [`tuiDropdownOffset`]
+                args: ['tuiDropdownOffset']
             }] } });
 
 /**
@@ -277,8 +277,8 @@ class TuiDropdownComponent {
         const { clientRect } = this.host;
         const { position } = this.directive;
         const rect = this.accessor.getClientRect();
-        const offsetX = position === `fixed` ? 0 : -clientRect.left;
-        const offsetY = position === `fixed` ? 0 : -clientRect.top;
+        const offsetX = position === 'fixed' ? 0 : -clientRect.left;
+        const offsetY = position === 'fixed' ? 0 : -clientRect.top;
         top += offsetY;
         left += offsetX;
         const isIntersecting = left < rect.right &&
@@ -291,18 +291,18 @@ class TuiDropdownComponent {
         style.top = tuiPx(Math.max(top, offsetY + this.options.offset));
         style.left = tuiPx(left);
         style.maxHeight = tuiPx(Math.min(maxHeight, available));
-        style.width = ``;
-        style.minWidth = ``;
+        style.width = '';
+        style.minWidth = '';
         switch (limitWidth) {
-            case `min`:
+            case 'min':
                 style.minWidth = tuiPx(rect.width);
                 break;
-            case `fixed`:
+            case 'fixed':
                 style.width = tuiPx(rect.width);
         }
     }
     moveFocusOutside(previous) {
-        const host = document.createElement(`div`);
+        const host = document.createElement('div');
         const { ownerDocument } = host;
         const root = ownerDocument ? ownerDocument.body : host;
         let focusable = tuiGetClosestFocusable({ initial: host, root, previous });
@@ -317,9 +317,9 @@ TuiDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownComponent, decorators: [{
             type: 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: ChangeDetectionStrategy.Default,
                     providers: [TuiDestroyService, TuiPositionService],
                     animations: [tuiDropdownAnimation],
@@ -360,7 +360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TuiDropdownHoverDirective]
                 }] }]; }, propDecorators: { dropdownAnimation: [{
                 type: HostBinding,
-                args: [`@tuiDropdownAnimation`]
+                args: ['@tuiDropdownAnimation']
             }] } });
 
 class TuiDropdownContextDirective extends TuiDriver {
@@ -392,7 +392,7 @@ TuiDropdownContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownContextDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown][tuiDropdownContext]`,
+                    selector: '[tuiDropdown][tuiDropdownContext]',
                     providers: [
                         TuiActiveZoneDirective,
                         tuiAsDriver(TuiDropdownContextDirective),
@@ -404,16 +404,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TuiActiveZoneDirective]
                 }] }]; }, propDecorators: { onContextMenu: [{
                 type: HostListener,
-                args: [`contextmenu.prevent.stop`, [`$event.clientX`, `$event.clientY`]]
+                args: ['contextmenu.prevent.stop', ['$event.clientX', '$event.clientY']]
             }], closeDropdown: [{
                 type: HostListener,
-                args: [`document:click.silent`, [`$event.target`]]
+                args: ['document:click.silent', ['$event.target']]
             }, {
                 type: HostListener,
-                args: [`document:contextmenu.capture.silent`, [`$event.target`]]
+                args: ['document:contextmenu.capture.silent', ['$event.target']]
             }, {
                 type: HostListener,
-                args: [`document:keydown.esc`, [`$event.currentTarget`]]
+                args: ['document:keydown.esc', ['$event.currentTarget']]
             }] } });
 
 class TuiDropdownDriverDirective extends AbstractTuiDriverDirective {
@@ -423,7 +423,7 @@ TuiDropdownDriverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownDriverDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown]`,
+                    selector: '[tuiDropdown]',
                     providers: [TuiDestroyService],
                 }]
         }] });
@@ -439,7 +439,7 @@ TuiDropdownHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownHostDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown][tuiDropdownHost]`,
+                    selector: '[tuiDropdown][tuiDropdownHost]',
                     providers: [tuiAsRectAccessor(TuiDropdownHostDirective)],
                 }]
         }], propDecorators: { tuiDropdownHost: [{
@@ -461,7 +461,7 @@ TuiDropdownManualDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownManualDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown][tuiDropdownManual]`,
+                    selector: '[tuiDropdown][tuiDropdownManual]',
                     providers: [tuiAsDriver(TuiDropdownManualDirective)],
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { tuiDropdownManual: [{
@@ -478,7 +478,7 @@ class TuiDropdownPositionDirective {
         const hostRect = this.accessor.getClientRect();
         const { innerHeight, innerWidth } = this.windowRef;
         const { minHeight, align, direction } = this.options;
-        const previous = this.previous || direction || `bottom`;
+        const previous = this.previous || direction || 'bottom';
         const right = Math.max(hostRect.right - width, this.options.offset);
         const available = {
             top: hostRect.top - 2 * this.options.offset,
@@ -492,7 +492,7 @@ class TuiDropdownPositionDirective {
                 ? hostRect.left
                 : right,
         };
-        const better = available.top > available.bottom ? `top` : `bottom`;
+        const better = available.top > available.bottom ? 'top' : 'bottom';
         if ((available[previous] > minHeight && direction) ||
             available[previous] > height) {
             return [position[previous], position[align]];
@@ -506,7 +506,7 @@ TuiDropdownPositionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownPositionDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])`,
+                    selector: '[tuiDropdown]:not([tuiDropdownCustomPosition]):not([tuiDropdownSided])',
                     providers: [tuiAsPositionAccessor(TuiDropdownPositionDirective)],
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
@@ -526,8 +526,8 @@ class TuiDropdownPositionSidedDirective {
         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 = '';
     }
     getPosition(rect) {
         if (this.tuiDropdownSided === false) {
@@ -549,7 +549,7 @@ class TuiDropdownPositionSidedDirective {
             right: hostRect.right + this.options.offset,
             bottom: hostRect.top - 1, // 1 for border
         };
-        const better = available.top > available.bottom ? `top` : `bottom`;
+        const better = available.top > available.bottom ? 'top' : 'bottom';
         const maxLeft = available.left > available.right ? position.left : position.right;
         const left = available[align] > width ? position[align] : maxLeft;
         if ((available[this.previous] > minHeight && direction) ||
@@ -568,7 +568,7 @@ TuiDropdownPositionSidedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownPositionSidedDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdownSided]`,
+                    selector: '[tuiDropdownSided]',
                     providers: [
                         TuiDropdownPositionDirective,
                         tuiAsPositionAccessor(TuiDropdownPositionSidedDirective),
@@ -611,7 +611,7 @@ class TuiDropdownSelectionDirective extends TuiDriver {
                     : this.range;
             return (contained && handler(this.range)) || this.inDropdown(range);
         }));
-        this.position = `selection`;
+        this.position = 'selection';
     }
     set tuiDropdownSelection(visible) {
         if (!tuiIsString(visible)) {
@@ -620,7 +620,7 @@ class TuiDropdownSelectionDirective extends TuiDriver {
     }
     getClientRect() {
         switch (this.position) {
-            case `tag`: {
+            case 'tag': {
                 const { commonAncestorContainer } = this.range;
                 const element = tuiIsElement(commonAncestorContainer)
                     ? commonAncestorContainer
@@ -629,7 +629,7 @@ class TuiDropdownSelectionDirective extends TuiDriver {
                     ? element.getBoundingClientRect()
                     : EMPTY_CLIENT_RECT;
             }
-            case `word`:
+            case 'word':
                 return tuiGetWordRange(this.range).getBoundingClientRect();
             default:
                 return this.range.getBoundingClientRect();
@@ -686,13 +686,13 @@ class TuiDropdownSelectionDirective extends TuiDriver {
      * Create an invisible DIV styled exactly like input/textarea element inside directive
      */
     initGhost(element) {
-        const ghost = this.documentRef.createElement(`div`);
+        const ghost = this.documentRef.createElement('div');
         const { nativeElement } = this.viewContainerRef.element;
         const { font, letterSpacing, textTransform, padding } = getComputedStyle(element);
-        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;
@@ -713,7 +713,7 @@ __decorate([
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiDropdownSelectionDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[tuiDropdown][tuiDropdownSelection]`,
+                    selector: '[tuiDropdown][tuiDropdownSelection]',
                     providers: [
                         tuiAsDriver(TuiDropdownSelectionDirective),
                         tuiAsRectAccessor(TuiDropdownSelectionDirective),
@@ -739,7 +739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     args: [TuiDropdownDirective]
                 }] }]; }, propDecorators: { position: [{
                 type: Input,
-                args: [`tuiDropdownSelectionPosition`]
+                args: ['tuiDropdownSelectionPosition']
             }], tuiDropdownSelection: [{
                 type: Input
             }] } });