le-kit 0.5.3 → 0.6.0

package/dist/collection/components/le-popover/le-popover.js

@@ -1,828 +0,0 @@
-import { h, Host, } from "@stencil/core";
-import { classnames } from "../../utils/utils";
-// Keep a simple stack so Escape closes the most recently opened popover first.
-// This also helps nested popovers behave naturally.
-const openPopoverStack = [];
-/**
- * A popover component for displaying floating content.
- *
- * Uses the native HTML Popover API for proper layering with dialogs
- * and other top-layer elements. Falls back gracefully in older browsers.
- *
- * @slot - Content to display inside the popover
- * @slot trigger - Element that triggers the popover (optional)
- *
- * @csspart trigger - The popover trigger element
- * @csspart content - The popover content wrapper
- *
- * @cmsInternal true
- * @cmsCategory System
- */
-export class LePopover {
-    constructor() {
-        /**
-         * Whether the popover is currently open
-         */
-        this.open = false;
-        /**
-         * Position of the popover relative to its trigger
-         */
-        this.position = 'bottom';
-        /**
-         * Alignment of the popover
-         */
-        this.align = 'start';
-        /**
-         * Whether to show a close button in the header
-         */
-        this.showClose = true;
-        /**
-         * Whether clicking outside closes the popover
-         */
-        this.closeOnClickOutside = true;
-        /**
-         * Whether pressing Escape closes the popover
-         */
-        this.closeOnEscape = true;
-        /**
-         * Offset from the trigger element (in pixels)
-         */
-        this.offset = 8;
-        /**
-         * Minimum width for the popover (e.g., '200px', '15rem')
-         */
-        this.minWidth = '200px';
-        /**
-         * Should the popover's trigger take full width of its container
-         */
-        this.triggerFullWidth = false;
-        this.isPositioned = false;
-        this.uniqueId = `le-popover-${Math.random().toString(36).substr(2, 9)}`;
-        this.scrollParents = [];
-        this.isListeningForDismiss = false;
-        this.handleDocumentPointerDown = (event) => {
-            if (!this.open || !this.closeOnClickOutside)
-                return;
-            // If the click happens inside this popover component (trigger OR content), don't close.
-            const path = (event.composedPath?.() ?? []);
-            if (path.includes(this.el))
-                return;
-            this.hide();
-        };
-        this.handleDocumentKeyDown = (event) => {
-            if (!this.open || !this.closeOnEscape)
-                return;
-            if (event.key !== 'Escape')
-                return;
-            // Only the top-most opened popover handles Escape.
-            const top = openPopoverStack[openPopoverStack.length - 1];
-            if (top !== this.el)
-                return;
-            event.preventDefault();
-            event.stopPropagation();
-            this.hide();
-        };
-        this.handleScroll = () => {
-            if (this.open) {
-                this._updatePosition();
-            }
-        };
-        this.handlePopoverToggle = (event) => {
-            if (event.newState === 'open') {
-                this.handleOpened();
-            }
-            else {
-                this.handleClosed();
-            }
-        };
-        this.handleOtherPopoverOpen = (event) => {
-            const customEvent = event;
-            const openingPopover = customEvent.detail?.popover;
-            if (!openingPopover)
-                return;
-            if (openingPopover === this.el)
-                return;
-            // Allow nested popovers (e.g., le-select inside another popover).
-            // Use a shadow-DOM-aware containment check.
-            if (this.shadowContains(this.el, openingPopover) ||
-                this.shadowContains(openingPopover, this.el)) {
-                return;
-            }
-            if (this.open) {
-                this.hide();
-            }
-        };
-        this.handleTriggerClick = (event) => {
-            event.stopPropagation();
-            this.toggle();
-        };
-    }
-    /**
-     * Method to update the popover position from a parent component
-     */
-    async updatePosition() {
-        this._updatePosition();
-    }
-    get supportsPopoverApi() {
-        return typeof HTMLElement.prototype.showPopover === 'function';
-    }
-    shadowContains(container, node) {
-        let current = node;
-        while (current) {
-            if (current === container)
-                return true;
-            if (current instanceof ShadowRoot) {
-                current = current.host;
-                continue;
-            }
-            if (current.parentNode) {
-                current = current.parentNode;
-                continue;
-            }
-            const root = current.getRootNode?.();
-            if (root instanceof ShadowRoot) {
-                current = root.host;
-                continue;
-            }
-            break;
-        }
-        return false;
-    }
-    componentDidLoad() {
-        // Listen for toggle events from the native popover API
-        this.popoverEl?.addEventListener('toggle', this.handlePopoverToggle);
-        // Listen for other popovers opening to close this one
-        document.addEventListener('le-popover-will-open', this.handleOtherPopoverOpen);
-        // If the popover is initially open (unlikely, but possible), wire listeners.
-        if (this.open) {
-            this.addDismissListeners();
-        }
-    }
-    disconnectedCallback() {
-        this.popoverEl?.removeEventListener('toggle', this.handlePopoverToggle);
-        document.removeEventListener('le-popover-will-open', this.handleOtherPopoverOpen);
-        this.removeScrollListeners();
-        this.removeDismissListeners();
-    }
-    addDismissListeners() {
-        if (this.isListeningForDismiss)
-            return;
-        // Use capture so clicks inside the trigger (which stops propagation) are still observed.
-        document.addEventListener('pointerdown', this.handleDocumentPointerDown, true);
-        document.addEventListener('keydown', this.handleDocumentKeyDown, true);
-        this.isListeningForDismiss = true;
-    }
-    removeDismissListeners() {
-        if (!this.isListeningForDismiss)
-            return;
-        document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);
-        document.removeEventListener('keydown', this.handleDocumentKeyDown, true);
-        this.isListeningForDismiss = false;
-    }
-    /**
-     * Find all scrollable parent elements
-     */
-    getScrollParents(element) {
-        const scrollParents = [];
-        let parent = element.parentElement;
-        while (parent) {
-            const style = getComputedStyle(parent);
-            const overflow = style.overflow + style.overflowY + style.overflowX;
-            if (/(auto|scroll)/.test(overflow)) {
-                scrollParents.push(parent);
-            }
-            parent = parent.parentElement;
-        }
-        // Always include window for page scroll
-        return scrollParents;
-    }
-    /**
-     * Add scroll listeners to all scrollable parents
-     */
-    addScrollListeners() {
-        if (!this.triggerEl)
-            return;
-        this.scrollParents = this.getScrollParents(this.triggerEl);
-        // Listen to each scroll parent
-        this.scrollParents.forEach(parent => {
-            parent.addEventListener('scroll', this.handleScroll, { passive: true });
-        });
-        // Also listen to window scroll and resize
-        window.addEventListener('scroll', this.handleScroll, { passive: true });
-        window.addEventListener('resize', this.handleScroll, { passive: true });
-    }
-    /**
-     * Remove scroll listeners
-     */
-    removeScrollListeners() {
-        this.scrollParents.forEach(parent => {
-            parent.removeEventListener('scroll', this.handleScroll);
-        });
-        window.removeEventListener('scroll', this.handleScroll);
-        window.removeEventListener('resize', this.handleScroll);
-        this.scrollParents = [];
-    }
-    handleOpened() {
-        this.open = true;
-        // Track stack order for Escape handling.
-        const existingIndex = openPopoverStack.indexOf(this.el);
-        if (existingIndex >= 0)
-            openPopoverStack.splice(existingIndex, 1);
-        openPopoverStack.push(this.el);
-        this.addDismissListeners();
-        this.addScrollListeners();
-        this._updatePosition();
-        this.lePopoverOpen.emit();
-    }
-    handleClosed() {
-        this.open = false;
-        this.isPositioned = false;
-        this.removeScrollListeners();
-        this.removeDismissListeners();
-        const index = openPopoverStack.indexOf(this.el);
-        if (index >= 0)
-            openPopoverStack.splice(index, 1);
-        this.lePopoverClose.emit();
-    }
-    /**
-     * Opens the popover
-     */
-    async show() {
-        document.dispatchEvent(new CustomEvent('le-popover-will-open', {
-            detail: { popover: this.el },
-        }));
-        if (this.supportsPopoverApi) {
-            this.popoverEl?.showPopover();
-        }
-        else {
-            this.handleOpened();
-        }
-    }
-    /**
-     * Closes the popover
-     */
-    async hide() {
-        if (this.supportsPopoverApi) {
-            this.popoverEl?.hidePopover();
-        }
-        else {
-            this.handleClosed();
-        }
-    }
-    /**
-     * Toggles the popover
-     */
-    async toggle() {
-        if (this.open) {
-            await this.hide();
-        }
-        else {
-            await this.show();
-        }
-    }
-    _updatePosition() {
-        if (!this.triggerEl || !this.popoverEl)
-            return;
-        const triggerRect = this.triggerEl.getBoundingClientRect();
-        const popoverRect = this.popoverEl.getBoundingClientRect();
-        const viewportWidth = window.innerWidth;
-        const viewportHeight = window.innerHeight;
-        const viewportPadding = 8;
-        let position = this.position;
-        let align = this.align;
-        // Auto-position logic
-        const spaceBelow = viewportHeight - triggerRect.bottom - viewportPadding;
-        const spaceAbove = triggerRect.top - viewportPadding;
-        const spaceRight = viewportWidth - triggerRect.right - viewportPadding;
-        const spaceLeft = triggerRect.left - viewportPadding;
-        if (position === 'auto') {
-            if (spaceBelow >= popoverRect.height + this.offset) {
-                position = 'bottom';
-            }
-            else if (spaceAbove >= popoverRect.height + this.offset) {
-                position = 'top';
-            }
-            else if (spaceRight >= popoverRect.width + this.offset) {
-                position = 'right';
-            }
-            else if (spaceLeft >= popoverRect.width + this.offset) {
-                position = 'left';
-            }
-            else {
-                const maxSpace = Math.max(spaceBelow, spaceAbove, spaceRight, spaceLeft);
-                if (maxSpace === spaceBelow)
-                    position = 'bottom';
-                else if (maxSpace === spaceAbove)
-                    position = 'top';
-                else if (maxSpace === spaceRight)
-                    position = 'right';
-                else
-                    position = 'left';
-            }
-        }
-        // Adjust alignment for horizontal overflow
-        if (position === 'top' || position === 'bottom') {
-            if (align === 'start' &&
-                triggerRect.left + popoverRect.width > viewportWidth - viewportPadding) {
-                align = 'end';
-            }
-            else if (align === 'end' && triggerRect.right - popoverRect.width < viewportPadding) {
-                align = 'start';
-            }
-            else if (align === 'center') {
-                const triggerCenter = triggerRect.left + triggerRect.width / 2;
-                if (triggerCenter - popoverRect.width / 2 < viewportPadding) {
-                    align = 'start';
-                }
-                else if (triggerCenter + popoverRect.width / 2 > viewportWidth - viewportPadding) {
-                    align = 'end';
-                }
-            }
-        }
-        // Calculate position
-        let top = 0;
-        let left = 0;
-        let maxHeight = null;
-        switch (position) {
-            case 'top':
-                top = triggerRect.top - popoverRect.height - this.offset;
-                if (top < viewportPadding) {
-                    maxHeight = triggerRect.top - this.offset - viewportPadding * 2;
-                    top = viewportPadding;
-                }
-                break;
-            case 'bottom':
-                top = triggerRect.bottom + this.offset;
-                if (top + popoverRect.height > viewportHeight - viewportPadding) {
-                    maxHeight = viewportHeight - top - viewportPadding;
-                }
-                break;
-            case 'left':
-                left = triggerRect.left - popoverRect.width - this.offset;
-                top = triggerRect.top;
-                if (left < viewportPadding)
-                    left = viewportPadding;
-                break;
-            case 'right':
-                left = triggerRect.right + this.offset;
-                top = triggerRect.top;
-                if (left + popoverRect.width > viewportWidth - viewportPadding) {
-                    left = viewportWidth - popoverRect.width - viewportPadding;
-                }
-                break;
-        }
-        // Calculate horizontal alignment for top/bottom
-        if (position === 'top' || position === 'bottom') {
-            switch (align) {
-                case 'start':
-                    left = triggerRect.left;
-                    break;
-                case 'center':
-                    left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;
-                    break;
-                case 'end':
-                    left = triggerRect.right - popoverRect.width;
-                    break;
-            }
-            // Constrain to viewport
-            if (left < viewportPadding) {
-                left = viewportPadding;
-            }
-            else if (left + popoverRect.width > viewportWidth - viewportPadding) {
-                left = viewportWidth - popoverRect.width - viewportPadding;
-            }
-        }
-        // Calculate vertical alignment for left/right
-        if (position === 'left' || position === 'right') {
-            switch (align) {
-                case 'start':
-                    top = triggerRect.top;
-                    break;
-                case 'center':
-                    top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;
-                    break;
-                case 'end':
-                    top = triggerRect.bottom - popoverRect.height;
-                    break;
-            }
-            if (top < viewportPadding)
-                top = viewportPadding;
-            if (top + popoverRect.height > viewportHeight - viewportPadding) {
-                maxHeight = viewportHeight - top - viewportPadding;
-            }
-        }
-        // Apply styles
-        this.popoverEl.style.top = `${top}px`;
-        this.popoverEl.style.left = `${left}px`;
-        if (maxHeight !== null && maxHeight > 100) {
-            this.popoverEl.style.maxHeight = `${maxHeight}px`;
-            this.popoverEl.style.overflowY = 'auto';
-        }
-        else {
-            this.popoverEl.style.maxHeight = '';
-            this.popoverEl.style.overflowY = '';
-        }
-        this.isPositioned = true;
-    }
-    render() {
-        const popoverStyles = {
-            visibility: this.isPositioned ? 'visible' : 'hidden',
-        };
-        if (this.width)
-            popoverStyles.width = this.width;
-        if (this.minWidth)
-            popoverStyles.minWidth = this.minWidth;
-        if (this.maxWidth)
-            popoverStyles.maxWidth = this.maxWidth;
-        return (h(Host, { key: 'c9adf9fa285b33fca47bd2caa54c3ad62f2784e1', "trigger-full-width": this.triggerFullWidth }, h("div", { key: 'e3f6c1441ec018325400e2673e012ba2939d359b', class: classnames('le-popover-trigger', {
-                'le-popover-trigger-full-width': this.triggerFullWidth,
-            }), ref: el => (this.triggerEl = el), onClick: this.handleTriggerClick, part: "trigger" }, h("slot", { key: '9ece065f14fedc62905406359f0b6ae25747403b', name: "trigger" }, h("button", { key: '816e450c49c441f315bd619c24a4c96ef3bbc164', type: "button", class: "le-popover-default-trigger" }, h("span", { key: '4408bf0edee9ccf6e3fa9147110793c94eed8a39' }, "\u2295")))), h("div", { key: '9061223ed8051dda88802b1fb54b455aafcd20a6', id: this.uniqueId, class: "le-popover-content",
-            // Always use manual mode so nested popovers can be open together.
-            // We implement click-outside and Escape handling ourselves.
-            popover: "manual", ref: el => (this.popoverEl = el), style: popoverStyles, "data-fallback-open": this.supportsPopoverApi ? undefined : String(this.open) }, (this.popoverTitle || this.showClose) && (h("div", { key: '92f61d207bfd18693d5e610cdfca708afecadf9d', class: "le-popover-header" }, this.popoverTitle && h("span", { key: 'caeb2cfc8b500061bad1e8dc9cf36eff298ba7ed', class: "le-popover-title" }, this.popoverTitle), this.showClose && (h("button", { key: '3fc53cc7c0ae0bce3330613ecc90003db5028d69', type: "button", class: "le-popover-close", onClick: () => this.hide(), "aria-label": "Close" }, "\u00D7")))), h("div", { key: '829a9d5d78cb8b5d19dfb7c2afeda55faafaa8ac', class: "le-popover-body", part: "content" }, h("slot", { key: '684b41952086d22e7d3d79f6db02f7cbfd32bbf5' })))));
-    }
-    static get is() { return "le-popover"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["le-popover.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["le-popover.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "mode": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "'default' | 'admin'",
-                    "resolved": "\"admin\" | \"default\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Mode of the popover should be 'default' for internal use"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "mode"
-            },
-            "open": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the popover is currently open"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "open",
-                "defaultValue": "false"
-            },
-            "position": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'top' | 'bottom' | 'left' | 'right' | 'auto'",
-                    "resolved": "\"auto\" | \"bottom\" | \"left\" | \"right\" | \"top\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Position of the popover relative to its trigger"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "position",
-                "defaultValue": "'bottom'"
-            },
-            "align": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'start' | 'center' | 'end'",
-                    "resolved": "\"center\" | \"end\" | \"start\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Alignment of the popover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "align",
-                "defaultValue": "'start'"
-            },
-            "popoverTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional title for the popover header"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "popover-title"
-            },
-            "showClose": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether to show a close button in the header"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "show-close",
-                "defaultValue": "true"
-            },
-            "closeOnClickOutside": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether clicking outside closes the popover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "close-on-click-outside",
-                "defaultValue": "true"
-            },
-            "closeOnEscape": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether pressing Escape closes the popover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "close-on-escape",
-                "defaultValue": "true"
-            },
-            "offset": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Offset from the trigger element (in pixels)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "offset",
-                "defaultValue": "8"
-            },
-            "width": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Fixed width for the popover (e.g., '300px', '20rem')"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "width"
-            },
-            "minWidth": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Minimum width for the popover (e.g., '200px', '15rem')"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min-width",
-                "defaultValue": "'200px'"
-            },
-            "maxWidth": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Maximum width for the popover (e.g., '400px', '25rem')"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max-width"
-            },
-            "triggerFullWidth": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Should the popover's trigger take full width of its container"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "trigger-full-width",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isPositioned": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "lePopoverOpen",
-                "name": "lePopoverOpen",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popover opens"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "lePopoverClose",
-                "name": "lePopoverClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the popover closes"
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "updatePosition": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Method to update the popover position from a parent component",
-                    "tags": []
-                }
-            },
-            "show": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Opens the popover",
-                    "tags": []
-                }
-            },
-            "hide": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Closes the popover",
-                    "tags": []
-                }
-            },
-            "toggle": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Toggles the popover",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=le-popover.js.map