@eui/eds 22.0.0-alpha.22 → 22.0.0-alpha.23

package/fesm2022/eui-eds-eds-tooltip.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component, inject, ElementRef, booleanAttribute, numberAttribute, HostListener, Input, Directive } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, numberAttribute, booleanAttribute, signal, inject, ElementRef, effect, Directive } from '@angular/core';
 import { Overlay, ConnectionPositionPair } from '@angular/cdk/overlay';
 import { Subject, BehaviorSubject, Subscription, timer, fromEvent, take } from 'rxjs';
 import { ComponentPortal } from '@angular/cdk/portal';
@@ -32,28 +32,19 @@ class EdsTooltipContainer {
          */
         this.e2e = input('eds-tooltip', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "e2e" }] : /* istanbul ignore next */ []));
-        /**
-         * Computes and returns the CSS classes for the component based on its current state.
-         */
-        this.hostClasses = computed(() => {
-            const cfg = this.config();
-            return ['eds-tooltip', 'eds-tooltip--content-' + cfg.contentAlign, 'eds-tooltip--' + cfg.colorClass]
-                .join(' ')
-                .trim();
-        }, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTooltipContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTooltipContainer, isStandalone: true, selector: "eds-tooltip-container", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, e2e: { classPropertyName: "e2e", publicName: "e2e", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.data-e2e": "e2e()", "@showHide": "\"visible\"" }, classAttribute: "eds-tooltip" }, ngImport: i0, template: "<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n", styles: [".eui-21 .eds-tooltip-panel{margin-bottom:var(--eds-sp-2xl);background:transparent!important}.eui-21 .eds-tooltip-panel.cdk-overlay-pane{background:transparent!important}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host{margin-bottom:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host:before{border-color:var(--eds-c-surface-inverted) transparent transparent transparent;bottom:2px;left:calc(50% - 8px);transform:translateY(16px)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host{margin-top:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host:before{border-color:transparent transparent var(--eds-c-surface-inverted) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host{margin-right:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host:before{border-color:transparent transparent transparent var(--eds-c-surface-inverted);right:-6px;top:50%;transform:translate(8px,-8px)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host{margin-left:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host:before{border-color:transparent var(--eds-c-surface-inverted) transparent transparent;left:-6px;top:50%;transform:translate(-8px,-8px)}.eui-21 :host{max-width:50vw;display:block;position:relative;background:transparent}.eui-21 :host:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-21 :host.eds-tooltip--content-left{text-align:left}.eui-21 :host.eds-tooltip--content-right{text-align:right}.eui-21 :host.eds-tooltip--content-center{text-align:center}.eui-21 :host.eds-tooltip--content-justify{text-align:justify}.eui-21 :host .eds-tooltip__content{background-color:var(--eds-c-surface-inverted);border-radius:var(--eds-br-s);box-shadow:var(--eds-sh-2);color:var(--eds-c-on-surface-inverted);letter-spacing:.05em;padding:var(--eds-sp-2xs);white-space:pre-line;font:var(--eds-f-label-s)}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EdsTooltipContainer, isStandalone: true, selector: "eds-tooltip-container", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, e2e: { classPropertyName: "e2e", publicName: "e2e", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.content-align": "config().contentAlign", "attr.color": "config().colorClass", "attr.data-e2e": "e2e()", "@showHide": "\"visible\"" }, classAttribute: "eds-tooltip" }, ngImport: i0, template: "<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n", styles: [".eui-21 .eds-tooltip-panel{margin-bottom:var(--eds-sp-2xl);background:transparent!important}.eui-21 .eds-tooltip-panel.cdk-overlay-pane{background:transparent!important}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host{margin-bottom:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host:before{border-color:var(--eds-c-surface-inverted) transparent transparent transparent;bottom:2px;left:calc(50% - 8px);transform:translateY(16px)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host{margin-top:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host:before{border-color:transparent transparent var(--eds-c-surface-inverted) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host{margin-right:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host:before{border-color:transparent transparent transparent var(--eds-c-surface-inverted);right:-6px;top:50%;transform:translate(8px,-8px)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host{margin-left:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host:before{border-color:transparent var(--eds-c-surface-inverted) transparent transparent;left:-6px;top:50%;transform:translate(-8px,-8px)}.eui-21 :host{max-width:50vw;display:block;position:relative;background:transparent}.eui-21 :host:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-21 :host[content-align=left]{text-align:left}.eui-21 :host[content-align=right]{text-align:right}.eui-21 :host[content-align=center]{text-align:center}.eui-21 :host[content-align=justify]{text-align:justify}.eui-21 :host .eds-tooltip__content{background-color:var(--eds-c-surface-inverted);border-radius:var(--eds-br-s);box-shadow:var(--eds-sh-2);color:var(--eds-c-on-surface-inverted);letter-spacing:.05em;padding:var(--eds-sp-2xs);white-space:pre-line;font:var(--eds-f-label-s)}\n"], animations: [showHide], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTooltipContainer, decorators: [{
             type: Component,
             args: [{ selector: 'eds-tooltip-container', animations: [showHide], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'eds-tooltip',
-                        '[class]': 'hostClasses()',
+                        '[attr.content-align]': 'config().contentAlign',
+                        '[attr.color]': 'config().colorClass',
                         '[attr.data-e2e]': 'e2e()',
                         '[@showHide]': '"visible"',
-                    }, template: "<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n", styles: [".eui-21 .eds-tooltip-panel{margin-bottom:var(--eds-sp-2xl);background:transparent!important}.eui-21 .eds-tooltip-panel.cdk-overlay-pane{background:transparent!important}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host{margin-bottom:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host:before{border-color:var(--eds-c-surface-inverted) transparent transparent transparent;bottom:2px;left:calc(50% - 8px);transform:translateY(16px)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host{margin-top:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host:before{border-color:transparent transparent var(--eds-c-surface-inverted) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host{margin-right:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host:before{border-color:transparent transparent transparent var(--eds-c-surface-inverted);right:-6px;top:50%;transform:translate(8px,-8px)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host{margin-left:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host:before{border-color:transparent var(--eds-c-surface-inverted) transparent transparent;left:-6px;top:50%;transform:translate(-8px,-8px)}.eui-21 :host{max-width:50vw;display:block;position:relative;background:transparent}.eui-21 :host:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-21 :host.eds-tooltip--content-left{text-align:left}.eui-21 :host.eds-tooltip--content-right{text-align:right}.eui-21 :host.eds-tooltip--content-center{text-align:center}.eui-21 :host.eds-tooltip--content-justify{text-align:justify}.eui-21 :host .eds-tooltip__content{background-color:var(--eds-c-surface-inverted);border-radius:var(--eds-br-s);box-shadow:var(--eds-sh-2);color:var(--eds-c-on-surface-inverted);letter-spacing:.05em;padding:var(--eds-sp-2xs);white-space:pre-line;font:var(--eds-f-label-s)}\n"] }]
+                    }, template: "<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n", styles: [".eui-21 .eds-tooltip-panel{margin-bottom:var(--eds-sp-2xl);background:transparent!important}.eui-21 .eds-tooltip-panel.cdk-overlay-pane{background:transparent!important}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host{margin-bottom:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--above :host:before{border-color:var(--eds-c-surface-inverted) transparent transparent transparent;bottom:2px;left:calc(50% - 8px);transform:translateY(16px)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host{margin-top:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--below :host:before{border-color:transparent transparent var(--eds-c-surface-inverted) transparent;left:calc(50% - 8px);top:0;transform:translateY(-100%)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host{margin-right:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--left :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--before :host:before{border-color:transparent transparent transparent var(--eds-c-surface-inverted);right:-6px;top:50%;transform:translate(8px,-8px)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host{margin-left:var(--eds-sp-s)}.eui-21 .eds-tooltip-panel.eds-tooltip--right :host:before,.eui-21 .eds-tooltip-panel.eds-tooltip--after :host:before{border-color:transparent var(--eds-c-surface-inverted) transparent transparent;left:-6px;top:50%;transform:translate(-8px,-8px)}.eui-21 :host{max-width:50vw;display:block;position:relative;background:transparent}.eui-21 :host:before{border-color:transparent;border-style:solid;border-width:8px;bottom:0;content:\"\";display:block;height:0;position:absolute;width:0}.eui-21 :host[content-align=left]{text-align:left}.eui-21 :host[content-align=right]{text-align:right}.eui-21 :host[content-align=center]{text-align:center}.eui-21 :host[content-align=justify]{text-align:justify}.eui-21 :host .eds-tooltip__content{background-color:var(--eds-c-surface-inverted);border-radius:var(--eds-br-s);box-shadow:var(--eds-sh-2);color:var(--eds-c-on-surface-inverted);letter-spacing:.05em;padding:var(--eds-sp-2xs);white-space:pre-line;font:var(--eds-f-label-s)}\n"] }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], e2e: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2e", required: false }] }] } });
 
 class EdsTooltip {
@@ -63,43 +54,54 @@ class EdsTooltip {
          *
          * @default 'eds-tooltip'
          */
-        this.e2eAttr = 'eds-tooltip';
+        this.e2eAttr = input('eds-tooltip', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "e2eAttr" }] : /* istanbul ignore next */ []));
         /**
          * Sets the delay for the tooltip to be visible.
          *
          * @default 0
          */
-        this.showDelay = 0;
+        this.showDelay = input(0, { ...(ngDevMode ? { debugName: "showDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * Sets the delay for the tooltip to be hidden
          *
          * @default 0
          */
-        this.hideDelay = 0;
+        this.hideDelay = input(0, { ...(ngDevMode ? { debugName: "hideDelay" } : /* istanbul ignore next */ {}), transform: numberAttribute });
         /**
          * Sets the alignment of the content in the tooltip.
          *
-         * @default 'center''
+         * @default 'center'
          */
-        this.contentAlignment = 'center';
+        this.contentAlignment = input('center', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contentAlignment" }] : /* istanbul ignore next */ []));
         /**
          * Sets the position of the tooltip relative to its trigger element.
          *
-         * @default 'center''
+         * @default 'above'
          */
-        this.position = 'above';
+        this.position = input('above', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
         /**
          * Whether the tooltip is disabled.
          *
          * @default false (enable)
          */
-        this.isDisabled = false;
+        this.isDisabled = input(false, { ...(ngDevMode ? { debugName: "isDisabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Tooltip content.
+         */
+        this.tooltipContent = input('', { ...(ngDevMode ? { debugName: "tooltipContent" } : /* istanbul ignore next */ {}), alias: 'edsTooltip' });
         /**
          * Semantic color of the tooltip.
          *
          * @default 'secondary'
          */
-        this.color = 'secondary';
+        this.color = input('secondary', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        /** Internal, runtime-resolved position (seeded from the `position` input, updated by the overlay). */
+        this._position = signal('above', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_position" }] : /* istanbul ignore next */ []));
         this.originX = 'center';
         this.originY = 'top';
         this.overlayX = 'center';
@@ -116,15 +118,20 @@ class EdsTooltip {
         this.positionStrategySubscription = new Subscription();
         this.overlay = inject(Overlay);
         this.host = inject(ElementRef);
-    }
-    ngOnChanges() {
-        if (this.tooltipInstance) {
-            this.tooltipInstance.setInput('config', this.getTooltipConfig());
-        }
-        this.setPosition();
-    }
-    ngOnInit() {
-        this.setPosition();
+        // Sync the position input into the runtime position and recompute the position strategy;
+        // also push updated config to a live tooltip instance whenever inputs change.
+        effect(() => {
+            this._position.set(this.position());
+            this.setPosition();
+            // Touch the other config-driving inputs so this effect re-runs on their change.
+            this.contentAlignment();
+            this.color();
+            this.tooltipContent();
+            this.e2eAttr();
+            if (this.tooltipInstance) {
+                this.tooltipInstance.setInput('config', this.getTooltipConfig());
+            }
+        });
     }
     ngOnDestroy() {
         this.destroy$.next(true);
@@ -136,12 +143,6 @@ class EdsTooltip {
         this.overlayRef?.dispose();
         this.overlayRef = null;
     }
-    mouseEntering(event) {
-        this.show(event.target ?? undefined);
-    }
-    focused(event) {
-        this.show(event.target ?? undefined);
-    }
     /**
      * Returns the current open state.
      *
@@ -159,8 +160,8 @@ class EdsTooltip {
         this.mouseleaveSubscription.unsubscribe();
         this.blurSubscription.unsubscribe();
         this.showDelaySubscription.unsubscribe();
-        this.showDelaySubscription = timer(this.showDelay).subscribe(() => {
-            if (!this.isOpen && !this.isDisabled && this.tooltipContent) {
+        this.showDelaySubscription = timer(this.showDelay()).subscribe(() => {
+            if (!this.isOpen && !this.isDisabled() && this.tooltipContent()) {
                 const positionStrategy = this.overlay
                     .position()
                     .flexibleConnectedTo(origin)
@@ -179,7 +180,7 @@ class EdsTooltip {
                     scrollStrategy,
                 });
                 this.positionStrategySubscription = positionStrategy.positionChanges.subscribe((overlayPosition) => {
-                    this.position = this.getPosition(overlayPosition);
+                    this._position.set(this.getPosition(overlayPosition));
                     const positionClasses = [
                         'eds-tooltip--left',
                         'eds-tooltip--right',
@@ -189,7 +190,8 @@ class EdsTooltip {
                         'eds-tooltip--after',
                     ];
                     this.overlayRef?.removePanelClass(positionClasses);
-                    this.overlayRef?.addPanelClass(['eds-tooltip--' + this.position]);
+                    this.overlayRef?.addPanelClass(['eds-tooltip--' + this._position()]);
+                    this.tooltipInstance?.setInput('config', this.getTooltipConfig());
                 });
                 const componentPortal = new ComponentPortal(EdsTooltipContainer, null);
                 this.tooltipInstance = this.overlayRef.attach(componentPortal);
@@ -208,7 +210,7 @@ class EdsTooltip {
      * Method that closes a tooltip.
      */
     hide() {
-        timer(this.hideDelay)
+        timer(this.hideDelay())
             .pipe(take(1))
             .subscribe(() => {
             this.isOpen$.next(false);
@@ -220,6 +222,12 @@ class EdsTooltip {
             this.overlayRef = null;
         });
     }
+    mouseEntering(event) {
+        this.show(event.target ?? undefined);
+    }
+    focused(event) {
+        this.show(event.target ?? undefined);
+    }
     onEscapePressed(event) {
         if (this.isOpen) {
             event.stopPropagation();
@@ -229,15 +237,15 @@ class EdsTooltip {
     /**
      * Generates and returns the tooltip configuration based on the defined tooltip properties.
      *
-     * @returns {edsTooltipInterface} The tooltip configuration object, including attributes used in container component.
+     * @returns {EdsTooltipInterface} The tooltip configuration object, including attributes used in container component.
      */
     getTooltipConfig() {
         return {
-            e2eAttr: this.e2eAttr,
-            tooltipContent: this.tooltipContent,
-            position: this.position,
-            contentAlign: this.contentAlignment,
-            colorClass: this.color,
+            e2eAttr: this.e2eAttr(),
+            tooltipContent: this.tooltipContent(),
+            position: this._position(),
+            contentAlign: this.contentAlignment(),
+            colorClass: this.color(),
         };
     }
     /**
@@ -259,19 +267,20 @@ class EdsTooltip {
         if (overlayPosition.connectionPair.originX === 'end' && overlayPosition.connectionPair.overlayX === 'start') {
             return 'right';
         }
-        return this.position;
+        return this._position();
     }
     /**
-     * Sets the position-related properties based on the current `position` value.
+     * Sets the position-related properties based on the current resolved position.
      */
     setPosition() {
-        if (this.position === 'above') {
+        const position = this._position();
+        if (position === 'above') {
             this.originY = 'top';
             this.overlayY = 'bottom';
             this.fallbackOriginY = 'bottom';
             this.fallbackOverlayY = 'top';
         }
-        if (this.position === 'right' || this.position === 'after') {
+        if (position === 'right' || position === 'after') {
             this.originX = 'end';
             this.originY = 'center';
             this.overlayX = 'start';
@@ -281,13 +290,13 @@ class EdsTooltip {
             this.fallbackOverlayX = 'end';
             this.fallbackOverlayY = 'center';
         }
-        if (this.position === 'below') {
+        if (position === 'below') {
             this.originY = 'bottom';
             this.overlayY = 'top';
             this.fallbackOriginY = 'top';
             this.fallbackOverlayY = 'bottom';
         }
-        if (this.position === 'left' || this.position === 'before') {
+        if (position === 'left' || position === 'before') {
             this.originX = 'start';
             this.originY = 'center';
             this.overlayX = 'end';
@@ -299,44 +308,20 @@ class EdsTooltip {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "22.1.2", type: EdsTooltip, isStandalone: true, selector: "[edsTooltip]", inputs: { e2eAttr: "e2eAttr", showDelay: ["showDelay", "showDelay", numberAttribute], hideDelay: ["hideDelay", "hideDelay", numberAttribute], contentAlignment: "contentAlignment", position: "position", isDisabled: ["isDisabled", "isDisabled", booleanAttribute], tooltipContent: ["edsTooltip", "tooltipContent"], color: "color" }, host: { listeners: { "mouseenter": "mouseEntering($event)", "focus": "focused($event)", "keydown.esc": "onEscapePressed($any($event))" } }, exportAs: ["edsTooltip"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: EdsTooltip, isStandalone: true, selector: "[edsTooltip]", inputs: { e2eAttr: { classPropertyName: "e2eAttr", publicName: "e2eAttr", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, contentAlignment: { classPropertyName: "contentAlignment", publicName: "contentAlignment", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipContent: { classPropertyName: "tooltipContent", publicName: "edsTooltip", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "mouseEntering($event)", "focus": "focused($event)", "keydown.esc": "onEscapePressed($any($event))" } }, exportAs: ["edsTooltip"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTooltip, decorators: [{
             type: Directive,
             args: [{
                     selector: '[edsTooltip]',
                     exportAs: 'edsTooltip',
+                    host: {
+                        '(mouseenter)': 'mouseEntering($event)',
+                        '(focus)': 'focused($event)',
+                        '(keydown.esc)': 'onEscapePressed($any($event))',
+                    },
                 }]
-        }], propDecorators: { e2eAttr: [{
-                type: Input
-            }], showDelay: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], hideDelay: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }], contentAlignment: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], tooltipContent: [{
-                type: Input,
-                args: ['edsTooltip']
-            }], color: [{
-                type: Input
-            }], mouseEntering: [{
-                type: HostListener,
-                args: ['mouseenter', ['$event']]
-            }], focused: [{
-                type: HostListener,
-                args: ['focus', ['$event']]
-            }], onEscapePressed: [{
-                type: HostListener,
-                args: ['keydown.esc', ['$any($event)']]
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { e2eAttr: [{ type: i0.Input, args: [{ isSignal: true, alias: "e2eAttr", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], contentAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentAlignment", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], tooltipContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "edsTooltip", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/eui-eds-eds-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-eds-eds-tooltip.mjs","sources":["../../eds-tooltip/eds-tooltip-animations.ts","../../eds-tooltip/eds-tooltip-container.ts","../../eds-tooltip/eds-tooltip-container.html","../../eds-tooltip/eds-tooltip.ts","../../eds-tooltip/eui-eds-eds-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger, keyframes } from '@angular/animations';\n\n/**\n * Tooltip display animation.\n */\nexport const showHide = trigger('showHide', [\n    state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),\n    state('visible', style({ transform: 'scale(1)' })),\n    transition(\n        '* => visible',\n        animate(\n            '200ms cubic-bezier(0, 0, 0.2, 1)',\n            keyframes([\n                style({ opacity: 0, transform: 'scale(0)', offset: 0 }),\n                style({ opacity: 0.5, transform: 'scale(0.99)', offset: 0.5 }),\n                style({ opacity: 1, transform: 'scale(1)', offset: 1 }),\n            ]),\n        ),\n    ),\n    transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 }))),\n]);\n","import { ChangeDetectionStrategy, Component, input, computed } from '@angular/core';\n\nimport { showHide } from './eds-tooltip-animations';\nimport { EdsTooltipInterface } from './eds-tooltip.config';\n\n@Component({\n    selector: 'eds-tooltip-container',\n    templateUrl: 'eds-tooltip-container.html',\n    styleUrl: './eds-tooltip-container.scss',\n    // Styles are in globals: \\packages\\styles\\src\\styles\\07-elements\\directives\\_eui-tooltip.scss\n    animations: [showHide],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-tooltip',\n        '[class]': 'hostClasses()',\n        '[attr.data-e2e]': 'e2e()',\n        '[@showHide]': '\"visible\"',\n    },\n})\nexport class EdsTooltipContainer {\n    /**\n     * Configuration provided by edsTooltip directive at instantiation.\n     */\n    config = input.required<EdsTooltipInterface>();\n\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     * @default 'eds-tooltip'\n     */\n    e2e = input('eds-tooltip');\n\n    /**\n     * Computes and returns the CSS classes for the component based on its current state.\n     */\n    protected hostClasses = computed(() => {\n        const cfg = this.config();\n        return ['eds-tooltip', 'eds-tooltip--content-' + cfg.contentAlign, 'eds-tooltip--' + cfg.colorClass]\n            .join(' ')\n            .trim();\n    });\n}\n","<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n","import {\n    Directive,\n    Input,\n    OnInit,\n    OnDestroy,\n    ElementRef,\n    HostListener,\n    OnChanges,\n    numberAttribute,\n    booleanAttribute,\n    ComponentRef,\n    inject,\n} from '@angular/core';\nimport {\n    ConnectedOverlayPositionChange,\n    ConnectionPositionPair,\n    FlexibleConnectedPositionStrategyOrigin,\n    Overlay,\n    OverlayRef,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, fromEvent, Subject, Subscription, take, timer } from 'rxjs';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\nimport { EdsTooltipContainer } from './eds-tooltip-container';\nimport { EdsTooltipInterface } from './eds-tooltip.config';\n\n/**\n * Local narrowed color union — the tooltip's color contract.\n */\nexport type EdsTooltipColor =\n    | 'primary'\n    | 'secondary'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'accent';\n\n@Directive({\n    selector: '[edsTooltip]',\n    exportAs: 'edsTooltip',\n})\nexport class EdsTooltip implements OnChanges, OnInit, OnDestroy {\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-tooltip'\n     */\n    @Input() e2eAttr = 'eds-tooltip';\n    /**\n     * Sets the delay for the tooltip to be visible.\n     *\n     * @default 0\n     */\n    @Input({ transform: numberAttribute }) showDelay = 0;\n    /**\n     * Sets the delay for the tooltip to be hidden\n     *\n     * @default 0\n     */\n    @Input({ transform: numberAttribute }) hideDelay = 0;\n    /**\n     * Sets the alignment of the content in the tooltip.\n     *\n     * @default 'center''\n     */\n    @Input() contentAlignment: 'left' | 'right' | 'center' | 'justify' = 'center';\n    /**\n     * Sets the position of the tooltip relative to its trigger element.\n     *\n     * @default 'center''\n     */\n    @Input() position: 'left' | 'right' | 'above' | 'below' | 'before' | 'after' | string = 'above';\n    /**\n     * Whether the tooltip is disabled.\n     *\n     * @default false (enable)\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n    /**\n     * Tooltip content.\n     */\n    @Input('edsTooltip') tooltipContent!: string;\n    /**\n     * Semantic color of the tooltip.\n     *\n     * @default 'secondary'\n     */\n    @Input() color: EdsTooltipColor = 'secondary';\n\n    private originX: 'start' | 'end' | 'center' = 'center';\n    private originY: 'top' | 'bottom' | 'center' = 'top';\n    private overlayX: 'start' | 'end' | 'center' = 'center';\n    private overlayY: 'top' | 'bottom' | 'center' = 'bottom';\n    private fallbackOriginX: 'start' | 'end' | 'center' = 'center';\n    private fallbackOriginY: 'top' | 'bottom' | 'center' = 'bottom';\n    private fallbackOverlayX: 'start' | 'end' | 'center' = 'center';\n    private fallbackOverlayY: 'top' | 'bottom' | 'center' = 'top';\n    private overlayRef!: OverlayRef | null;\n    private destroy$ = new Subject<boolean>();\n    private isOpen$ = new BehaviorSubject<boolean>(false);\n    private mouseleaveSubscription = new Subscription();\n    private blurSubscription = new Subscription();\n    private showDelaySubscription = new Subscription();\n    private positionStrategySubscription = new Subscription();\n    private tooltipInstance!: ComponentRef<EdsTooltipContainer>;\n    private overlay = inject(Overlay);\n    private host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    ngOnChanges(): void {\n        if (this.tooltipInstance) {\n            this.tooltipInstance.setInput('config', this.getTooltipConfig());\n        }\n\n        this.setPosition();\n    }\n\n    ngOnInit(): void {\n        this.setPosition();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.mouseleaveSubscription.unsubscribe();\n        this.blurSubscription.unsubscribe();\n        this.showDelaySubscription.unsubscribe();\n        this.positionStrategySubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n    }\n\n    @HostListener('mouseenter', ['$event'])\n    mouseEntering(event: MouseEvent): void {\n        this.show(event.target ?? undefined);\n    }\n\n    @HostListener('focus', ['$event'])\n    focused(event: FocusEvent): void {\n        this.show(event.target ?? undefined);\n    }\n\n    /**\n     * Returns the current open state.\n     *\n     * @returns {boolean} `true` if the element is open, otherwise `false`.\n     */\n    get isOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    /**\n     * Method that shows a tooltip.\n     *\n     * @param origin Origin of the tooltip. Where it will be displayed.\n     */\n    public show(origin: EventTarget = this.host.nativeElement): void {\n        this.mouseleaveSubscription.unsubscribe();\n        this.blurSubscription.unsubscribe();\n        this.showDelaySubscription.unsubscribe();\n        \n        this.showDelaySubscription = timer(this.showDelay).subscribe(() => {\n            if (!this.isOpen && !this.isDisabled && this.tooltipContent) {\n                const positionStrategy = this.overlay\n                    .position()\n                    .flexibleConnectedTo(origin as FlexibleConnectedPositionStrategyOrigin)\n                    .withPositions([\n                        new ConnectionPositionPair(\n                            { originX: this.originX, originY: this.originY },\n                            { overlayX: this.overlayX, overlayY: this.overlayY },\n                        ),\n                        new ConnectionPositionPair(\n                            { originX: this.fallbackOriginX, originY: this.fallbackOriginY },\n                            { overlayX: this.fallbackOverlayX, overlayY: this.fallbackOverlayY },\n                        ),\n                    ])\n                    .withFlexibleDimensions(false)\n                    .withLockedPosition(true);\n                const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n                this.overlayRef = this.overlay.create({\n                    hasBackdrop: false,\n                    usePopover: false,\n                    panelClass: ['eds-tooltip-panel', 'eui-21'],\n                    positionStrategy,\n                    scrollStrategy,\n                });\n\n                this.positionStrategySubscription = positionStrategy.positionChanges.subscribe((overlayPosition) => {\n                    this.position = this.getPosition(overlayPosition);\n                    const positionClasses = [\n                        'eds-tooltip--left',\n                        'eds-tooltip--right',\n                        'eds-tooltip--above',\n                        'eds-tooltip--below',\n                        'eds-tooltip--before',\n                        'eds-tooltip--after',\n                    ];\n                    this.overlayRef?.removePanelClass(positionClasses);\n                    this.overlayRef?.addPanelClass(['eds-tooltip--' + this.position]);\n                });\n\n                const componentPortal = new ComponentPortal<EdsTooltipContainer>(\n                    EdsTooltipContainer,\n                    null,\n                );\n\n                this.tooltipInstance = this.overlayRef.attach(componentPortal);\n                this.tooltipInstance.setInput('config', this.getTooltipConfig());\n\n                this.isOpen$.next(true);\n            }\n        });\n\n        this.mouseleaveSubscription = fromEvent(origin, 'mouseleave').subscribe(() => {\n            this.hide();\n        });\n\n        this.blurSubscription = fromEvent(origin, 'blur').subscribe(() => {\n            this.hide();\n        });\n    }\n\n    /**\n     * Method that closes a tooltip.\n     */\n    public hide(): void {\n        timer(this.hideDelay)\n            .pipe(take(1))\n            .subscribe(() => {\n                this.isOpen$.next(false);\n                this.mouseleaveSubscription.unsubscribe();\n                this.blurSubscription.unsubscribe();\n                this.showDelaySubscription.unsubscribe();\n                this.positionStrategySubscription.unsubscribe();\n                this.overlayRef?.dispose();\n                this.overlayRef = null;\n            });\n    }\n\n    @HostListener('keydown.esc', ['$any($event)'])\n    protected onEscapePressed(event: KeyboardEvent): void {\n        if (this.isOpen) {\n            event.stopPropagation();\n            this.hide();\n        }\n    }\n\n    /**\n     * Generates and returns the tooltip configuration based on the defined tooltip properties.\n     *\n     * @returns {edsTooltipInterface} The tooltip configuration object, including attributes used in container component.\n     */\n    private getTooltipConfig(): EdsTooltipInterface {\n        return {\n            e2eAttr: this.e2eAttr,\n            tooltipContent: this.tooltipContent,\n            position: this.position,\n            contentAlign: this.contentAlignment,\n            colorClass: this.color,\n        };\n    }\n\n    /**\n     * Determines and returns the tooltip's position based on the overlay's connection pair.\n     *\n     * @param {ConnectedOverlayPositionChange} overlayPosition - The overlay position change event.\n     * @returns {string} The calculated position (`'above'`, `'below'`, `'left'`, or `'right'`).\n     */\n    private getPosition(overlayPosition: ConnectedOverlayPositionChange): string {\n        if (overlayPosition.connectionPair.originY === 'top' && overlayPosition.connectionPair.overlayY === 'bottom') {\n            return 'above';\n        }\n        if (overlayPosition.connectionPair.originY === 'bottom' && overlayPosition.connectionPair.overlayY === 'top') {\n            return 'below';\n        }\n        if (overlayPosition.connectionPair.originX === 'start' && overlayPosition.connectionPair.overlayX === 'end') {\n            return 'left';\n        }\n        if (overlayPosition.connectionPair.originX === 'end' && overlayPosition.connectionPair.overlayX === 'start') {\n            return 'right';\n        }\n        return this.position;\n    }\n\n    /**\n     * Sets the position-related properties based on the current `position` value.\n     */\n    private setPosition(): void {\n        if (this.position === 'above') {\n            this.originY = 'top';\n            this.overlayY = 'bottom';\n            this.fallbackOriginY = 'bottom';\n            this.fallbackOverlayY = 'top';\n        }\n        if (this.position === 'right' || this.position === 'after') {\n            this.originX = 'end';\n            this.originY = 'center';\n            this.overlayX = 'start';\n            this.overlayY = 'center';\n            this.fallbackOriginX = 'start';\n            this.fallbackOriginY = 'center';\n            this.fallbackOverlayX = 'end';\n            this.fallbackOverlayY = 'center';\n        }\n        if (this.position === 'below') {\n            this.originY = 'bottom';\n            this.overlayY = 'top';\n            this.fallbackOriginY = 'top';\n            this.fallbackOverlayY = 'bottom';\n        }\n        if (this.position === 'left' || this.position === 'before') {\n            this.originX = 'start';\n            this.originY = 'center';\n            this.overlayX = 'end';\n            this.overlayY = 'center';\n            this.fallbackOriginX = 'end';\n            this.fallbackOriginY = 'center';\n            this.fallbackOverlayX = 'start';\n            this.fallbackOverlayY = 'center';\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEA;;AAEG;AACI,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,EAAE;AACxC,IAAA,KAAK,CAAC,uBAAuB,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;IAC5E,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;IAClD,UAAU,CACN,cAAc,EACd,OAAO,CACH,kCAAkC,EAClC,SAAS,CAAC;AACN,QAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AACvD,QAAA,KAAK,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAC9D,QAAA,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AAC1D,KAAA,CAAC,CACL,CACJ;AACD,IAAA,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC,kCAAkC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAChG,CAAA,CAAC;;MCDW,mBAAmB,CAAA;AAdhC,IAAA,WAAA,GAAA;AAeI;;AAEG;QACH,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ;mFAAuB;AAE9C;;;AAGG;QACH,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,aAAa;gFAAC;AAE1B;;AAEG;AACO,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAClC,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,YAAA,OAAO,CAAC,aAAa,EAAE,uBAAuB,GAAG,GAAG,CAAC,YAAY,EAAE,eAAe,GAAG,GAAG,CAAC,UAAU;iBAC9F,IAAI,CAAC,GAAG;AACR,iBAAA,IAAI,EAAE;QACf,CAAC;wFAAC;AACL,IAAA;8GArBY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,eAAA,EAAA,eAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBhC,sFACA,EAAA,MAAA,EAAA,CAAA,mrEAAA,CAAA,EAAA,UAAA,EDSgB,CAAC,QAAQ,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FASb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,SAAS;+BACI,uBAAuB,EAAA,UAAA,EAIrB,CAAC,QAAQ,CAAC,mBACL,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,iBAAiB,EAAE,OAAO;AAC1B,wBAAA,aAAa,EAAE,WAAW;AAC7B,qBAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,CAAA,mrEAAA,CAAA,EAAA;;;MEyBQ,UAAU,CAAA;AAJvB,IAAA,WAAA,GAAA;AAKI;;;;AAIG;QACM,IAAA,CAAA,OAAO,GAAG,aAAa;AAChC;;;;AAIG;QACoC,IAAA,CAAA,SAAS,GAAG,CAAC;AACpD;;;;AAIG;QACoC,IAAA,CAAA,SAAS,GAAG,CAAC;AACpD;;;;AAIG;QACM,IAAA,CAAA,gBAAgB,GAA4C,QAAQ;AAC7E;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAuE,OAAO;AAC/F;;;;AAIG;QACqC,IAAA,CAAA,UAAU,GAAG,KAAK;AAK1D;;;;AAIG;QACM,IAAA,CAAA,KAAK,GAAoB,WAAW;QAErC,IAAA,CAAA,OAAO,GAA+B,QAAQ;QAC9C,IAAA,CAAA,OAAO,GAAgC,KAAK;QAC5C,IAAA,CAAA,QAAQ,GAA+B,QAAQ;QAC/C,IAAA,CAAA,QAAQ,GAAgC,QAAQ;QAChD,IAAA,CAAA,eAAe,GAA+B,QAAQ;QACtD,IAAA,CAAA,eAAe,GAAgC,QAAQ;QACvD,IAAA,CAAA,gBAAgB,GAA+B,QAAQ;QACvD,IAAA,CAAA,gBAAgB,GAAgC,KAAK;AAErD,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,OAAO,EAAW;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,eAAe,CAAU,KAAK,CAAC;AAC7C,QAAA,IAAA,CAAA,sBAAsB,GAAG,IAAI,YAAY,EAAE;AAC3C,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,YAAY,EAAE;AACrC,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,YAAY,EAAE;AAC1C,QAAA,IAAA,CAAA,4BAA4B,GAAG,IAAI,YAAY,EAAE;AAEjD,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACzB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;AAuN7D,IAAA;IArNG,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACpE;QAEA,IAAI,CAAC,WAAW,EAAE;IACtB;IAEA,QAAQ,GAAA;QACJ,IAAI,CAAC,WAAW,EAAE;IACtB;IAEA,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;AAC3B,QAAA,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE;AACzC,QAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE;AACnC,QAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AACxC,QAAA,IAAI,CAAC,4BAA4B,CAAC,WAAW,EAAE;AAC/C,QAAA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE;AAC1B,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;IAC1B;AAGA,IAAA,aAAa,CAAC,KAAiB,EAAA;QAC3B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IACxC;AAGA,IAAA,OAAO,CAAC,KAAiB,EAAA;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC;IACxC;AAEA;;;;AAIG;AACH,IAAA,IAAI,MAAM,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;IAC7B;AAEA;;;;AAIG;AACI,IAAA,IAAI,CAAC,MAAA,GAAsB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAA;AACrD,QAAA,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE;AACzC,QAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE;AACnC,QAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AAExC,QAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAK;AAC9D,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE;AACzD,gBAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AACzB,qBAAA,QAAQ;qBACR,mBAAmB,CAAC,MAAiD;AACrE,qBAAA,aAAa,CAAC;AACX,oBAAA,IAAI,sBAAsB,CACtB,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAChD,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CACvD;AACD,oBAAA,IAAI,sBAAsB,CACtB,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,EAChE,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,CACvE;iBACJ;qBACA,sBAAsB,CAAC,KAAK;qBAC5B,kBAAkB,CAAC,IAAI,CAAC;AAC7B,gBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;gBAEvF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;AAClC,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,UAAU,EAAE,KAAK;AACjB,oBAAA,UAAU,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;oBAC3C,gBAAgB;oBAChB,cAAc;AACjB,iBAAA,CAAC;AAEF,gBAAA,IAAI,CAAC,4BAA4B,GAAG,gBAAgB,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,eAAe,KAAI;oBAC/F,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC;AACjD,oBAAA,MAAM,eAAe,GAAG;wBACpB,mBAAmB;wBACnB,oBAAoB;wBACpB,oBAAoB;wBACpB,oBAAoB;wBACpB,qBAAqB;wBACrB,oBAAoB;qBACvB;AACD,oBAAA,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,eAAe,CAAC;AAClD,oBAAA,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrE,gBAAA,CAAC,CAAC;gBAEF,MAAM,eAAe,GAAG,IAAI,eAAe,CACvC,mBAAmB,EACnB,IAAI,CACP;gBAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC;AAC9D,gBAAA,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC;AAEhE,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAC3B;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,SAAS,CAAC,MAAK;YACzE,IAAI,CAAC,IAAI,EAAE;AACf,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,SAAS,CAAC,MAAK;YAC7D,IAAI,CAAC,IAAI,EAAE;AACf,QAAA,CAAC,CAAC;IACN;AAEA;;AAEG;IACI,IAAI,GAAA;AACP,QAAA,KAAK,CAAC,IAAI,CAAC,SAAS;AACf,aAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;aACZ,SAAS,CAAC,MAAK;AACZ,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACxB,YAAA,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE;AACzC,YAAA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE;AACnC,YAAA,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE;AACxC,YAAA,IAAI,CAAC,4BAA4B,CAAC,WAAW,EAAE;AAC/C,YAAA,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE;AAC1B,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AAC1B,QAAA,CAAC,CAAC;IACV;AAGU,IAAA,eAAe,CAAC,KAAoB,EAAA;AAC1C,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,KAAK,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,IAAI,EAAE;QACf;IACJ;AAEA;;;;AAIG;IACK,gBAAgB,GAAA;QACpB,OAAO;YACH,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,YAAY,EAAE,IAAI,CAAC,gBAAgB;YACnC,UAAU,EAAE,IAAI,CAAC,KAAK;SACzB;IACL;AAEA;;;;;AAKG;AACK,IAAA,WAAW,CAAC,eAA+C,EAAA;AAC/D,QAAA,IAAI,eAAe,CAAC,cAAc,CAAC,OAAO,KAAK,KAAK,IAAI,eAAe,CAAC,cAAc,CAAC,QAAQ,KAAK,QAAQ,EAAE;AAC1G,YAAA,OAAO,OAAO;QAClB;AACA,QAAA,IAAI,eAAe,CAAC,cAAc,CAAC,OAAO,KAAK,QAAQ,IAAI,eAAe,CAAC,cAAc,CAAC,QAAQ,KAAK,KAAK,EAAE;AAC1G,YAAA,OAAO,OAAO;QAClB;AACA,QAAA,IAAI,eAAe,CAAC,cAAc,CAAC,OAAO,KAAK,OAAO,IAAI,eAAe,CAAC,cAAc,CAAC,QAAQ,KAAK,KAAK,EAAE;AACzG,YAAA,OAAO,MAAM;QACjB;AACA,QAAA,IAAI,eAAe,CAAC,cAAc,CAAC,OAAO,KAAK,KAAK,IAAI,eAAe,CAAC,cAAc,CAAC,QAAQ,KAAK,OAAO,EAAE;AACzG,YAAA,OAAO,OAAO;QAClB;QACA,OAAO,IAAI,CAAC,QAAQ;IACxB;AAEA;;AAEG;IACK,WAAW,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;QACjC;AACA,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AACxD,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,YAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,YAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;AACvB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,CAAC,eAAe,GAAG,OAAO;AAC9B,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;AAC7B,YAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ;QACpC;AACA,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;AAC3B,YAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK;AAC5B,YAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ;QACpC;AACA,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;AACxD,YAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,YAAA,IAAI,CAAC,OAAO,GAAG,QAAQ;AACvB,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;AACrB,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AACxB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK;AAC5B,YAAA,IAAI,CAAC,eAAe,GAAG,QAAQ;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,OAAO;AAC/B,YAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ;QACpC;IACJ;8GAvRS,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAYC,eAAe,CAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAMf,eAAe,wGAkBf,gBAAgB,CAAA,EAAA,cAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,+BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FApC3B,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,YAAY;AACzB,iBAAA;;sBAOI;;sBAMA,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAMpC,KAAK;uBAAC,EAAE,SAAS,EAAE,eAAe,EAAE;;sBAMpC;;sBAMA;;sBAMA,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAIrC,KAAK;uBAAC,YAAY;;sBAMlB;;sBA4CA,YAAY;uBAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;;sBAKrC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBAuGhC,YAAY;uBAAC,aAAa,EAAE,CAAC,cAAc,CAAC;;;AChPjD;;AAEG;;;;"}
+{"version":3,"file":"eui-eds-eds-tooltip.mjs","sources":["../../eds-tooltip/eds-tooltip-animations.ts","../../eds-tooltip/eds-tooltip-container.ts","../../eds-tooltip/eds-tooltip-container.html","../../eds-tooltip/eds-tooltip.ts","../../eds-tooltip/eui-eds-eds-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger, keyframes } from '@angular/animations';\n\n/**\n * Tooltip display animation.\n */\nexport const showHide = trigger('showHide', [\n    state('initial, void, hidden', style({ opacity: 0, transform: 'scale(0)' })),\n    state('visible', style({ transform: 'scale(1)' })),\n    transition(\n        '* => visible',\n        animate(\n            '200ms cubic-bezier(0, 0, 0.2, 1)',\n            keyframes([\n                style({ opacity: 0, transform: 'scale(0)', offset: 0 }),\n                style({ opacity: 0.5, transform: 'scale(0.99)', offset: 0.5 }),\n                style({ opacity: 1, transform: 'scale(1)', offset: 1 }),\n            ]),\n        ),\n    ),\n    transition('* => hidden', animate('100ms cubic-bezier(0, 0, 0.2, 1)', style({ opacity: 0 }))),\n]);\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { showHide } from './eds-tooltip-animations';\nimport { EdsTooltipInterface } from './eds-tooltip.config';\n\n@Component({\n    selector: 'eds-tooltip-container',\n    templateUrl: 'eds-tooltip-container.html',\n    styleUrl: './eds-tooltip-container.scss',\n    // Styles are in globals: \\packages\\styles\\src\\styles\\07-elements\\directives\\_eui-tooltip.scss\n    animations: [showHide],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'eds-tooltip',\n        '[attr.content-align]': 'config().contentAlign',\n        '[attr.color]': 'config().colorClass',\n        '[attr.data-e2e]': 'e2e()',\n        '[@showHide]': '\"visible\"',\n    },\n})\nexport class EdsTooltipContainer {\n    /**\n     * Configuration provided by edsTooltip directive at instantiation.\n     */\n    config = input.required<EdsTooltipInterface>();\n\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     * @default 'eds-tooltip'\n     */\n    e2e = input('eds-tooltip');\n}\n","<div class=\"eds-tooltip__content\" [innerHTML]=\"config().tooltipContent\"></div>\n","import {\n    Directive,\n    OnDestroy,\n    ElementRef,\n    numberAttribute,\n    booleanAttribute,\n    ComponentRef,\n    inject,\n    input,\n    signal,\n    effect,\n} from '@angular/core';\nimport {\n    ConnectedOverlayPositionChange,\n    ConnectionPositionPair,\n    FlexibleConnectedPositionStrategyOrigin,\n    Overlay,\n    OverlayRef,\n} from '@angular/cdk/overlay';\nimport { BehaviorSubject, fromEvent, Subject, Subscription, take, timer } from 'rxjs';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\nimport { EdsTooltipContainer } from './eds-tooltip-container';\nimport { EdsTooltipInterface } from './eds-tooltip.config';\n\n/**\n * Local narrowed color union — the tooltip's color contract.\n */\nexport type EdsTooltipColor =\n    | 'primary'\n    | 'secondary'\n    | 'info'\n    | 'success'\n    | 'warning'\n    | 'danger'\n    | 'accent';\n\n/** Position of the tooltip relative to its trigger element. */\nexport type EdsTooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after' | string;\n\n/** Content alignment inside the tooltip. */\nexport type EdsTooltipContentAlignment = 'left' | 'right' | 'center' | 'justify';\n\n@Directive({\n    selector: '[edsTooltip]',\n    exportAs: 'edsTooltip',\n    host: {\n        '(mouseenter)': 'mouseEntering($event)',\n        '(focus)': 'focused($event)',\n        '(keydown.esc)': 'onEscapePressed($any($event))',\n    },\n})\nexport class EdsTooltip implements OnDestroy {\n    /**\n     * Sets the `data-e2e` attribute for the host element.\n     *\n     * @default 'eds-tooltip'\n     */\n    e2eAttr = input('eds-tooltip');\n    /**\n     * Sets the delay for the tooltip to be visible.\n     *\n     * @default 0\n     */\n    showDelay = input(0, { transform: numberAttribute });\n    /**\n     * Sets the delay for the tooltip to be hidden\n     *\n     * @default 0\n     */\n    hideDelay = input(0, { transform: numberAttribute });\n    /**\n     * Sets the alignment of the content in the tooltip.\n     *\n     * @default 'center'\n     */\n    contentAlignment = input<EdsTooltipContentAlignment>('center');\n    /**\n     * Sets the position of the tooltip relative to its trigger element.\n     *\n     * @default 'above'\n     */\n    position = input<EdsTooltipPosition>('above');\n    /**\n     * Whether the tooltip is disabled.\n     *\n     * @default false (enable)\n     */\n    isDisabled = input(false, { transform: booleanAttribute });\n    /**\n     * Tooltip content.\n     */\n    tooltipContent = input<string>('', { alias: 'edsTooltip' });\n    /**\n     * Semantic color of the tooltip.\n     *\n     * @default 'secondary'\n     */\n    color = input<EdsTooltipColor>('secondary');\n\n    /** Internal, runtime-resolved position (seeded from the `position` input, updated by the overlay). */\n    private _position = signal<EdsTooltipPosition>('above');\n\n    private originX: 'start' | 'end' | 'center' = 'center';\n    private originY: 'top' | 'bottom' | 'center' = 'top';\n    private overlayX: 'start' | 'end' | 'center' = 'center';\n    private overlayY: 'top' | 'bottom' | 'center' = 'bottom';\n    private fallbackOriginX: 'start' | 'end' | 'center' = 'center';\n    private fallbackOriginY: 'top' | 'bottom' | 'center' = 'bottom';\n    private fallbackOverlayX: 'start' | 'end' | 'center' = 'center';\n    private fallbackOverlayY: 'top' | 'bottom' | 'center' = 'top';\n    private overlayRef!: OverlayRef | null;\n    private destroy$ = new Subject<boolean>();\n    private isOpen$ = new BehaviorSubject<boolean>(false);\n    private mouseleaveSubscription = new Subscription();\n    private blurSubscription = new Subscription();\n    private showDelaySubscription = new Subscription();\n    private positionStrategySubscription = new Subscription();\n    private tooltipInstance!: ComponentRef<EdsTooltipContainer>;\n    private overlay = inject(Overlay);\n    private host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n    constructor() {\n        // Sync the position input into the runtime position and recompute the position strategy;\n        // also push updated config to a live tooltip instance whenever inputs change.\n        effect(() => {\n            this._position.set(this.position());\n            this.setPosition();\n            // Touch the other config-driving inputs so this effect re-runs on their change.\n            this.contentAlignment();\n            this.color();\n            this.tooltipContent();\n            this.e2eAttr();\n            if (this.tooltipInstance) {\n                this.tooltipInstance.setInput('config', this.getTooltipConfig());\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n        this.mouseleaveSubscription.unsubscribe();\n        this.blurSubscription.unsubscribe();\n        this.showDelaySubscription.unsubscribe();\n        this.positionStrategySubscription.unsubscribe();\n        this.overlayRef?.dispose();\n        this.overlayRef = null;\n    }\n\n    /**\n     * Returns the current open state.\n     *\n     * @returns {boolean} `true` if the element is open, otherwise `false`.\n     */\n    get isOpen(): boolean {\n        return this.isOpen$.value;\n    }\n\n    /**\n     * Method that shows a tooltip.\n     *\n     * @param origin Origin of the tooltip. Where it will be displayed.\n     */\n    public show(origin: EventTarget = this.host.nativeElement): void {\n        this.mouseleaveSubscription.unsubscribe();\n        this.blurSubscription.unsubscribe();\n        this.showDelaySubscription.unsubscribe();\n\n        this.showDelaySubscription = timer(this.showDelay()).subscribe(() => {\n            if (!this.isOpen && !this.isDisabled() && this.tooltipContent()) {\n                const positionStrategy = this.overlay\n                    .position()\n                    .flexibleConnectedTo(origin as FlexibleConnectedPositionStrategyOrigin)\n                    .withPositions([\n                        new ConnectionPositionPair(\n                            { originX: this.originX, originY: this.originY },\n                            { overlayX: this.overlayX, overlayY: this.overlayY },\n                        ),\n                        new ConnectionPositionPair(\n                            { originX: this.fallbackOriginX, originY: this.fallbackOriginY },\n                            { overlayX: this.fallbackOverlayX, overlayY: this.fallbackOverlayY },\n                        ),\n                    ])\n                    .withFlexibleDimensions(false)\n                    .withLockedPosition(true);\n                const scrollStrategy = this.overlay.scrollStrategies.reposition({ scrollThrottle: 10 });\n\n                this.overlayRef = this.overlay.create({\n                    hasBackdrop: false,\n                    usePopover: false,\n                    panelClass: ['eds-tooltip-panel', 'eui-21'],\n                    positionStrategy,\n                    scrollStrategy,\n                });\n\n                this.positionStrategySubscription = positionStrategy.positionChanges.subscribe((overlayPosition) => {\n                    this._position.set(this.getPosition(overlayPosition));\n                    const positionClasses = [\n                        'eds-tooltip--left',\n                        'eds-tooltip--right',\n                        'eds-tooltip--above',\n                        'eds-tooltip--below',\n                        'eds-tooltip--before',\n                        'eds-tooltip--after',\n                    ];\n                    this.overlayRef?.removePanelClass(positionClasses);\n                    this.overlayRef?.addPanelClass(['eds-tooltip--' + this._position()]);\n                    this.tooltipInstance?.setInput('config', this.getTooltipConfig());\n                });\n\n                const componentPortal = new ComponentPortal<EdsTooltipContainer>(\n                    EdsTooltipContainer,\n                    null,\n                );\n\n                this.tooltipInstance = this.overlayRef.attach(componentPortal);\n                this.tooltipInstance.setInput('config', this.getTooltipConfig());\n\n                this.isOpen$.next(true);\n            }\n        });\n\n        this.mouseleaveSubscription = fromEvent(origin, 'mouseleave').subscribe(() => {\n            this.hide();\n        });\n\n        this.blurSubscription = fromEvent(origin, 'blur').subscribe(() => {\n            this.hide();\n        });\n    }\n\n    /**\n     * Method that closes a tooltip.\n     */\n    public hide(): void {\n        timer(this.hideDelay())\n            .pipe(take(1))\n            .subscribe(() => {\n                this.isOpen$.next(false);\n                this.mouseleaveSubscription.unsubscribe();\n                this.blurSubscription.unsubscribe();\n                this.showDelaySubscription.unsubscribe();\n                this.positionStrategySubscription.unsubscribe();\n                this.overlayRef?.dispose();\n                this.overlayRef = null;\n            });\n    }\n\n    protected mouseEntering(event: MouseEvent): void {\n        this.show(event.target ?? undefined);\n    }\n\n    protected focused(event: FocusEvent): void {\n        this.show(event.target ?? undefined);\n    }\n\n    protected onEscapePressed(event: KeyboardEvent): void {\n        if (this.isOpen) {\n            event.stopPropagation();\n            this.hide();\n        }\n    }\n\n    /**\n     * Generates and returns the tooltip configuration based on the defined tooltip properties.\n     *\n     * @returns {EdsTooltipInterface} The tooltip configuration object, including attributes used in container component.\n     */\n    private getTooltipConfig(): EdsTooltipInterface {\n        return {\n            e2eAttr: this.e2eAttr(),\n            tooltipContent: this.tooltipContent(),\n            position: this._position(),\n            contentAlign: this.contentAlignment(),\n            colorClass: this.color(),\n        };\n    }\n\n    /**\n     * Determines and returns the tooltip's position based on the overlay's connection pair.\n     *\n     * @param {ConnectedOverlayPositionChange} overlayPosition - The overlay position change event.\n     * @returns {string} The calculated position (`'above'`, `'below'`, `'left'`, or `'right'`).\n     */\n    private getPosition(overlayPosition: ConnectedOverlayPositionChange): EdsTooltipPosition {\n        if (overlayPosition.connectionPair.originY === 'top' && overlayPosition.connectionPair.overlayY === 'bottom') {\n            return 'above';\n        }\n        if (overlayPosition.connectionPair.originY === 'bottom' && overlayPosition.connectionPair.overlayY === 'top') {\n            return 'below';\n        }\n        if (overlayPosition.connectionPair.originX === 'start' && overlayPosition.connectionPair.overlayX === 'end') {\n            return 'left';\n        }\n        if (overlayPosition.connectionPair.originX === 'end' && overlayPosition.connectionPair.overlayX === 'start') {\n            return 'right';\n        }\n        return this._position();\n    }\n\n    /**\n     * Sets the position-related properties based on the current resolved position.\n     */\n    private setPosition(): void {\n        const position = this._position();\n        if (position === 'above') {\n            this.originY = 'top';\n            this.overlayY = 'bottom';\n            this.fallbackOriginY = 'bottom';\n            this.fallbackOverlayY = 'top';\n        }\n        if (position === 'right' || position === 'after') {\n            this.originX = 'end';\n            this.originY = 'center';\n            this.overlayX = 'start';\n            this.overlayY = 'center';\n            this.fallbackOriginX = 'start';\n            this.fallbackOriginY = 'center';\n            this.fallbackOverlayX = 'end';\n            this.fallbackOverlayY = 'center';\n        }\n        if (position === 'below') {\n            this.originY = 'bottom';\n            this.overlayY = 'top';\n            this.fallbackOriginY = 'top';\n            this.fallbackOverlayY = 'bottom';\n        }\n        if (position === 'left' || position === 'before') {\n            this.originX = 'start';\n            this.originY = 'center';\n            this.overlayX = 'end';\n            this.overlayY = 'center';\n            this.fallbackOriginX = 'end';\n            this.fallbackOriginY = 'center';\n            this.fallbackOverlayX = 'start';\n            this.fallbackOverlayY = 'center';\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-eds-eds-tree-list.mjs

@@ -373,7 +373,7 @@ class EdsTreeListToolbar {
         this.collapseAll.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTreeListToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsTreeListToolbar, isStandalone: true, selector: "eds-tree-list-toolbar", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, filterLabel: { classPropertyName: "filterLabel", publicName: "filterLabel", isSignal: true, isRequired: false, transformFunction: null }, expandAllLabel: { classPropertyName: "expandAllLabel", publicName: "expandAllLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseAllLabel: { classPropertyName: "collapseAllLabel", publicName: "collapseAllLabel", isSignal: true, isRequired: false, transformFunction: null }, isToggleExpanded: { classPropertyName: "isToggleExpanded", publicName: "isToggleExpanded", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, host: { classAttribute: "eds-tree-list-toolbar" }, usesOnChanges: true, ngImport: i0, template: "@if (isVisible()) {\n    <eds-input-icon>\n        <eds-icon icon=\"magnifying-glass:core\" size=\"s\"></eds-icon>\n        <input\n            edsInputText\n            edsClearable\n            [(ngModel)]=\"filterValue\"\n            [placeholder]=\"filterLabel()\"\n            (ngModelChange)=\"onFilter()\" />\n    </eds-input-icon>\n\n    @if (!isToggleExpanded) {\n        <button edsButton edsNeutral (click)=\"onExpandAll($event)\" aria-label=\"Expand all\">\n            {{ expandAllLabel() }}\n            <eds-icon icon=\"arrows-out-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    } @else {\n        <button edsButton edsNeutral (click)=\"onCollapseAll($event)\" aria-label=\"Collapse all\">\n            {{ collapseAllLabel() }}\n            <eds-icon icon=\"arrows-in-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "edsDisabled", "edsBlockButton", "edsIconButton", "edsAvatarButton", "edsLineWrap", "edsButtonPrimary", "edsButtonSecondary", "edsButtonTertiary", "edsButtonRounded", "edsTypeVariant", "isChecked"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "color", "size", "ariaLabel", "ariaHidden", "rounded", "isLoading"] }, { kind: "component", type: i4.EdsInputText, selector: "input[edsInputText]", inputs: ["e2eAttr", "disabled", "readonly", "isInvalid"] }, { kind: "component", type: i5.EdsInputIcon, selector: "eds-input-icon", inputs: ["e2eAttr", "edsIconPositionStart", "edsIconPositionEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: EdsTreeListToolbar, isStandalone: true, selector: "eds-tree-list-toolbar", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null }, filterLabel: { classPropertyName: "filterLabel", publicName: "filterLabel", isSignal: true, isRequired: false, transformFunction: null }, expandAllLabel: { classPropertyName: "expandAllLabel", publicName: "expandAllLabel", isSignal: true, isRequired: false, transformFunction: null }, collapseAllLabel: { classPropertyName: "collapseAllLabel", publicName: "collapseAllLabel", isSignal: true, isRequired: false, transformFunction: null }, isToggleExpanded: { classPropertyName: "isToggleExpanded", publicName: "isToggleExpanded", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, host: { classAttribute: "eds-tree-list-toolbar" }, usesOnChanges: true, ngImport: i0, template: "@if (isVisible()) {\n    <eds-input-icon>\n        <eds-icon icon=\"magnifying-glass:core\" size=\"s\"></eds-icon>\n        <input\n            edsInputText\n            edsClearable\n            [(ngModel)]=\"filterValue\"\n            [placeholder]=\"filterLabel()\"\n            (ngModelChange)=\"onFilter()\" />\n    </eds-input-icon>\n\n    @if (!isToggleExpanded) {\n        <button edsButton color=\"neutral\" (click)=\"onExpandAll($event)\" aria-label=\"Expand all\">\n            {{ expandAllLabel() }}\n            <eds-icon icon=\"arrows-out-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    } @else {\n        <button edsButton color=\"neutral\" (click)=\"onCollapseAll($event)\" aria-label=\"Collapse all\">\n            {{ collapseAllLabel() }}\n            <eds-icon icon=\"arrows-in-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    }\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$1.EdsButton, selector: "button[edsButton]", inputs: ["e2eAttr", "id", "variant", "color", "size", "disabled", "block", "iconButton", "avatarButton", "lineWrap", "rounded", "isChecked"] }, { kind: "component", type: i3.EdsIcon, selector: "eds-icon, span[edsIcon]", inputs: ["icon", "set", "color", "size", "ariaLabel", "ariaHidden", "rounded", "isLoading"] }, { kind: "component", type: i4.EdsInputText, selector: "input[edsInputText]", inputs: ["e2eAttr", "disabled", "readonly", "isInvalid"] }, { kind: "component", type: i5.EdsInputIcon, selector: "eds-input-icon", inputs: ["e2eAttr", "edsIconPositionStart", "edsIconPositionEnd"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EdsTreeListToolbar, decorators: [{
             type: Component,
@@ -386,7 +386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                         EdsClearableDirective,
                     ], host: {
                         class: 'eds-tree-list-toolbar',
-                    }, template: "@if (isVisible()) {\n    <eds-input-icon>\n        <eds-icon icon=\"magnifying-glass:core\" size=\"s\"></eds-icon>\n        <input\n            edsInputText\n            edsClearable\n            [(ngModel)]=\"filterValue\"\n            [placeholder]=\"filterLabel()\"\n            (ngModelChange)=\"onFilter()\" />\n    </eds-input-icon>\n\n    @if (!isToggleExpanded) {\n        <button edsButton edsNeutral (click)=\"onExpandAll($event)\" aria-label=\"Expand all\">\n            {{ expandAllLabel() }}\n            <eds-icon icon=\"arrows-out-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    } @else {\n        <button edsButton edsNeutral (click)=\"onCollapseAll($event)\" aria-label=\"Collapse all\">\n            {{ collapseAllLabel() }}\n            <eds-icon icon=\"arrows-in-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    }\n}\n" }]
+                    }, template: "@if (isVisible()) {\n    <eds-input-icon>\n        <eds-icon icon=\"magnifying-glass:core\" size=\"s\"></eds-icon>\n        <input\n            edsInputText\n            edsClearable\n            [(ngModel)]=\"filterValue\"\n            [placeholder]=\"filterLabel()\"\n            (ngModelChange)=\"onFilter()\" />\n    </eds-input-icon>\n\n    @if (!isToggleExpanded) {\n        <button edsButton color=\"neutral\" (click)=\"onExpandAll($event)\" aria-label=\"Expand all\">\n            {{ expandAllLabel() }}\n            <eds-icon icon=\"arrows-out-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    } @else {\n        <button edsButton color=\"neutral\" (click)=\"onCollapseAll($event)\" aria-label=\"Collapse all\">\n            {{ collapseAllLabel() }}\n            <eds-icon icon=\"arrows-in-simple:core\" size=\"s\"></eds-icon>\n        </button>\n    }\n}\n" }]
         }], propDecorators: { isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }], filterLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterLabel", required: false }] }], expandAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandAllLabel", required: false }] }], collapseAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseAllLabel", required: false }] }], isToggleExpanded: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]