@eui/ecl 21.0.0-alpha.31 → 21.0.0-alpha.33

package/fesm2022/eui-ecl-components-ecl-popover.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, EventEmitter, HostListener, HostBinding, Output, Directive, Renderer2, ContentChild, ViewChild, Component, NgModule } from '@angular/core';
+import { inject, ElementRef, EventEmitter, HostListener, HostBinding, Output, Directive, output, Renderer2, ContentChild, ViewChild, Component, NgModule } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
 import * as i1 from '@eui/ecl/core';
 import { ECLBaseDirective, ECLClickOutsideDirective } from '@eui/ecl/core';
@@ -51,10 +51,10 @@ class EclPopoverToggleDirective extends ECLBaseDirective {
     getHostElement() {
         return this.hostElementRef.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclPopoverToggleDirective, isStandalone: true, selector: "[eclPopoverToggle]", outputs: { click: "click" }, host: { listeners: { "mouseup": "onClick($event)" }, properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclPopoverToggleDirective, isStandalone: true, selector: "[eclPopoverToggle]", outputs: { click: "click" }, host: { listeners: { "mouseup": "onClick($event)" }, properties: { "attr.aria-expanded": "this.isExpanded", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPopoverToggle]',
@@ -80,6 +80,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
 class EclPopoverComponent extends ECLBaseDirective {
     constructor() {
         super(...arguments);
+        this.onOpen = output();
+        this.onClose = output();
         /**
          * Controls visibility of the popover. `true` means hidden.
          */
@@ -93,6 +95,8 @@ class EclPopoverComponent extends ECLBaseDirective {
         this.pushBottomClass = 'ecl-popover--push-bottom';
         this.pushLeftClass = 'ecl-popover--push-left';
         this.pushRightClass = 'ecl-popover--push-right';
+        this.toggleRect = null;
+        this.scrollableParent = null;
         this.el = inject(ElementRef);
         this.renderer = inject(Renderer2);
     }
@@ -108,9 +112,15 @@ class EclPopoverComponent extends ECLBaseDirective {
      */
     ngAfterContentInit() {
         this.eclPopoverToggle?.click.pipe(takeUntil(this.destroy$)).subscribe(() => {
-            this.isHidden = !this.isHidden;
+            if (this.isHidden) {
+                this.doOpen();
+            }
+            else {
+                this.doClose();
+            }
             this.checkPosition(); // TODO: wrap on a platformBrowser check as it calls window and document
         });
+        this.scrollableParent = this.getClosestScrollableParent(this.eclPopoverToggle.hostElementRef.nativeElement);
     }
     /**
      * Lifecycle hook that cleans up subscriptions on destroy.
@@ -132,14 +142,14 @@ class EclPopoverComponent extends ECLBaseDirective {
      */
     onClickOutsidePopover() {
         if (!this.isHidden) {
-            this.onClose();
+            this.doClose();
         }
     }
     /**
      * Closes the popover when the Escape key is pressed.
      */
     onEscapeKeydownHandler() {
-        this.isHidden = true;
+        this.doClose();
     }
     /**
      * Recalculates popover position when the window is resized.
@@ -154,11 +164,70 @@ class EclPopoverComponent extends ECLBaseDirective {
         this.checkPosition();
     }
     /**
-     * Public method used to close the popover and reset related styles.
+     * Protected method used to close the popover and reset related styles.
      */
-    onClose() {
+    doClose() {
         this.isHidden = true;
-        this.resetStyless();
+        this.resetStyles();
+        this.onClose.emit();
+    }
+    doOpen() {
+        this.isHidden = false;
+        this.onOpen.emit();
+    }
+    getClosestScrollableParent(element) {
+        let parent = element.parentElement;
+        while (parent) {
+            const { overflowY, overflowX } = getComputedStyle(parent);
+            const isScrollableY = (overflowY === 'auto' || overflowY === 'scroll') &&
+                parent.scrollHeight > parent.clientHeight;
+            const isScrollableX = (overflowX === 'auto' || overflowX === 'scroll') &&
+                parent.scrollWidth > parent.clientWidth;
+            if (isScrollableY || isScrollableX) {
+                return parent; // Found the closest scrollable parent
+            }
+            parent = parent.parentElement;
+        }
+        return document.body;
+    }
+    calculateAvailableSpace(toggleElement, scrollableParent = null) {
+        // Get the bounding rect for the toggle element
+        this.toggleRect = toggleElement.getBoundingClientRect();
+        // If no scrollable parent is provided, use the viewport
+        const containerRect = scrollableParent
+            ? scrollableParent.getBoundingClientRect()
+            : {
+                top: 0,
+                left: 0,
+                right: window.innerWidth,
+                bottom: window.innerHeight,
+            };
+        const containerWidth = containerRect.right - containerRect.left;
+        const containerHeight = containerRect.bottom - containerRect.top;
+        // Calculate the space available in the four directions
+        const containerBottom = Math.max(0, window.innerHeight - containerRect.bottom);
+        const toggleBottom = Math.max(0, window.innerHeight - this.toggleRect.bottom);
+        const spaceBottom = Math.max(0, toggleBottom - containerBottom);
+        // Top Space (from toggle's top to container's top)
+        const containerTop = Math.max(0, containerRect.top);
+        const toggleTop = Math.max(0, this.toggleRect.top);
+        const spaceTop = Math.max(0, toggleTop - containerTop);
+        // Right Space (from toggle's right to container's right)
+        const containerRight = Math.max(0, window.innerWidth - containerRect.right);
+        const toggleRight = Math.max(0, window.innerWidth - this.toggleRect.right);
+        const spaceRight = Math.max(0, toggleRight - containerRight);
+        // Left Space (from toggle's left to container's left)
+        const containerLeft = Math.max(0, containerRect.left);
+        const toggleLeft = Math.max(0, this.toggleRect.left);
+        const spaceLeft = Math.max(0, toggleLeft - containerLeft);
+        return {
+            containerWidth,
+            containerHeight,
+            spaceTop,
+            spaceBottom,
+            spaceLeft,
+            spaceRight,
+        };
     }
     checkPosition() {
         setTimeout(() => {
@@ -168,69 +237,58 @@ class EclPopoverComponent extends ECLBaseDirective {
         });
     }
     positionPopover() {
-        this.resetStyless();
-        const toggleElement = this.eclPopoverToggle.getHostElement();
-        const toggleRect = toggleElement.getBoundingClientRect();
-        const screenHeight = window.innerHeight;
-        const screenWidth = window.innerWidth;
-        // Calculate available space in each direction
-        const spaceTop = toggleRect.top;
-        const spaceBottom = screenHeight - toggleRect.bottom;
-        const spaceLeft = toggleRect.left;
-        const spaceRight = screenWidth - toggleRect.right;
+        this.resetStyles();
+        const { containerWidth, spaceTop, spaceBottom, spaceLeft, spaceRight } = this.calculateAvailableSpace(this.eclPopoverToggle.getHostElement(), this.scrollableParent);
         // Find the direction with the most available space
-        if ((spaceTop > spaceBottom) && (spaceTop > spaceLeft) && (spaceTop > spaceRight)) {
-            this.renderer.addClass(this.el.nativeElement, this.topClass);
+        const positioningClass = 'ecl-popover--';
+        let direction = '';
+        if (spaceTop > spaceBottom &&
+            spaceTop > spaceLeft &&
+            spaceTop > spaceRight) {
+            direction = 'top';
         }
-        else if ((spaceBottom > spaceLeft) && (spaceBottom > spaceRight)) {
-            this.renderer.addClass(this.el.nativeElement, this.bottomClass);
+        else if (spaceBottom > spaceLeft && spaceBottom > spaceRight) {
+            direction = 'bottom';
         }
         else if (spaceLeft > spaceRight) {
-            this.isLeft = true;
-            this.renderer.addClass(this.el.nativeElement, this.leftClass);
+            direction = 'left';
         }
         else {
-            this.isRight = true;
-            this.renderer.addClass(this.el.nativeElement, this.rightClass);
+            direction = 'right';
         }
-        this.handleScrollableWidth(spaceLeft, spaceRight, screenWidth);
-        this.handlePushClass(screenWidth, screenHeight);
-    }
-    handleScrollableWidth(spaceLeft, spaceRight, screenWidth) {
+        this.renderer.addClass(this.el.nativeElement, `${positioningClass}${direction}`);
         // Try to use as much of the available width, respecting the max-width set.
-        const scrollable = this.eclPopoverScrollableElement.nativeElement;
-        const styles = getComputedStyle(scrollable);
+        const styles = window.getComputedStyle(this.eclPopoverScrollableElement.nativeElement);
         const maxWidth = parseInt(styles.getPropertyValue('max-width'), 10);
         const minWidth = parseInt(styles.getPropertyValue('min-width'), 10);
         const padding = parseInt(styles.getPropertyValue('padding-left'), 10) * 2;
-        const toggleElement = this.eclPopoverToggle.getHostElement();
-        const toggleRect = toggleElement.getBoundingClientRect();
-        let availableSpace = 0;
-        if (this.isLeft || this.isRight) {
-            availableSpace = (this.isLeft ? spaceLeft : spaceRight) * 0.9;
-        }
-        else {
-            const centerPosition = (toggleRect.right - toggleRect.left) / 2;
-            availableSpace = (screenWidth - centerPosition + this.eclPopoverContainerElement.nativeElement.offsetWidth / 2) * 0.9;
+        // We consider 90% of the biggest space available
+        const horizontalSpace = Math.max(spaceLeft, spaceRight) * 0.9;
+        let targetWidth;
+        // If the available space is larger than maxWidth (plus padding), set to maxWidth
+        if (maxWidth + padding < horizontalSpace ||
+            (direction !== 'left' &&
+                direction !== 'right' &&
+                containerWidth > maxWidth)) {
+            targetWidth = maxWidth;
         }
-        if (maxWidth + padding < availableSpace) {
-            this.renderer.setStyle(scrollable, 'width', `${maxWidth}px`);
+        // If the available space is smaller than minWidth (plus padding), set to minWidth
+        else if (horizontalSpace < minWidth + padding) {
+            targetWidth = minWidth;
         }
-        else if (availableSpace < minWidth + padding) {
-            this.renderer.setStyle(scrollable, 'width', `${minWidth}px`);
+        // Otherwise, set the width to the available space minus the padding
+        else if (direction === 'left' || direction === 'right') {
+            targetWidth = horizontalSpace - padding;
         }
         else {
-            this.renderer.setStyle(scrollable, 'width', `${availableSpace - padding}px`);
+            targetWidth = (horizontalSpace - padding) * 2;
         }
+        // Ensure the width does not exceed available space
+        this.renderer.setStyle(this.eclPopoverScrollableElement.nativeElement, 'width', `${targetWidth}px`);
+        this.handlePushClass(direction);
     }
-    resetStyless() {
+    resetStyles() {
         const popoverContainer = this.eclPopoverContainerElement.nativeElement;
-        this.isPushLeft = false;
-        this.isPushRight = false;
-        this.isPushTop = false;
-        this.isPushBottom = false;
-        this.isLeft = false;
-        this.isRight = false;
         this.popoverPosition = null;
         this.renderer.removeClass(this.el.nativeElement, this.topClass);
         this.renderer.removeClass(this.el.nativeElement, this.bottomClass);
@@ -240,6 +298,7 @@ class EclPopoverComponent extends ECLBaseDirective {
         this.renderer.removeClass(this.el.nativeElement, this.pushBottomClass);
         this.renderer.removeClass(this.el.nativeElement, this.pushLeftClass);
         this.renderer.removeClass(this.el.nativeElement, this.pushRightClass);
+        this.renderer.removeStyle(popoverContainer, '--ecl-popover-position');
         this.renderer.removeStyle(popoverContainer, 'top');
         this.renderer.removeStyle(popoverContainer, 'right');
         this.renderer.removeStyle(popoverContainer, 'left');
@@ -247,66 +306,78 @@ class EclPopoverComponent extends ECLBaseDirective {
         this.renderer.removeStyle(popoverContainer, 'transform');
         this.renderer.removeStyle(this.eclPopoverScrollableElement.nativeElement, 'width');
     }
-    handlePushClass(screenWidth, screenHeight) {
-        const toggleElement = this.eclPopoverToggle.getHostElement();
-        const toggleRect = toggleElement.getBoundingClientRect();
-        const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();
-        const popoverContainer = this.eclPopoverContainerElement.nativeElement;
-        if (this.isLeft || this.isRight) {
-            if (popoverRect.top < 0) {
-                this.renderer.addClass(this.el.nativeElement, this.pushTopClass);
-                this.renderer.setStyle(popoverContainer, 'top', `-${Math.round(toggleRect.top)}px`);
-                this.isPushTop = true;
-            }
-            else if (popoverRect.bottom > screenHeight) {
-                this.renderer.addClass(this.el.nativeElement, this.pushBottomClass);
-                this.renderer.setStyle(popoverContainer, 'bottom', `-${Math.round(screenHeight - (toggleRect.bottom + 8))}px`);
-                this.isPushBottom = true;
-            }
-        }
-        else {
-            if (popoverRect.left < 0) {
-                this.renderer.addClass(this.el.nativeElement, this.pushLeftClass);
-                this.renderer.setStyle(popoverContainer, 'left', `-${toggleRect.left}px`);
-                this.renderer.setStyle(popoverContainer, 'right', 'auto');
-                this.renderer.setStyle(popoverContainer, 'transform', 'none');
-                this.isPushLeft = true;
+    /**
+   * Check whether the popover is going out of its scrollable container and apply the needed repositioning.
+   *
+   * @param {string} direction
+   */
+    handlePushClass(direction) {
+        requestAnimationFrame(() => {
+            const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();
+            const scrollableRect = this.scrollableParent.getBoundingClientRect();
+            const containerBottom = scrollableRect.bottom > window.innerHeight ? 0 : window.innerHeight - scrollableRect.bottom;
+            const containerTop = scrollableRect.top > window.innerHeight ? 0 : scrollableRect.top;
+            const leftOverflow = scrollableRect.left > popoverRect.left;
+            const rightOverflow = scrollableRect.right < popoverRect.right;
+            const topOverflow = popoverRect.top < containerTop;
+            const bottomOverflow = containerBottom > window.innerHeight - popoverRect.bottom;
+            if (direction === 'left' || direction === 'right') {
+                if (topOverflow) {
+                    this.renderer.addClass(this.el.nativeElement, this.pushTopClass);
+                    // Push the popover to the top edge of the container
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'top', `-${Math.round(this.toggleRect.top)}px`);
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'bottom', '');
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'transform', '');
+                }
+                if (bottomOverflow) {
+                    this.renderer.addClass(this.el.nativeElement, this.pushBottomClass);
+                    // Push the popover to the bottom edge of the container
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'bottom', `-${window.innerHeight - this.toggleRect.bottom - containerBottom}px`);
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'top', '');
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'transform', '');
+                }
             }
-            if (popoverRect.right > screenWidth) {
-                this.renderer.addClass(this.el.nativeElement, this.pushRightClass);
-                this.renderer.setStyle(popoverContainer, 'left', `-${screenWidth - toggleRect.right}px`);
-                this.renderer.setStyle(popoverContainer, 'right', 'auto');
-                this.renderer.setStyle(popoverContainer, 'transform', 'none');
-                this.isPushRight = true;
+            else {
+                if (leftOverflow) {
+                    this.renderer.addClass(this.el.nativeElement, this.pushLeftClass);
+                    // Push the popover 8px to the left edge of the container
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'left', `-${this.toggleRect.left - scrollableRect.left - 8}px`);
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'right', 'auto');
+                }
+                if (rightOverflow) {
+                    this.renderer.addClass(this.el.nativeElement, this.pushRightClass);
+                    // Push the popover 8px to the right edge of the container
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'right', `-${scrollableRect.right - this.toggleRect.right - 8}px`);
+                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'left', 'auto');
+                }
             }
-        }
-        this.handleArrowPosition();
+            this.handleArrowPosition(direction);
+        });
     }
-    handleArrowPosition() {
-        const toggleElement = this.eclPopoverToggle.getHostElement();
-        const toggleRect = toggleElement.getBoundingClientRect();
+    handleArrowPosition(direction) {
         const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();
-        if (this.isLeft || this.isRight) {
-            if (this.isPushBottom) {
-                this.popoverPosition = `${Math.round(toggleRect.top - popoverRect.top + toggleRect.height / 2)}px`;
+        if (direction === 'left' || direction === 'right') {
+            if (this.el.nativeElement.classList.contains(this.pushBottomClass)) {
+                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position', `${Math.round(this.toggleRect.top - popoverRect.top + this.toggleRect.height / 2)}px`);
             }
-            else if (this.isPushTop) {
-                this.popoverPosition = `${Math.round(popoverRect.top + toggleRect.top + toggleRect.height / 2)}px`;
+            else if (this.el.nativeElement.classList.contains(this.pushTopClass)) {
+                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position', `${Math.round(popoverRect.top + this.toggleRect.top + this.toggleRect.height / 2)}px`);
             }
         }
         else {
-            if (this.isPushRight) {
-                this.popoverPosition = `${Math.round(popoverRect.right - (toggleRect.right - toggleRect.width / 2))}px`;
+            // eslint-disable-next-line no-lonely-if
+            if (this.el.nativeElement.classList.contains(this.pushRightClass)) {
+                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position', `${Math.round(popoverRect.right - (this.toggleRect.right - this.toggleRect.width / 2))}px`);
             }
-            else if (this.isPushLeft) {
-                this.popoverPosition = `${Math.round(popoverRect.left + toggleRect.left + toggleRect.width / 2)}px`;
+            else if (this.el.nativeElement.classList.contains(this.pushLeftClass)) {
+                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position', `${Math.round(this.toggleRect.left - popoverRect.left + this.toggleRect.width / 2)}px`);
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclPopoverComponent, isStandalone: true, selector: "ecl-popover", host: { listeners: { "eclClickOutside": "onClickOutsidePopover()", "document:keydown.escape": "onEscapeKeydownHandler()", "window:resize": "onWindowResize()", "document:scroll": "onDocumentScroll()" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPopoverToggle", first: true, predicate: EclPopoverToggleDirective, descendants: true }], viewQueries: [{ propertyName: "eclPopoverContainerElement", first: true, predicate: ["container"], descendants: true }, { propertyName: "eclPopoverScrollableElement", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ECLClickOutsideDirective, outputs: ["eclClickOutside", "eclClickOutside"] }], ngImport: i0, template: "<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\" [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"onClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclPopoverComponent, isStandalone: true, selector: "ecl-popover", outputs: { onOpen: "onOpen", onClose: "onClose" }, host: { listeners: { "eclClickOutside": "onClickOutsidePopover()", "document:keydown.escape": "onEscapeKeydownHandler()", "window:resize": "onWindowResize()", "document:scroll": "onDocumentScroll()" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "eclPopoverToggle", first: true, predicate: EclPopoverToggleDirective, descendants: true }], viewQueries: [{ propertyName: "eclPopoverContainerElement", first: true, predicate: ["container"], descendants: true }, { propertyName: "eclPopoverScrollableElement", first: true, predicate: ["scrollable"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.ECLClickOutsideDirective, outputs: ["eclClickOutside", "eclClickOutside"] }], ngImport: i0, template: "<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\"\n    [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"doClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n", dependencies: [{ kind: "component", type: i2.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i2.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i3.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ecl-popover', hostDirectives: [
                         {
@@ -317,7 +388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
                     ], imports: [
                         ...EUI_ECL_BUTTON,
                         ...EUI_ECL_ICON,
-                    ], template: "<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\" [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"onClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n" }]
+                    ], template: "<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\"\n    [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"doClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n" }]
         }], propDecorators: { eclPopoverContainerElement: [{
                 type: ViewChild,
                 args: ['container']
@@ -327,7 +398,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
             }], eclPopoverToggle: [{
                 type: ContentChild,
                 args: [EclPopoverToggleDirective]
-            }], cssClasses: [{
+            }], onOpen: [{ type: i0.Output, args: ["onOpen"] }], onClose: [{ type: i0.Output, args: ["onClose"] }], cssClasses: [{
                 type: HostBinding,
                 args: ['class']
             }], onClickOutsidePopover: [{
@@ -356,10 +427,10 @@ class EclPopoverContentDirective extends ECLBaseDirective {
     get cssClasses() {
         return [super.getCssClasses('ecl-popover__content')].join(' ').trim();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclPopoverContentDirective, isStandalone: true, selector: "[eclPopoverContent]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.0-rc.0", type: EclPopoverContentDirective, isStandalone: true, selector: "[eclPopoverContent]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclPopoverContent]',
@@ -381,15 +452,15 @@ const COMPONENTS = [
  * @deprecated Use {@link EUI_ECL_POPOVER} instead.
  */
 class EclPopoverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverModule, imports: [EclPopoverComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverModule, imports: [EclPopoverComponent,
             EclPopoverContentDirective,
             EclPopoverToggleDirective], exports: [EclPopoverComponent,
             EclPopoverContentDirective,
             EclPopoverToggleDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverModule, imports: [EclPopoverComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverModule, imports: [EclPopoverComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-rc.0", ngImport: i0, type: EclPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...COMPONENTS],

package/fesm2022/eui-ecl-components-ecl-popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-popover.mjs","sources":["../../components/ecl-popover/ecl-popover-toggle.directive.ts","../../components/ecl-popover/ecl-popover.component.ts","../../components/ecl-popover/ecl-popover.component.html","../../components/ecl-popover/ecl-popover-content.directive.ts","../../components/ecl-popover/ecl-popover.module.ts","../../components/ecl-popover/index.ts","../../components/ecl-popover/eui-ecl-components-ecl-popover.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Output, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive used to toggle the visibility of an `ecl-popover` component.\n *\n * This directive emits a custom click event and manages accessibility attributes.\n */\n@Directive({\n    selector: '[eclPopoverToggle]',\n})\nexport class EclPopoverToggleDirective extends ECLBaseDirective {\n    hostElementRef = inject(ElementRef);\n\n    /**\n     * Sets the `aria-expanded` attribute to reflect the popover's open state.\n     * This should be updated by the parent popover component.\n     */\n    @HostBinding('attr.aria-expanded') isExpanded = false;\n\n    /**\n     * Event emitted when the toggle element is clicked with the left mouse button.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() click = new EventEmitter();\n\n    /**\n     * Host binding that applies the appropriate CSS class to the toggle element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-popover__toggle')].join(' ').trim();\n    }\n\n    /**\n     * Emits the `click` event only for left mouse button clicks.\n     * Used by the popover component to toggle visibility.\n     */\n    @HostListener('mouseup', ['$event'])\n    onClick(evt: MouseEvent): void {\n        const LEFT_BUTTON = 0;\n\n        if (evt.button === LEFT_BUTTON) {\n            this.click.next(null);\n        }\n    }\n\n    /**\n     * Returns the native HTML element of the directive.\n     * Used internally by the popover to query attributes.\n     */\n    public getHostElement(): HTMLElement {\n        return this.hostElementRef.nativeElement;\n    }\n}\n","import { AfterContentInit, Component, ContentChild, ElementRef, HostBinding, HostListener, OnDestroy, Renderer2, ViewChild, inject } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLClickOutsideDirective } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Component representing an ECL Popover.\n *\n * It handles toggling visibility, positioning, and closing behavior of the popover.\n */\n@Component({\n    selector: 'ecl-popover',\n    templateUrl: './ecl-popover.component.html',\n    hostDirectives: [\n        {\n            directive: ECLClickOutsideDirective,\n            // eslint-disable-next-line @angular-eslint/no-outputs-metadata-property\n            outputs: ['eclClickOutside'],\n        },\n    ],\n    imports: [\n        ...EUI_ECL_BUTTON,\n        ...EUI_ECL_ICON,\n    ],\n})\nexport class EclPopoverComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    /**\n     * Reference to the popover container element.\n     */\n    @ViewChild('container') eclPopoverContainerElement: ElementRef;\n\n    /**\n     * Reference to the scrollable content element inside the popover.\n     */\n    @ViewChild('scrollable') eclPopoverScrollableElement: ElementRef;\n\n    /**\n     * Reference to the toggle element used to open/close the popover.\n     */\n    @ContentChild(EclPopoverToggleDirective) eclPopoverToggle: EclPopoverToggleDirective;\n\n    /**\n     * Current calculated position class of the popover.\n     */\n    popoverPosition: string;\n\n    /**\n     * Controls visibility of the popover. `true` means hidden.\n     */\n    isHidden = true;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private isLeft: boolean;\n    private isRight: boolean;\n    private isPushLeft: boolean;\n    private isPushRight: boolean;\n    private isPushTop: boolean;\n    private isPushBottom: boolean;\n\n    private readonly topClass = 'ecl-popover--top';\n    private readonly bottomClass = 'ecl-popover--bottom';\n    private readonly leftClass = 'ecl-popover--left';\n    private readonly rightClass = 'ecl-popover--right';\n    private readonly pushTopClass = 'ecl-popover--push-top';\n    private readonly pushBottomClass = 'ecl-popover--push-bottom';\n    private readonly pushLeftClass = 'ecl-popover--push-left';\n    private readonly pushRightClass = 'ecl-popover--push-right';\n    private el = inject(ElementRef);\n    private renderer = inject(Renderer2);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-popover'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Initializes event subscriptions for toggle button.\n     */\n    ngAfterContentInit(): void {\n        this.eclPopoverToggle?.click.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            this.isHidden = !this.isHidden;\n            this.checkPosition(); // TODO: wrap on a platformBrowser check as it calls window and document\n        });\n    }\n\n    /**\n     * Lifecycle hook that cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Returns the value of the `aria-controls` attribute from the toggle element,\n     * if available. Used for accessibility linking.\n     */\n    get popoverToggleAriaControls(): string | null {\n        return this.eclPopoverToggle?.hostElementRef.nativeElement.getAttribute('aria-controls');\n    }\n\n    /**\n     * Handler triggered when a click outside the popover is detected.\n     * Closes the popover if it is open.\n     */\n    @HostListener('eclClickOutside')\n    onClickOutsidePopover(): void {\n        if (!this.isHidden) {\n            this.onClose();\n        }\n    }\n\n    /**\n     * Closes the popover when the Escape key is pressed.\n     */\n    @HostListener('document:keydown.escape')\n    onEscapeKeydownHandler(): void {\n        this.isHidden = true;\n    }\n\n    /**\n     * Recalculates popover position when the window is resized.\n     */\n    @HostListener('window:resize')\n    onWindowResize(): void {\n        this.checkPosition();\n    }\n\n    /**\n     * Recalculates popover position when the document is scrolled.\n     */\n    @HostListener('document:scroll')\n    onDocumentScroll(): void {\n        this.checkPosition();\n    }\n\n    /**\n     * Public method used to close the popover and reset related styles.\n     */\n    onClose(): void {\n        this.isHidden = true;\n        this.resetStyless();\n    }\n\n    private checkPosition(): void {\n        setTimeout(() => {\n            if (!this.isHidden) {\n                this.positionPopover();\n            }\n        });\n    }\n\n    private positionPopover(): void {\n        this.resetStyless();\n        const toggleElement = this.eclPopoverToggle.getHostElement();\n        const toggleRect = toggleElement.getBoundingClientRect();\n        const screenHeight = window.innerHeight;\n        const screenWidth = window.innerWidth;\n\n        // Calculate available space in each direction\n        const spaceTop = toggleRect.top;\n        const spaceBottom = screenHeight - toggleRect.bottom;\n        const spaceLeft = toggleRect.left;\n        const spaceRight = screenWidth - toggleRect.right;\n\n        // Find the direction with the most available space\n        if ((spaceTop > spaceBottom) && (spaceTop > spaceLeft) && (spaceTop > spaceRight)) {\n            this.renderer.addClass(this.el.nativeElement, this.topClass);\n        } else if ((spaceBottom > spaceLeft) && (spaceBottom > spaceRight)) {\n            this.renderer.addClass(this.el.nativeElement, this.bottomClass);\n        } else if (spaceLeft > spaceRight) {\n            this.isLeft = true;\n            this.renderer.addClass(this.el.nativeElement, this.leftClass);\n        } else {\n            this.isRight = true;\n            this.renderer.addClass(this.el.nativeElement, this.rightClass);\n        }\n        this.handleScrollableWidth(spaceLeft, spaceRight, screenWidth);\n        this.handlePushClass(screenWidth, screenHeight);\n    }\n\n    private handleScrollableWidth(spaceLeft: number, spaceRight: number, screenWidth: number): void {\n        // Try to use as much of the available width, respecting the max-width set.\n        const scrollable = this.eclPopoverScrollableElement.nativeElement;\n        const styles = getComputedStyle(scrollable);\n        const maxWidth = parseInt(styles.getPropertyValue('max-width'), 10);\n        const minWidth = parseInt(styles.getPropertyValue('min-width'), 10);\n        const padding = parseInt(styles.getPropertyValue('padding-left'), 10) * 2;\n        const toggleElement = this.eclPopoverToggle.getHostElement();\n        const toggleRect = toggleElement.getBoundingClientRect();\n        let availableSpace = 0;\n\n        if (this.isLeft || this.isRight) {\n            availableSpace = (this.isLeft ? spaceLeft : spaceRight) * 0.9;\n        } else {\n            const centerPosition = (toggleRect.right - toggleRect.left) / 2;\n            availableSpace = (screenWidth - centerPosition + this.eclPopoverContainerElement.nativeElement.offsetWidth / 2) * 0.9;\n        }\n        if (maxWidth + padding < availableSpace) {\n            this.renderer.setStyle(scrollable, 'width', `${maxWidth}px`);\n        } else if (availableSpace < minWidth + padding) {\n            this.renderer.setStyle(scrollable, 'width', `${minWidth}px`);\n        } else {\n            this.renderer.setStyle(scrollable, 'width', `${availableSpace - padding}px`);\n        }\n    }\n\n    private resetStyless(): void {\n        const popoverContainer = this.eclPopoverContainerElement.nativeElement;\n        this.isPushLeft = false;\n        this.isPushRight = false;\n        this.isPushTop = false;\n        this.isPushBottom = false;\n        this.isLeft = false;\n        this.isRight = false;\n        this.popoverPosition = null;\n        this.renderer.removeClass(this.el.nativeElement, this.topClass);\n        this.renderer.removeClass(this.el.nativeElement, this.bottomClass);\n        this.renderer.removeClass(this.el.nativeElement, this.leftClass);\n        this.renderer.removeClass(this.el.nativeElement, this.rightClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushTopClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushBottomClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushLeftClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushRightClass);\n        this.renderer.removeStyle(popoverContainer, 'top');\n        this.renderer.removeStyle(popoverContainer, 'right');\n        this.renderer.removeStyle(popoverContainer, 'left');\n        this.renderer.removeStyle(popoverContainer, 'bottom');\n        this.renderer.removeStyle(popoverContainer, 'transform');\n        this.renderer.removeStyle(this.eclPopoverScrollableElement.nativeElement, 'width');\n    }\n\n    private handlePushClass(screenWidth: number, screenHeight: number): void {\n        const toggleElement = this.eclPopoverToggle.getHostElement();\n        const toggleRect = toggleElement.getBoundingClientRect();\n        const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();\n        const popoverContainer = this.eclPopoverContainerElement.nativeElement;\n\n        if (this.isLeft || this.isRight) {\n            if (popoverRect.top < 0) {\n                this.renderer.addClass(this.el.nativeElement, this.pushTopClass);\n                this.renderer.setStyle(popoverContainer, 'top', `-${Math.round(toggleRect.top)}px`);\n                this.isPushTop = true;\n            } else if (popoverRect.bottom > screenHeight) {\n                this.renderer.addClass(this.el.nativeElement, this.pushBottomClass);\n                this.renderer.setStyle(popoverContainer, 'bottom', `-${Math.round(screenHeight - (toggleRect.bottom + 8))}px`);\n                this.isPushBottom = true;\n            }\n        } else {\n            if (popoverRect.left < 0) {\n                this.renderer.addClass(this.el.nativeElement, this.pushLeftClass);\n                this.renderer.setStyle(popoverContainer, 'left', `-${toggleRect.left}px`);\n                this.renderer.setStyle(popoverContainer, 'right', 'auto');\n                this.renderer.setStyle(popoverContainer, 'transform', 'none');\n                this.isPushLeft = true;\n            }\n            if (popoverRect.right > screenWidth) {\n                this.renderer.addClass(this.el.nativeElement, this.pushRightClass);\n                this.renderer.setStyle(popoverContainer, 'left', `-${screenWidth - toggleRect.right}px`);\n                this.renderer.setStyle(popoverContainer, 'right', 'auto');\n                this.renderer.setStyle(popoverContainer, 'transform', 'none');\n                this.isPushRight = true;\n            }\n        }\n\n        this.handleArrowPosition();\n    }\n\n    private handleArrowPosition(): void {\n        const toggleElement = this.eclPopoverToggle.getHostElement();\n        const toggleRect = toggleElement.getBoundingClientRect();\n        const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();\n\n        if (this.isLeft || this.isRight) {\n            if (this.isPushBottom) {\n                this.popoverPosition = `${Math.round(toggleRect.top - popoverRect.top + toggleRect.height / 2)}px`;\n            } else if (this.isPushTop) {\n                this.popoverPosition = `${Math.round(popoverRect.top + toggleRect.top + toggleRect.height / 2)}px`;\n            }\n        } else {\n            if (this.isPushRight) {\n                this.popoverPosition = `${Math.round(popoverRect.right - (toggleRect.right - toggleRect.width / 2))}px`;\n            } else if (this.isPushLeft) {\n                this.popoverPosition = `${Math.round(popoverRect.left + toggleRect.left + toggleRect.width / 2)}px`;\n            }\n        }\n    }\n}\n","<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\" [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"onClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the content section of an `ecl-popover` component.\n *\n * Responsible for applying the appropriate CSS class to the popover content container.\n */\n@Directive({\n    selector: '[eclPopoverContent]',\n})\nexport class EclPopoverContentDirective extends ECLBaseDirective {\n    /**\n     * Host binding that applies the CSS class to style the popover content.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-popover__content')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclPopoverComponent } from './ecl-popover.component';\nimport { EclPopoverContentDirective } from './ecl-popover-content.directive';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\n\nconst COMPONENTS = [\n    EclPopoverComponent,\n    EclPopoverContentDirective,\n    EclPopoverToggleDirective,\n];\n\n/**\n * @description\n * Module that provides the EclPopover component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_POPOVER} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclPopoverModule {}\n","import { EclPopoverComponent } from './ecl-popover.component';\nimport { EclPopoverContentDirective } from './ecl-popover-content.directive';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\n\nexport * from './ecl-popover.module';\nexport * from './ecl-popover.component';\nexport * from './ecl-popover-content.directive';\nexport * from './ecl-popover-toggle.directive';\n\nexport const EUI_ECL_POPOVER = [\n  EclPopoverComponent,\n  EclPopoverContentDirective,\n  EclPopoverToggleDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-popover.mjs","sources":["../../components/ecl-popover/ecl-popover-toggle.directive.ts","../../components/ecl-popover/ecl-popover.component.ts","../../components/ecl-popover/ecl-popover.component.html","../../components/ecl-popover/ecl-popover-content.directive.ts","../../components/ecl-popover/ecl-popover.module.ts","../../components/ecl-popover/index.ts","../../components/ecl-popover/eui-ecl-components-ecl-popover.ts"],"sourcesContent":["import { Directive, ElementRef, EventEmitter, HostBinding, HostListener, Output, inject } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive used to toggle the visibility of an `ecl-popover` component.\n *\n * This directive emits a custom click event and manages accessibility attributes.\n */\n@Directive({\n    selector: '[eclPopoverToggle]',\n})\nexport class EclPopoverToggleDirective extends ECLBaseDirective {\n    hostElementRef = inject(ElementRef);\n\n    /**\n     * Sets the `aria-expanded` attribute to reflect the popover's open state.\n     * This should be updated by the parent popover component.\n     */\n    @HostBinding('attr.aria-expanded') isExpanded = false;\n\n    /**\n     * Event emitted when the toggle element is clicked with the left mouse button.\n     */\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    @Output() click = new EventEmitter();\n\n    /**\n     * Host binding that applies the appropriate CSS class to the toggle element.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-popover__toggle')].join(' ').trim();\n    }\n\n    /**\n     * Emits the `click` event only for left mouse button clicks.\n     * Used by the popover component to toggle visibility.\n     */\n    @HostListener('mouseup', ['$event'])\n    onClick(evt: MouseEvent): void {\n        const LEFT_BUTTON = 0;\n\n        if (evt.button === LEFT_BUTTON) {\n            this.click.next(null);\n        }\n    }\n\n    /**\n     * Returns the native HTML element of the directive.\n     * Used internally by the popover to query attributes.\n     */\n    public getHostElement(): HTMLElement {\n        return this.hostElementRef.nativeElement;\n    }\n}\n","import { AfterContentInit, Component, ContentChild, ElementRef, HostBinding, HostListener, OnDestroy, Renderer2, ViewChild, inject, output } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { ECLClickOutsideDirective } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\nimport { EUI_ECL_BUTTON } from '@eui/ecl/components/ecl-button';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Component representing an ECL Popover.\n *\n * It handles toggling visibility, positioning, and closing behavior of the popover.\n */\n@Component({\n    selector: 'ecl-popover',\n    templateUrl: './ecl-popover.component.html',\n    hostDirectives: [\n        {\n            directive: ECLClickOutsideDirective,\n            // eslint-disable-next-line @angular-eslint/no-outputs-metadata-property\n            outputs: ['eclClickOutside'],\n        },\n    ],\n    imports: [\n        ...EUI_ECL_BUTTON,\n        ...EUI_ECL_ICON,\n    ],\n})\nexport class EclPopoverComponent extends ECLBaseDirective implements AfterContentInit, OnDestroy {\n    /**\n     * Reference to the popover container element.\n     */\n    @ViewChild('container') eclPopoverContainerElement: ElementRef;\n\n    /**\n     * Reference to the scrollable content element inside the popover.\n     */\n    @ViewChild('scrollable') eclPopoverScrollableElement: ElementRef;\n\n    /**\n     * Reference to the toggle element used to open/close the popover.\n     */\n    @ContentChild(EclPopoverToggleDirective) eclPopoverToggle: EclPopoverToggleDirective;\n\n    onOpen = output();\n    onClose = output();\n\n    /**\n     * Current calculated position class of the popover.\n     */\n    popoverPosition: string;\n\n    /**\n     * Controls visibility of the popover. `true` means hidden.\n     */\n    isHidden = true;\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    private readonly topClass = 'ecl-popover--top';\n    private readonly bottomClass = 'ecl-popover--bottom';\n    private readonly leftClass = 'ecl-popover--left';\n    private readonly rightClass = 'ecl-popover--right';\n    private readonly pushTopClass = 'ecl-popover--push-top';\n    private readonly pushBottomClass = 'ecl-popover--push-bottom';\n    private readonly pushLeftClass = 'ecl-popover--push-left';\n    private readonly pushRightClass = 'ecl-popover--push-right';\n    private toggleRect = null;\n    private scrollableParent = null;\n    private el = inject(ElementRef);\n    private renderer = inject(Renderer2);\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-popover'),\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    /**\n     * Initializes event subscriptions for toggle button.\n     */\n    ngAfterContentInit(): void {\n        this.eclPopoverToggle?.click.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            if (this.isHidden) {\n                this.doOpen();\n            } else {\n                this.doClose();\n            }\n            this.checkPosition(); // TODO: wrap on a platformBrowser check as it calls window and document\n        });\n\n        this.scrollableParent = this.getClosestScrollableParent(this.eclPopoverToggle.hostElementRef.nativeElement);\n    }\n\n    /**\n     * Lifecycle hook that cleans up subscriptions on destroy.\n     */\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    /**\n     * Returns the value of the `aria-controls` attribute from the toggle element,\n     * if available. Used for accessibility linking.\n     */\n    get popoverToggleAriaControls(): string | null {\n        return this.eclPopoverToggle?.hostElementRef.nativeElement.getAttribute('aria-controls');\n    }\n\n    /**\n     * Handler triggered when a click outside the popover is detected.\n     * Closes the popover if it is open.\n     */\n    @HostListener('eclClickOutside')\n    onClickOutsidePopover(): void {\n        if (!this.isHidden) {\n            this.doClose();\n        }\n    }\n\n    /**\n     * Closes the popover when the Escape key is pressed.\n     */\n    @HostListener('document:keydown.escape')\n    onEscapeKeydownHandler(): void {\n        this.doClose();\n    }\n\n    /**\n     * Recalculates popover position when the window is resized.\n     */\n    @HostListener('window:resize')\n    onWindowResize(): void {\n        this.checkPosition();\n    }\n\n    /**\n     * Recalculates popover position when the document is scrolled.\n     */\n    @HostListener('document:scroll')\n    onDocumentScroll(): void {\n        this.checkPosition();\n    }\n\n    /**\n     * Protected method used to close the popover and reset related styles.\n     */\n    protected doClose(): void { // TODO: breaking change v21 (was onClose, but now its an output, and is protected but not public)\n        this.isHidden = true;\n        this.resetStyles();\n        this.onClose.emit();\n    }\n\n    private doOpen(): void {\n        this.isHidden = false;\n        this.onOpen.emit();\n    }\n\n    private getClosestScrollableParent(element: HTMLElement): HTMLElement {\n        let parent = element.parentElement;\n\n        while (parent) {\n            const { overflowY, overflowX } = getComputedStyle(parent);\n            const isScrollableY =\n                (overflowY === 'auto' || overflowY === 'scroll') &&\n                parent.scrollHeight > parent.clientHeight;\n            const isScrollableX =\n                (overflowX === 'auto' || overflowX === 'scroll') &&\n                parent.scrollWidth > parent.clientWidth;\n\n            if (isScrollableY || isScrollableX) {\n                return parent; // Found the closest scrollable parent\n            }\n\n            parent = parent.parentElement;\n        }\n\n        return document.body;\n    }\n\n    private calculateAvailableSpace(toggleElement, scrollableParent = null) {\n        // Get the bounding rect for the toggle element\n        this.toggleRect = toggleElement.getBoundingClientRect();\n\n        // If no scrollable parent is provided, use the viewport\n        const containerRect = scrollableParent\n            ? scrollableParent.getBoundingClientRect()\n            : {\n                top: 0,\n                left: 0,\n                right: window.innerWidth,\n                bottom: window.innerHeight,\n            };\n        const containerWidth = containerRect.right - containerRect.left;\n        const containerHeight = containerRect.bottom - containerRect.top;\n        // Calculate the space available in the four directions\n        const containerBottom = Math.max(\n            0,\n            window.innerHeight - containerRect.bottom,\n        );\n        const toggleBottom = Math.max(\n            0,\n            window.innerHeight - this.toggleRect.bottom,\n        );\n        const spaceBottom = Math.max(0, toggleBottom - containerBottom);\n\n        // Top Space (from toggle's top to container's top)\n        const containerTop = Math.max(0, containerRect.top);\n        const toggleTop = Math.max(0, this.toggleRect.top);\n        const spaceTop = Math.max(0, toggleTop - containerTop);\n\n        // Right Space (from toggle's right to container's right)\n        const containerRight = Math.max(0, window.innerWidth - containerRect.right);\n        const toggleRight = Math.max(0, window.innerWidth - this.toggleRect.right);\n        const spaceRight = Math.max(0, toggleRight - containerRight);\n\n        // Left Space (from toggle's left to container's left)\n        const containerLeft = Math.max(0, containerRect.left);\n        const toggleLeft = Math.max(0, this.toggleRect.left);\n        const spaceLeft = Math.max(0, toggleLeft - containerLeft);\n\n        return {\n            containerWidth,\n            containerHeight,\n            spaceTop,\n            spaceBottom,\n            spaceLeft,\n            spaceRight,\n        };\n    }\n\n    private checkPosition(): void {\n        setTimeout(() => {\n            if (!this.isHidden) {\n                this.positionPopover();\n            }\n        });\n    }\n\n    private positionPopover(): void {\n        this.resetStyles();\n\n        const { containerWidth, spaceTop, spaceBottom, spaceLeft, spaceRight } =\n            this.calculateAvailableSpace(this.eclPopoverToggle.getHostElement(), this.scrollableParent);\n\n        // Find the direction with the most available space\n        const positioningClass = 'ecl-popover--';\n        let direction = '';\n\n        if (\n            spaceTop > spaceBottom &&\n            spaceTop > spaceLeft &&\n            spaceTop > spaceRight\n        ) {\n            direction = 'top';\n        } else if (spaceBottom > spaceLeft && spaceBottom > spaceRight) {\n            direction = 'bottom';\n        } else if (spaceLeft > spaceRight) {\n            direction = 'left';\n        } else {\n            direction = 'right';\n        }\n\n        this.renderer.addClass(this.el.nativeElement, `${positioningClass}${direction}`);\n\n        // Try to use as much of the available width, respecting the max-width set.\n        const styles = window.getComputedStyle(this.eclPopoverScrollableElement.nativeElement);\n        const maxWidth = parseInt(styles.getPropertyValue('max-width'), 10);\n        const minWidth = parseInt(styles.getPropertyValue('min-width'), 10);\n        const padding = parseInt(styles.getPropertyValue('padding-left'), 10) * 2;\n\n        // We consider 90% of the biggest space available\n        const horizontalSpace = Math.max(spaceLeft, spaceRight) * 0.9;\n        let targetWidth;\n\n        // If the available space is larger than maxWidth (plus padding), set to maxWidth\n        if (\n            maxWidth + padding < horizontalSpace ||\n            (direction !== 'left' &&\n                direction !== 'right' &&\n                containerWidth > maxWidth)\n        ) {\n            targetWidth = maxWidth;\n        }\n        // If the available space is smaller than minWidth (plus padding), set to minWidth\n        else if (horizontalSpace < minWidth + padding) {\n            targetWidth = minWidth;\n        }\n        // Otherwise, set the width to the available space minus the padding\n        else if (direction === 'left' || direction === 'right') {\n            targetWidth = horizontalSpace - padding;\n        } else {\n            targetWidth = (horizontalSpace - padding) * 2;\n        }\n\n        // Ensure the width does not exceed available space\n        this.renderer.setStyle(this.eclPopoverScrollableElement.nativeElement, 'width', `${targetWidth}px`);\n\n        this.handlePushClass(direction);\n    }\n\n    private resetStyles(): void {\n        const popoverContainer = this.eclPopoverContainerElement.nativeElement;\n        this.popoverPosition = null;\n        this.renderer.removeClass(this.el.nativeElement, this.topClass);\n        this.renderer.removeClass(this.el.nativeElement, this.bottomClass);\n        this.renderer.removeClass(this.el.nativeElement, this.leftClass);\n        this.renderer.removeClass(this.el.nativeElement, this.rightClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushTopClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushBottomClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushLeftClass);\n        this.renderer.removeClass(this.el.nativeElement, this.pushRightClass);\n        this.renderer.removeStyle(popoverContainer, '--ecl-popover-position');\n        this.renderer.removeStyle(popoverContainer, 'top');\n        this.renderer.removeStyle(popoverContainer, 'right');\n        this.renderer.removeStyle(popoverContainer, 'left');\n        this.renderer.removeStyle(popoverContainer, 'bottom');\n        this.renderer.removeStyle(popoverContainer, 'transform');\n        this.renderer.removeStyle(this.eclPopoverScrollableElement.nativeElement, 'width');\n    }\n\n\n    /**\n   * Check whether the popover is going out of its scrollable container and apply the needed repositioning.\n   *\n   * @param {string} direction\n   */\n    handlePushClass(direction: string): void {\n        requestAnimationFrame(() => {\n            const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();\n            const scrollableRect = this.scrollableParent.getBoundingClientRect();\n            const containerBottom =\n                scrollableRect.bottom > window.innerHeight ? 0 : window.innerHeight - scrollableRect.bottom;\n            const containerTop =\n                scrollableRect.top > window.innerHeight ? 0 : scrollableRect.top;\n            const leftOverflow = scrollableRect.left > popoverRect.left;\n            const rightOverflow = scrollableRect.right < popoverRect.right;\n            const topOverflow = popoverRect.top < containerTop;\n            const bottomOverflow =\n                containerBottom > window.innerHeight - popoverRect.bottom;\n\n            if (direction === 'left' || direction === 'right') {\n                if (topOverflow) {\n                    this.renderer.addClass(this.el.nativeElement, this.pushTopClass);\n                    // Push the popover to the top edge of the container\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'top', `-${Math.round(this.toggleRect.top)}px`);\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'bottom', '');\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'transform', '');\n                }\n                if (bottomOverflow) {\n                    this.renderer.addClass(this.el.nativeElement, this.pushBottomClass);\n                    // Push the popover to the bottom edge of the container\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'bottom', `-${window.innerHeight - this.toggleRect.bottom - containerBottom}px`);\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'top', '');\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'transform', '');\n                }\n            } else {\n                if (leftOverflow) {\n                    this.renderer.addClass(this.el.nativeElement, this.pushLeftClass);\n                    // Push the popover 8px to the left edge of the container\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'left', `-${this.toggleRect.left - scrollableRect.left - 8}px`);\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'right', 'auto');\n                }\n                if (rightOverflow) {\n                    this.renderer.addClass(this.el.nativeElement, this.pushRightClass);\n                    // Push the popover 8px to the right edge of the container\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'right', `-${scrollableRect.right - this.toggleRect.right - 8}px`);\n                    this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, 'left', 'auto');\n                }\n            }\n\n            this.handleArrowPosition(direction);\n        });\n    }\n\n    private handleArrowPosition(direction: string): void {\n        const popoverRect = this.eclPopoverContainerElement.nativeElement.getBoundingClientRect();\n\n        if (direction === 'left' || direction === 'right') {\n            if (this.el.nativeElement.classList.contains(this.pushBottomClass)) {\n                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position',\n                    `${Math.round(this.toggleRect.top - popoverRect.top + this.toggleRect.height / 2)}px`);\n            } else if (this.el.nativeElement.classList.contains(this.pushTopClass)) {\n                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position',\n                    `${Math.round(popoverRect.top + this.toggleRect.top + this.toggleRect.height / 2)}px`);\n            }\n        } else {\n            // eslint-disable-next-line no-lonely-if\n            if (this.el.nativeElement.classList.contains(this.pushRightClass)) {\n                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position',\n                    `${Math.round(popoverRect.right - (this.toggleRect.right - this.toggleRect.width / 2))}px`);\n            } else if (this.el.nativeElement.classList.contains(this.pushLeftClass)) {\n                this.renderer.setStyle(this.eclPopoverContainerElement.nativeElement, '--ecl-popover-position',\n                    `${Math.round(this.toggleRect.left - popoverRect.left + this.toggleRect.width / 2)}px`);\n            }\n        }\n    }\n}\n","<ng-content select=\"[eclPopoverToggle]\"></ng-content>\n\n<div #container class=\"ecl-popover__container\" [style.--ecl-popover-position]=\"popoverPosition\" [hidden]=\"isHidden\"\n    [attr.id]=\"popoverToggleAriaControls\">\n    <div #scrollable class=\"ecl-popover__scrollable\">\n        <button eclButton variant=\"tertiary\" (click)=\"doClose()\" class=\"ecl-popover__close\" isIconOnly>\n            <span eclButtonLabel>Close</span>\n            <ecl-icon icon=\"close\" size=\"m\"></ecl-icon>\n        </button>\n        <ng-content select=\"[eclPopoverContent]\"></ng-content>\n    </div>\n</div>\n","import { Directive, HostBinding } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive applied to the content section of an `ecl-popover` component.\n *\n * Responsible for applying the appropriate CSS class to the popover content container.\n */\n@Directive({\n    selector: '[eclPopoverContent]',\n})\nexport class EclPopoverContentDirective extends ECLBaseDirective {\n    /**\n     * Host binding that applies the CSS class to style the popover content.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-popover__content')].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { EclPopoverComponent } from './ecl-popover.component';\nimport { EclPopoverContentDirective } from './ecl-popover-content.directive';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\n\nconst COMPONENTS = [\n    EclPopoverComponent,\n    EclPopoverContentDirective,\n    EclPopoverToggleDirective,\n];\n\n/**\n * @description\n * Module that provides the EclPopover component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_POPOVER} instead.\n */\n@NgModule({\n    imports: [...COMPONENTS],\n    exports: [...COMPONENTS],\n})\nexport class EclPopoverModule {}\n","import { EclPopoverComponent } from './ecl-popover.component';\nimport { EclPopoverContentDirective } from './ecl-popover-content.directive';\nimport { EclPopoverToggleDirective } from './ecl-popover-toggle.directive';\n\nexport * from './ecl-popover.module';\nexport * from './ecl-popover.component';\nexport * from './ecl-popover-content.directive';\nexport * from './ecl-popover-toggle.directive';\n\nexport const EUI_ECL_POPOVER = [\n  EclPopoverComponent,\n  EclPopoverContentDirective,\n  EclPopoverToggleDirective,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}