@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/collection/components/popup/popup.js

@@ -1,869 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { arrow, autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
-import { h, Host } from "@stencil/core";
-import { ListenToConfig } from "../../global/index";
-import { FocusHandler, Logger, dsBrowser, isEscapeKey, wait, OneOf, Type } from "../../utils/index";
-import { POPUP_PLACEMENTS, POPUP_ROLES, } from "./popup.interfaces";
-// ─── Group registry ───────────────────────────────────────────────────────────
-// Module-level map so same-group popups can dismiss each other.
-const popupGroups = new Map();
-/**
- * Popup displays anchored overlay content positioned relative to a trigger element.
- * Serves as a primitive for dropdowns, hints, menus, datepickers, and autocompletes.
- *
- * Trigger wiring:
- *   Programmatic — set the `trigger` property to an HTMLElement; call `present()` / `dismiss()`.
- *   Declarative  — add `data-popup="<id>"` to any trigger element and set matching `id` on popup.
- *
- * @slot - The popup content.
- * @part panel    - The floating panel container.
- * @part backdrop - The optional full-screen backdrop overlay.
- * @part close    - The optional close button (visible when closable).
- */
-export class Popup {
-    constructor() {
-        this.currentTrigger = undefined;
-        this.focusHandler = new FocusHandler();
-        this.transitionQueue = Promise.resolve();
-        this.animated = true;
-        this.isOpen = false;
-        /**
-         * PUBLIC PROPERTY API
-         * ─────────────────────────────────────────────────────
-         */
-        /**
-         * If `true` the popup is open.
-         */
-        this.open = false;
-        /**
-         * The trigger element. Setting this wires up aria-haspopup and aria-expanded automatically.
-         */
-        this.trigger = undefined;
-        /**
-         * Preferred placement of the popup relative to the trigger.
-         */
-        this.placement = 'bottom';
-        /**
-         * Offset in pixels between the trigger element and the popup panel.
-         */
-        this.offset = 8;
-        /**
-         * ARIA role applied to the panel.
-         * Controls focus-trap behaviour and the aria-haspopup value set on the trigger.
-         * Use "dialog" for rich content, "listbox" or "menu" for interactive option lists.
-         */
-        this.role = 'dialog';
-        /**
-         * If `true`, the popup can be dismissed via the Escape key and shows a close button.
-         */
-        this.closable = false;
-        /**
-         * If `true`, clicking outside the popup panel dismisses it.
-         */
-        this.backdropDismiss = false;
-        /**
-         * If `true`, a full-screen backdrop overlay is rendered behind the popup panel.
-         */
-        this.backdrop = false;
-        /**
-         * Group name for mutual-exclusion. Only one popup within the same group is open at a time.
-         */
-        this.group = undefined;
-        /**
-         * Accessible label for the popup panel (sets aria-label on the panel element).
-         */
-        this.label = '';
-        /**
-         * If `true`, renders a small arrow indicator pointing from the panel toward the trigger.
-         */
-        this.arrow = false;
-        /**
-         * Override the automatic focus-trap behaviour.
-         * When undefined, trapping is enabled when `backdrop` is `true` and disabled otherwise.
-         */
-        this.trapFocus = undefined;
-        /**
-         * EVENT HANDLERS
-         * ─────────────────────────────────────────────────────
-         */
-        this.handleCloseClick = () => {
-            this.dismiss();
-        };
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    openChanged(newValue) {
-        newValue ? this.runPresent() : this.runDismiss();
-    }
-    triggerChanged(newTrigger, oldTrigger) {
-        if (oldTrigger) {
-            oldTrigger.removeAttribute('aria-haspopup');
-            oldTrigger.removeAttribute('aria-expanded');
-        }
-        if (newTrigger) {
-            newTrigger.setAttribute('aria-haspopup', this.role);
-            newTrigger.setAttribute('aria-expanded', 'false');
-        }
-    }
-    /**
-     * LIFECYCLE
-     * ─────────────────────────────────────────────────────
-     */
-    connectedCallback() {
-        this.registerGroup();
-    }
-    componentDidLoad() {
-        if (this.trigger) {
-            this.trigger.setAttribute('aria-haspopup', this.role);
-            this.trigger.setAttribute('aria-expanded', 'false');
-        }
-        if (this.open) {
-            this.runPresent();
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.cleanupPositioner) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.focusHandler.disconnect();
-        if (this.trigger) {
-            this.trigger.removeAttribute('aria-haspopup');
-            this.trigger.removeAttribute('aria-expanded');
-        }
-        this.unregisterGroup();
-    }
-    /**
-     * PUBLIC LISTENERS
-     * ─────────────────────────────────────────────────────
-     */
-    async listenToClick(ev) {
-        var _a;
-        // Declarative trigger: element with data-popup matching this element's id.
-        if (this.el.id) {
-            const closest = ev.target.closest(`[data-popup="${this.el.id}"]`);
-            if (closest) {
-                this.currentTrigger = closest;
-                await this.toggle();
-                return;
-            }
-        }
-        // Click-outside dismiss using composedPath so shadow DOM clicks are detected.
-        if (this.backdropDismiss && this.isOpen) {
-            const path = ev.composedPath();
-            const insidePanel = path.includes(this.panelEl);
-            const effectiveTrigger = (_a = this.currentTrigger) !== null && _a !== void 0 ? _a : this.trigger;
-            const insideTrigger = effectiveTrigger ? path.includes(effectiveTrigger) : false;
-            if (!insidePanel && !insideTrigger) {
-                await this.dismiss();
-            }
-        }
-    }
-    listenToKeyDown(ev) {
-        if (!this.isOpen)
-            return;
-        if (this.closable && isEscapeKey(ev)) {
-            ev.stopPropagation();
-            this.dismiss();
-        }
-    }
-    /**
-     * PUBLIC METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    /** Opens the popup. */
-    async present() {
-        this.open = true;
-    }
-    /** Closes the popup. */
-    async dismiss() {
-        this.open = false;
-    }
-    /** Toggles the popup open or closed. */
-    async toggle() {
-        this.open ? this.dismiss() : this.present();
-    }
-    /**
-     * @internal
-     */
-    async configChanged(state) {
-        this.animated = state.animated;
-    }
-    /**
-     * PRIVATE METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    get shouldTrapFocus() {
-        if (this.trapFocus !== undefined)
-            return this.trapFocus;
-        return this.backdrop;
-    }
-    runPresent() {
-        this.transitionQueue = this.transitionQueue.then(() => this.doPresent()).catch(() => undefined);
-    }
-    runDismiss() {
-        this.transitionQueue = this.transitionQueue.then(() => this.doDismiss()).catch(() => undefined);
-    }
-    async doPresent() {
-        var _a;
-        if (this.isOpen)
-            return;
-        const trigger = (_a = this.currentTrigger) !== null && _a !== void 0 ? _a : this.trigger;
-        await this.dismissGroupSiblings();
-        this.dsWillPresent.emit({ trigger });
-        if (trigger) {
-            trigger.setAttribute('aria-expanded', 'true');
-            // Compute initial position while panel is still invisible so there is no flash.
-            await this.updatePosition(trigger);
-            this.startPositioner(trigger);
-        }
-        this.isOpen = true;
-        if (this.animated)
-            await wait(300);
-        if (this.shouldTrapFocus) {
-            this.focusHandler.enable({ target: this.panelEl, restoreElement: trigger !== null && trigger !== void 0 ? trigger : null });
-        }
-        else {
-            this.focusPanel();
-        }
-        this.dsDidPresent.emit({ trigger });
-    }
-    async doDismiss() {
-        var _a, _b;
-        if (!this.isOpen)
-            return;
-        const trigger = (_a = this.currentTrigger) !== null && _a !== void 0 ? _a : this.trigger;
-        this.dsWillDismiss.emit({ trigger });
-        (_b = this.cleanupPositioner) === null || _b === void 0 ? void 0 : _b.call(this);
-        this.cleanupPositioner = undefined;
-        if (trigger) {
-            trigger.setAttribute('aria-expanded', 'false');
-        }
-        this.isOpen = false;
-        if (this.animated)
-            await wait(300);
-        if (this.shouldTrapFocus) {
-            this.focusHandler.disable();
-            this.focusHandler.restoreFocus();
-        }
-        else {
-            trigger === null || trigger === void 0 ? void 0 : trigger.focus();
-        }
-        this.dsDidDismiss.emit({ trigger });
-    }
-    startPositioner(trigger) {
-        if (!this.panelEl)
-            return;
-        this.cleanupPositioner = autoUpdate(trigger, this.panelEl, () => this.updatePosition(trigger), {
-            ancestorScroll: true,
-            ancestorResize: true,
-            elementResize: true,
-            layoutShift: true,
-            animationFrame: false,
-        });
-    }
-    async updatePosition(trigger) {
-        if (!this.panelEl)
-            return;
-        const { x, y, placement, middlewareData } = await computePosition(trigger, this.panelEl, {
-            placement: this.placement,
-            strategy: 'fixed',
-            middleware: [
-                dsBrowser.hasWindow && !window.frameElement ? shift() : undefined,
-                flip(),
-                offset(this.offset),
-                this.arrow && this.arrowEl ? arrow({ element: this.arrowEl }) : undefined,
-            ].filter(Boolean),
-        });
-        Object.assign(this.panelEl.style, { left: `${x}px`, top: `${y}px` });
-        this.panelEl.dataset['placement'] = placement.split('-')[0];
-        if (this.arrow && this.arrowEl && middlewareData.arrow) {
-            const { x: ax, y: ay } = middlewareData.arrow;
-            Object.assign(this.arrowEl.style, {
-                left: ax != null ? `${ax}px` : '',
-                top: ay != null ? `${ay}px` : '',
-            });
-        }
-    }
-    focusPanel() {
-        if (!this.panelEl)
-            return;
-        const focusable = Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));
-        if (focusable.length > 0) {
-            focusable[0].focus({ preventScroll: true });
-        }
-        else {
-            this.panelEl.focus({ preventScroll: true });
-        }
-    }
-    registerGroup() {
-        if (!this.group)
-            return;
-        if (!popupGroups.has(this.group))
-            popupGroups.set(this.group, new Set());
-        popupGroups.get(this.group).add(this.el);
-    }
-    unregisterGroup() {
-        var _a;
-        if (!this.group)
-            return;
-        (_a = popupGroups.get(this.group)) === null || _a === void 0 ? void 0 : _a.delete(this.el);
-    }
-    async dismissGroupSiblings() {
-        if (!this.group)
-            return;
-        const siblings = popupGroups.get(this.group);
-        if (!siblings)
-            return;
-        for (const sibling of siblings) {
-            if (sibling !== this.el) {
-                await sibling.dismiss();
-            }
-        }
-    }
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render() {
-        return (h(Host, { key: '72bbf60a6bc9410137e5d6297567deb36dde832e', class: { 'is-open': this.isOpen, 'is-animated': this.animated, 'is-closable': this.closable } }, this.backdrop && h("div", { key: 'f0df870cf5cefe02625f8601be2d9ca2d79ee0a1', part: "backdrop" }), h("div", { key: '0469a9af2690b337b51f2c1778e36214ff85f17c', part: "panel", ref: el => (this.panelEl = el), role: this.role, "aria-modal": this.role === 'dialog' ? 'true' : undefined, "aria-label": this.label || undefined, tabindex: "-1", "data-testid": "ds-popup-panel" }, this.arrow && h("div", { key: '5b6b7b125996515687883668fe9145a6776cce08', part: "arrow", ref: el => (this.arrowEl = el) }), this.closable && h("ds-close", { key: 'a6e7ad1d67220a7c809a0379ae19d7f05a64ed93', part: "close", onClick: this.handleCloseClick }), h("slot", { key: 'c7924bf2de2567bb31d3ac2add33854ea3f0b218' }))));
-    }
-    static get is() { return "ds-popup"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["popup.host.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["popup.host.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "open": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true` the popup is open."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "open",
-                "defaultValue": "false"
-            },
-            "trigger": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "HTMLElement | undefined",
-                    "resolved": "HTMLElement | undefined",
-                    "references": {
-                        "HTMLElement": {
-                            "location": "global",
-                            "id": "global::HTMLElement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The trigger element. Setting this wires up aria-haspopup and aria-expanded automatically."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "undefined"
-            },
-            "placement": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopupPlacement",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"left\" | \"left-end\" | \"left-start\" | \"right\" | \"right-end\" | \"right-start\" | \"top\" | \"top-end\" | \"top-start\"",
-                    "references": {
-                        "PopupPlacement": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupPlacement",
-                            "referenceLocation": "PopupPlacement"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Preferred placement of the popup relative to the trigger."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placement",
-                "defaultValue": "'bottom'"
-            },
-            "offset": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Offset in pixels between the trigger element and the popup panel."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "offset",
-                "defaultValue": "8"
-            },
-            "role": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "PopupRole",
-                    "resolved": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\"",
-                    "references": {
-                        "PopupRole": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupRole",
-                            "referenceLocation": "PopupRole"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "ARIA role applied to the panel.\nControls focus-trap behaviour and the aria-haspopup value set on the trigger.\nUse \"dialog\" for rich content, \"listbox\" or \"menu\" for interactive option lists."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "role",
-                "defaultValue": "'dialog'"
-            },
-            "closable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the popup can be dismissed via the Escape key and shows a close button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "closable",
-                "defaultValue": "false"
-            },
-            "backdropDismiss": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, clicking outside the popup panel dismisses it."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "backdrop-dismiss",
-                "defaultValue": "false"
-            },
-            "backdrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, a full-screen backdrop overlay is rendered behind the popup panel."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "backdrop",
-                "defaultValue": "false"
-            },
-            "group": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | undefined",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Group name for mutual-exclusion. Only one popup within the same group is open at a time."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "group",
-                "defaultValue": "undefined"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Accessible label for the popup panel (sets aria-label on the panel element)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "''"
-            },
-            "arrow": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, renders a small arrow indicator pointing from the panel toward the trigger."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "arrow",
-                "defaultValue": "false"
-            },
-            "trapFocus": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean | undefined",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Override the automatic focus-trap behaviour.\nWhen undefined, trapping is enabled when `backdrop` is `true` and disabled otherwise."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "trap-focus",
-                "defaultValue": "undefined"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "animated": {},
-            "isOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "dsWillPresent",
-                "name": "dsWillPresent",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted before the popup opens."
-                },
-                "complexType": {
-                    "original": "PopupPresentDetail",
-                    "resolved": "{ trigger: HTMLElement | undefined; }",
-                    "references": {
-                        "PopupPresentDetail": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupPresentDetail",
-                            "referenceLocation": "PopupPresentDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsDidPresent",
-                "name": "dsDidPresent",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted after the popup is fully open."
-                },
-                "complexType": {
-                    "original": "PopupPresentDetail",
-                    "resolved": "{ trigger: HTMLElement | undefined; }",
-                    "references": {
-                        "PopupPresentDetail": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupPresentDetail",
-                            "referenceLocation": "PopupPresentDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsWillDismiss",
-                "name": "dsWillDismiss",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted before the popup closes."
-                },
-                "complexType": {
-                    "original": "PopupDismissDetail",
-                    "resolved": "{ trigger: HTMLElement | undefined; }",
-                    "references": {
-                        "PopupDismissDetail": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupDismissDetail",
-                            "referenceLocation": "PopupDismissDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsDidDismiss",
-                "name": "dsDidDismiss",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted after the popup is fully closed."
-                },
-                "complexType": {
-                    "original": "PopupDismissDetail",
-                    "resolved": "{ trigger: HTMLElement | undefined; }",
-                    "references": {
-                        "PopupDismissDetail": {
-                            "location": "import",
-                            "path": "./popup.interfaces",
-                            "id": "src/components/popup/popup.interfaces.ts::PopupDismissDetail",
-                            "referenceLocation": "PopupDismissDetail"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "present": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Opens the popup.",
-                    "tags": []
-                }
-            },
-            "dismiss": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Closes the popup.",
-                    "tags": []
-                }
-            },
-            "toggle": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Toggles the popup open or closed.",
-                    "tags": []
-                }
-            },
-            "configChanged": {
-                "complexType": {
-                    "signature": "(state: DsConfigState) => Promise<void>",
-                    "parameters": [{
-                            "name": "state",
-                            "type": "DsConfigState",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "DsConfigState": {
-                            "location": "import",
-                            "path": "@global",
-                            "id": "src/global/index.ts::DsConfigState",
-                            "referenceLocation": "DsConfigState"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "open",
-                "methodName": "openChanged"
-            }, {
-                "propName": "trigger",
-                "methodName": "triggerChanged"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "click",
-                "method": "listenToClick",
-                "target": "document",
-                "capture": false,
-                "passive": false
-            }, {
-                "name": "keydown",
-                "method": "listenToKeyDown",
-                "target": "document",
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-__decorate([
-    Logger('popup'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], Popup.prototype, "createLogger", null);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Popup.prototype, "open", void 0);
-__decorate([
-    OneOf(POPUP_PLACEMENTS),
-    __metadata("design:type", String)
-], Popup.prototype, "placement", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Popup.prototype, "offset", void 0);
-__decorate([
-    OneOf(POPUP_ROLES),
-    __metadata("design:type", String)
-], Popup.prototype, "role", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Popup.prototype, "closable", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Popup.prototype, "backdropDismiss", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Popup.prototype, "backdrop", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", Object)
-], Popup.prototype, "group", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Popup.prototype, "label", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Popup.prototype, "arrow", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Object)
-], Popup.prototype, "trapFocus", void 0);
-__decorate([
-    ListenToConfig(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", Promise)
-], Popup.prototype, "configChanged", null);