@xplortech/apollo-core 2.6.0 → 2.7.1

package/dist/collection/components/xpl-top-nav/xpl-top-nav.js

@@ -0,0 +1,433 @@
+import { Host, h, } from "@stencil/core";
+export class TopNav {
+    constructor() {
+        this.userPopoverDrawerSyncHost = null;
+        this.brandLogoSlotPresent = false;
+        this.open = false;
+        this.userMenuSlotPresent = false;
+        this.userMenuTriggerSlotPresent = false;
+        this.focusNavControlAfterClose = () => {
+            if (this.navControlFocusTimeoutId !== undefined) {
+                clearTimeout(this.navControlFocusTimeoutId);
+            }
+            this.navControlFocusTimeoutId = setTimeout(() => {
+                var _a;
+                this.navControlFocusTimeoutId = undefined;
+                (_a = this.el.querySelector('.xpl-top-nav__nav-control')) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 0);
+        };
+        this.handleUserPopoverIsOpenChange = (e) => {
+            const { detail } = e;
+            if (detail === true) {
+                this.closeMobileDrawerWhenAccountMenuOpens();
+            }
+        };
+        this.onBrandNavItemClick = (e) => {
+            if (this.brandHref != null) {
+                return;
+            }
+            this.brandClick.emit(e.detail);
+        };
+        this.onDocKeyDownEscape = (e) => {
+            if (!this.navControl || !this.open || e.key !== 'Escape') {
+                return;
+            }
+            if (this.anyDescendantPopoverIsOpen()) {
+                return;
+            }
+            if (this.el.querySelector('xpl-top-nav-item.xpl-top-nav-item--dropdown-open')) {
+                return;
+            }
+            e.preventDefault();
+            e.stopPropagation();
+            this.open = false;
+            this.navOpen.emit(false);
+            this.focusNavControlAfterClose();
+        };
+        this.onNavToggle = () => {
+            const wasOpen = this.open;
+            this.open = !this.open;
+            this.navOpen.emit(this.open);
+            if (wasOpen && !this.open) {
+                this.focusNavControlAfterClose();
+            }
+        };
+        this.onUserPopoverInnerOpenClassChange = () => {
+            const host = this.userPopoverDrawerSyncHost;
+            if (!host) {
+                return;
+            }
+            const inner = host.querySelector('.xpl-popover');
+            if (inner === null || inner === void 0 ? void 0 : inner.classList.contains('xpl-popover--is-open')) {
+                this.closeMobileDrawerWhenAccountMenuOpens();
+            }
+        };
+        this.syncBrandLogoSlot = () => {
+            const next = this.el.querySelector('[slot="brand-logo"]') != null;
+            if (next !== this.brandLogoSlotPresent) {
+                this.brandLogoSlotPresent = next;
+            }
+        };
+        this.syncUserMenuSlots = () => {
+            const panel = this.el.querySelector('[slot="user-menu"]') != null;
+            const triggerSlot = this.el.querySelector('[slot="user-menu-trigger"]') != null;
+            if (panel !== this.userMenuSlotPresent) {
+                this.userMenuSlotPresent = panel;
+            }
+            if (triggerSlot !== this.userMenuTriggerSlotPresent) {
+                this.userMenuTriggerSlotPresent = triggerSlot;
+            }
+        };
+    }
+    onNavControlChanged() {
+        this.syncOpenFromNavControl();
+        this.syncDocEscapeListener();
+    }
+    connectedCallback() {
+        this.syncOpenFromNavControl();
+        this.syncDocEscapeListener();
+        this.syncBrandLogoSlot();
+        this.syncUserMenuSlots();
+        this.connectSlotContentObserver();
+    }
+    disconnectedCallback() {
+        if (this.navControlFocusTimeoutId !== undefined) {
+            clearTimeout(this.navControlFocusTimeoutId);
+            this.navControlFocusTimeoutId = undefined;
+        }
+        if (this.deferredSlotContentObserverSyncTimeoutId !== undefined) {
+            clearTimeout(this.deferredSlotContentObserverSyncTimeoutId);
+            this.deferredSlotContentObserverSyncTimeoutId = undefined;
+        }
+        this.removeDocEscapeListener();
+        this.disconnectSlotContentObserver();
+        this.disconnectUserPopoverDrawerSync();
+    }
+    componentWillLoad() {
+        this.syncOpenFromNavControl();
+        this.syncBrandLogoSlot();
+        this.syncUserMenuSlots();
+    }
+    componentWillRender() {
+        this.disconnectSlotContentObserver();
+    }
+    componentDidRender() {
+        this.connectSlotContentObserver();
+        this.connectUserPopoverDrawerSync();
+    }
+    get childAccountLabelText() {
+        var _a, _b;
+        return (_b = (_a = this.childAccountLabel) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+    }
+    get hasBrand() {
+        var _a, _b, _c, _d;
+        const name = (_b = (_a = this.brandName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        const logo = (_d = (_c = this.brandLogo) === null || _c === void 0 ? void 0 : _c.trim()) !== null && _d !== void 0 ? _d : '';
+        return name.length > 0 || logo.length > 0 || this.brandLogoSlotPresent;
+    }
+    get hasUserMenu() {
+        return this.userMenuSlotPresent;
+    }
+    get needsUserMenuSlotStash() {
+        return !this.userMenuSlotPresent && this.userMenuTriggerSlotPresent;
+    }
+    get usesBuiltInChildAccountTrigger() {
+        return this.hasUserMenu && !this.userMenuTriggerSlotPresent;
+    }
+    anyDescendantPopoverIsOpen() {
+        const hosts = this.el.querySelectorAll('xpl-popover');
+        for (let i = 0; i < hosts.length; i += 1) {
+            const inner = hosts[i].querySelector('.xpl-popover');
+            if (inner === null || inner === void 0 ? void 0 : inner.classList.contains('xpl-popover--is-open')) {
+                return true;
+            }
+        }
+        return false;
+    }
+    closeMobileDrawerWhenAccountMenuOpens() {
+        if (!this.navControl || !this.open) {
+            return;
+        }
+        this.open = false;
+        this.navOpen.emit(false);
+    }
+    connectSlotContentObserver() {
+        this.disconnectSlotContentObserver();
+        if (typeof MutationObserver === 'undefined') {
+            return;
+        }
+        this.slotContentObserver = new MutationObserver(() => {
+            this.scheduleSlotContentSyncFromObserver();
+        });
+        this.slotContentObserver.observe(this.el, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['slot'],
+        });
+    }
+    connectUserPopoverDrawerSync() {
+        const pop = this.hasUserMenu
+            ? this.el.querySelector('xpl-popover.xpl-top-nav__user-popover')
+            : null;
+        if (pop === this.userPopoverDrawerSyncHost) {
+            return;
+        }
+        this.disconnectUserPopoverDrawerSync();
+        if (!pop) {
+            return;
+        }
+        this.userPopoverDrawerSyncHost = pop;
+        pop.addEventListener('isOpenChange', this.handleUserPopoverIsOpenChange);
+        const inner = pop.querySelector('.xpl-popover');
+        if (inner && typeof MutationObserver !== 'undefined') {
+            this.userPopoverDrawerOpenObserver = new MutationObserver(() => {
+                this.onUserPopoverInnerOpenClassChange();
+            });
+            this.userPopoverDrawerOpenObserver.observe(inner, {
+                attributes: true,
+                attributeFilter: ['class'],
+            });
+            this.onUserPopoverInnerOpenClassChange();
+        }
+    }
+    disconnectSlotContentObserver() {
+        var _a;
+        (_a = this.slotContentObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.slotContentObserver = undefined;
+    }
+    disconnectUserPopoverDrawerSync() {
+        var _a;
+        if (this.userPopoverDrawerSyncHost) {
+            this.userPopoverDrawerSyncHost.removeEventListener('isOpenChange', this.handleUserPopoverIsOpenChange);
+            this.userPopoverDrawerSyncHost = null;
+        }
+        (_a = this.userPopoverDrawerOpenObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.userPopoverDrawerOpenObserver = undefined;
+    }
+    removeDocEscapeListener() {
+        this.el.ownerDocument.removeEventListener('keydown', this.onDocKeyDownEscape, false);
+    }
+    scheduleSlotContentSyncFromObserver() {
+        if (this.deferredSlotContentObserverSyncTimeoutId !== undefined) {
+            clearTimeout(this.deferredSlotContentObserverSyncTimeoutId);
+        }
+        this.deferredSlotContentObserverSyncTimeoutId = setTimeout(() => {
+            this.deferredSlotContentObserverSyncTimeoutId = undefined;
+            if (!this.el.isConnected) {
+                return;
+            }
+            this.syncBrandLogoSlot();
+            this.syncUserMenuSlots();
+        }, 0);
+    }
+    syncDocEscapeListener() {
+        this.removeDocEscapeListener();
+        if (this.navControl) {
+            this.el.ownerDocument.addEventListener('keydown', this.onDocKeyDownEscape, false);
+        }
+    }
+    syncOpenFromNavControl() {
+        const wasOpen = this.open;
+        this.open = false;
+        if (wasOpen && !this.navControl) {
+            this.navOpen.emit(false);
+        }
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h(Host, { key: '9f65d609c6b4cf08b2899216fe8bc70fe0e12db9', class: {
+                'xpl-top-nav': true,
+                'xpl-top-nav--nav-control': Boolean(this.navControl),
+                'xpl-top-nav--open': this.open,
+                'xpl-top-nav--has-child-account-label': this.childAccountLabelText.length > 0,
+                'xpl-top-nav--has-brand': this.hasBrand,
+                'xpl-top-nav--has-user-menu': this.hasUserMenu,
+                dark: true,
+            } }, h("nav", { key: 'a3d613acbe13866886bca363372127e8e869ec2c', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b7057ef80f36e98def53bbfc2a39bd30bacd9b4c', class: "xpl-top-nav__inner-left" }, this.navControl && (h("button", { key: '3c4091842c7e4c1a62fea5446f6e29486617b11a', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, h("xpl-icon", { key: 'cd5fd2cd1cf1dae5c765b63678e14cb87588c3b2', class: "xpl-top-nav__control-icon", icon: "menu", size: 20 }))), this.hasBrand && (h("div", { key: '3cabfe3ce8ff58d9aed0ed9b4adccd896f6cad08', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'bca3924f36affd16b6c17d0d8cc1ccc57c488ef6', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, ((_b = this.brandLogo) === null || _b === void 0 ? void 0 : _b.trim()) ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: ((_c = this.brandName) === null || _c === void 0 ? void 0 : _c.trim())
+                ? this.brandName.trim()
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, ((_d = this.brandName) === null || _d === void 0 ? void 0 : _d.trim()) ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: '1e9a1af5fbeca22c0f440556c121c38b8528d9ba', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-left': true,
+            } }, h("div", { key: 'b5d67e1adf5bc6a751be3d8bfa448bdb682039bc', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'c738eb6fbda41c8320fa2645fb88f43ef11731b6', name: "left-aside" })))), h("div", { key: '8573832a3922746b2301f9bc8b4fa6ab7e1ac441', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-right': true,
+            } }, h("div", { key: 'a21b318496a47000cde7a0346d3376999e7893ea', class: "xpl-nav-right__list" }, h("div", { key: '5934e7d3976b13abba77b4361b4fe1c6f49bcc2e', class: "xpl-top-nav__right-rail" }, h("div", { key: '49b44ea3d59eec32d6859978754e81ce6acc1bec', class: "xpl-top-nav__right-lead" }, h("slot", { key: '054671b75354700b873a85f08998a14d7fc7073b', name: "right-aside" })), this.hasUserMenu ? (h("div", { class: "xpl-top-nav__right-user" }, h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (h("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+                ? undefined
+                : 'Open account menu' }, this.childAccountLabelText.length > 0
+            ? this.childAccountLabelText
+            : null)) : null, h("div", { class: "xpl-top-nav__user-menu-panel" }, h("slot", { name: "user-menu" }))))) : null, this.needsUserMenuSlotStash ? (h("div", { class: "xpl-top-nav__user-menu-stash", hidden: true, "aria-hidden": "true" }, h("slot", { name: "user-menu-trigger" }), h("slot", { name: "user-menu" }))) : null))))));
+    }
+    static get is() { return "xpl-top-nav"; }
+    static get properties() {
+        return {
+            "brandHref": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Destination URL for the brand control when using native navigation (**`<a href>`**). When unset, the brand is a\n**`role=\"button\"`** control and **`brandClick`** fires on activation instead."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "brand-href"
+            },
+            "brandLogo": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional image URL for the brand mark (leading the brand row, before **`brand-name`** text). When set, renders\n**`<img class=\"xpl-top-nav__brand-logo\">`** and ignores **`slot=\"brand-logo\"`** for the mark. When unset, use\n**`slot=\"brand-logo\"`** for custom logo content."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "brand-logo"
+            },
+            "brandName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Visible product / app name next to **`brand-logo`**. Omit for logo-only; provide **`brand-logo`** and/or this\nstring to show the built-in brand row (**`left-aside`** is then primary nav links only)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "brand-name"
+            },
+            "childAccountLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Label text for the built-in account menu trigger (shown **before** the **`chevron-down`** icon) when **`slot=\"user-menu\"`**\nis present and **`slot=\"user-menu-trigger\"`** is not used. When empty or whitespace-only, the trigger shows only the\nchevron and uses **`aria-label=\"Open account menu\"`** on the button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "child-account-label"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name for the `<nav>` landmark (maps to `aria-label`).\nUse a unique label when the page has multiple navigation regions (e.g. side nav + top nav).\nWhen unset, defaults to `top-navigation-bar`."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "navControl": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, renders the navigation control (hamburger) for toggling the left slot on small viewports.\nThe control is **hidden from the Tailwind `md` breakpoint up**; collapse/show for **`left-aside`** uses **`max-width: calc(theme('screens.md') - 1px)`** in **`top-nav.css`** (Figma\u2019s 767px at a 16px root and default **`screens.md`**).\nReflected to the **`nav-control`** attribute so host updates (framework props) re-run **`@Watch`**: drawer state and\ndocument **Escape** handling stay in sync, the host **`xpl-top-nav--nav-control`** class toggles for **`top-nav.css`**, and\n**`navOpen(false)`** is emitted if **`nav-control`** is cleared while the drawer was open."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "nav-control"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "brandLogoSlotPresent": {},
+            "open": {},
+            "userMenuSlotPresent": {},
+            "userMenuTriggerSlotPresent": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "brandClick",
+                "name": "brandClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the brand control is activated and **`brandHref`** is **not** set (SPA / in-app navigation).\n**`detail`** is the **`MouseEvent`** from **`xpl-top-nav-item`** **`navItemClick`**. Not emitted when **`brandHref`**\nis set (use native link navigation)."
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "navOpen",
+                "name": "navOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the mobile nav open state changes: hamburger toggle, or **Escape** closing the drawer\n(when **`nav-control`** is set and the bar was open). Detail is the new open state (**`true`** = open, **`false`** = closed)."
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "navControl",
+                "methodName": "onNavControlChanged"
+            }];
+    }
+}

package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js

@@ -11,7 +11,7 @@ export class UtilityBar {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (h(Host, { key: 'b32ed07473f48009a3a6e76ba1a51fe156b19f1c' }, h("nav", { key: '7a98d494b15c5af7e8e0089ab64806c04d394381', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: 'd5f62631648bcd858b26a6500e2506e6f40d5c99', name: "main" }))));
+        return (h(Host, { key: '2af96247c611b67255b7f285dfb2b8b1dada47cc' }, h("nav", { key: '135186097dd0d8f308a1a08b5fbf4a5537c10f25', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (h("div", null, h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), h("slot", { name: "aside" }))) : (h("slot", { name: "aside" })), h("slot", { key: '3346444f9813b20d8c4ed13b5a0784205dcfbbb1', name: "main" }))));
     }
     static get is() { return "xpl-utility-bar"; }
     static get properties() {

package/dist/collection/utils/lifecycle.js

@@ -0,0 +1,79 @@
+export class TimerManager {
+    constructor() {
+        this.timeouts = new Set();
+        this.intervals = new Set();
+        this.rafs = new Set();
+    }
+    setTimeout(callback, delay) {
+        const id = setTimeout(() => {
+            this.timeouts.delete(id);
+            callback();
+        }, delay);
+        this.timeouts.add(id);
+        return id;
+    }
+    clearTimeout(id) {
+        clearTimeout(id);
+        this.timeouts.delete(id);
+    }
+    setInterval(callback, delay) {
+        const id = setInterval(callback, delay);
+        this.intervals.add(id);
+        return id;
+    }
+    clearInterval(id) {
+        clearInterval(id);
+        this.intervals.delete(id);
+    }
+    requestAnimationFrame(callback) {
+        const id = requestAnimationFrame((time) => {
+            this.rafs.delete(id);
+            callback(time);
+        });
+        this.rafs.add(id);
+        return id;
+    }
+    cancelAnimationFrame(id) {
+        cancelAnimationFrame(id);
+        this.rafs.delete(id);
+    }
+    dispose() {
+        this.timeouts.forEach((id) => clearTimeout(id));
+        this.timeouts.clear();
+        this.intervals.forEach((id) => clearInterval(id));
+        this.intervals.clear();
+        this.rafs.forEach((id) => cancelAnimationFrame(id));
+        this.rafs.clear();
+    }
+}
+export function waitForElement(selector, root = document, options) {
+    const existing = root.querySelector(selector);
+    if (existing) {
+        return Promise.resolve(existing);
+    }
+    return new Promise((resolve) => {
+        var _a, _b;
+        if ((_a = options === null || options === void 0 ? void 0 : options.signal) === null || _a === void 0 ? void 0 : _a.aborted) {
+            resolve(null);
+            return;
+        }
+        const observer = new MutationObserver(() => {
+            const el = root.querySelector(selector);
+            if (el) {
+                observer.disconnect();
+                resolve(el);
+            }
+        });
+        observer.observe(root instanceof Node ? root : document, {
+            childList: true,
+            subtree: true,
+        });
+        (_b = options === null || options === void 0 ? void 0 : options.signal) === null || _b === void 0 ? void 0 : _b.addEventListener('abort', () => {
+            observer.disconnect();
+            resolve(null);
+        }, { once: true });
+    });
+}
+export function isBrowser() {
+    return typeof window !== 'undefined' && typeof document !== 'undefined';
+}

package/dist/collection/utils/tab-a11y-ids.js

@@ -0,0 +1,22 @@
+export function sanitizeForHtmlId(value) {
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return 'unnamed';
+    }
+    let s = trimmed.replace(/[^a-zA-Z0-9_-]/g, '-').replace(/-+/g, '-');
+    if (/^[0-9-]/.test(s)) {
+        s = `t-${s}`;
+    }
+    return s;
+}
+export function getTabGroupInstanceId(hostEl) {
+    var _a;
+    const root = hostEl.closest('xpl-tabs');
+    return (_a = root === null || root === void 0 ? void 0 : root.getAttribute('data-tabs-instance-id')) !== null && _a !== void 0 ? _a : 'xpl-tg-orphan';
+}
+export function tabTriggerId(groupInstanceId, target) {
+    return `${groupInstanceId}-tab-${sanitizeForHtmlId(target)}`;
+}
+export function tabPanelDomId(groupInstanceId, target) {
+    return `${groupInstanceId}-panel-${sanitizeForHtmlId(target)}`;
+}

package/dist/components/floating-ui.dom.js

@@ -0,0 +1 @@
+const t=["top","right","bottom","left"],n=Math.min,e=Math.max,o=Math.round,r=Math.floor,i=t=>({x:t,y:t}),c={left:"right",right:"left",bottom:"top",top:"bottom"};function a(t,o,r){return e(t,n(o,r))}function l(t,n){return"function"==typeof t?t(n):t}function s(t){return t.split("-")[0]}function u(t){return t.split("-")[1]}function f(t){return"x"===t?"y":"x"}function d(t){return"y"===t?"height":"width"}function m(t){const n=t[0];return"t"===n||"b"===n?"y":"x"}function h(t){return f(m(t))}function y(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const p=["left","right"],w=["right","left"],g=["top","bottom"],x=["bottom","top"];function v(t){const n=s(t);return c[n]+t.slice(n.length)}function b(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function A(t,n,e){let{reference:o,floating:r}=t;const i=m(n),c=h(n),a=d(c),l=s(n),f="y"===i,y=o.x+o.width/2-r.width/2,p=o.y+o.height/2-r.height/2,w=o[a]/2-r[a]/2;let g;switch(l){case"top":g={x:y,y:o.y-r.height};break;case"bottom":g={x:y,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:p};break;case"left":g={x:o.x-r.width,y:p};break;default:g={x:o.x,y:o.y}}switch(u(n)){case"start":g[c]-=w*(e&&f?-1:1);break;case"end":g[c]+=w*(e&&f?-1:1)}return g}async function S(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:c,elements:a,strategy:s}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:h=0}=l(n,t),y=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(h),p=a[m?"floating"===d?"reference":"floating":d],w=b(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(p)))||e?p:p.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:u,rootBoundary:f,strategy:s})),g="floating"===d?{x:o,y:r,width:c.floating.width,height:c.floating.height}:c.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),v=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))||{x:1,y:1},A=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:x,strategy:s}):g);return{top:(w.top-A.top+y.top)/v.y,bottom:(A.bottom-w.bottom+y.bottom)/v.y,left:(w.left-A.left+y.left)/v.x,right:(A.right-w.right+y.right)/v.x}}function R(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function F(n){return t.some((t=>n[t]>=0))}const k=new Set(["left","top"]);function O(){return"undefined"!=typeof window}function C(t){return P(t)?(t.nodeName||"").toLowerCase():"#document"}function T(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function M(t){var n;return null==(n=(P(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function P(t){return!!O()&&(t instanceof Node||t instanceof T(t).Node)}function z(t){return!!O()&&(t instanceof Element||t instanceof T(t).Element)}function D(t){return!!O()&&(t instanceof HTMLElement||t instanceof T(t).HTMLElement)}function H(t){return!(!O()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof T(t).ShadowRoot)}function L(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=X(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&"inline"!==r&&"contents"!==r}function B(t){return/^(table|td|th)$/.test(C(t))}function E(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const $=/transform|translate|scale|rotate|perspective|filter/,I=/paint|layout|strict|content/,N=t=>!!t&&"none"!==t;let j;function q(t){const n=z(t)?X(t):t;return N(n.transform)||N(n.translate)||N(n.scale)||N(n.rotate)||N(n.perspective)||!V()&&(N(n.backdropFilter)||N(n.filter))||$.test(n.willChange||"")||I.test(n.contain||"")}function V(){return null==j&&(j="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),j}function W(t){return/^(html|body|#document)$/.test(C(t))}function X(t){return T(t).getComputedStyle(t)}function Y(t){return z(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function _(t){if("html"===C(t))return t;const n=t.assignedSlot||t.parentNode||H(t)&&t.host||M(t);return H(n)?n.host:n}function G(t){const n=_(t);return W(n)?t.ownerDocument?t.ownerDocument.body:t.body:D(n)&&L(n)?n:G(n)}function J(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=G(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),c=T(r);if(i){const t=K(c);return n.concat(c,c.visualViewport||[],L(r)?r:[],t&&e?J(t):[])}return n.concat(r,J(r,[],e))}function K(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Q(t){const n=X(t);let e=parseFloat(n.width)||0,r=parseFloat(n.height)||0;const i=D(t),c=i?t.offsetWidth:e,a=i?t.offsetHeight:r,l=o(e)!==c||o(r)!==a;return l&&(e=c,r=a),{width:e,height:r,$:l}}function U(t){return z(t)?t:t.contextElement}function Z(t){const n=U(t);if(!D(n))return i(1);const e=n.getBoundingClientRect(),{width:r,height:c,$:a}=Q(n);let l=(a?o(e.width):e.width)/r,s=(a?o(e.height):e.height)/c;return l&&Number.isFinite(l)||(l=1),s&&Number.isFinite(s)||(s=1),{x:l,y:s}}const tt=i(0);function nt(t){const n=T(t);return V()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:tt}function et(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),c=U(t);let a=i(1);n&&(o?z(o)&&(a=Z(o)):a=Z(t));const l=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==T(t))&&n}(c,e,o)?nt(c):i(0);let s=(r.left+l.x)/a.x,u=(r.top+l.y)/a.y,f=r.width/a.x,d=r.height/a.y;if(c){const t=T(c),n=o&&z(o)?T(o):o;let e=t,r=K(e);for(;r&&o&&n!==e;){const t=Z(r),n=r.getBoundingClientRect(),o=X(r),i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x,c=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,u*=t.y,f*=t.x,d*=t.y,s+=i,u+=c,e=T(r),r=K(e)}}return b({width:f,height:d,x:s,y:u})}function ot(t,n){const e=Y(t).scrollLeft;return n?n.left+e:et(M(t)).left+e}function rt(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-ot(t,e),y:e.top+n.scrollTop}}function it(t,n,o){let r;if("viewport"===n)r=function(t,n){const e=T(t),o=M(t),r=e.visualViewport;let i=o.clientWidth,c=o.clientHeight,a=0,l=0;if(r){i=r.width,c=r.height;const t=V();(!t||t&&"fixed"===n)&&(a=r.offsetLeft,l=r.offsetTop)}const s=ot(o);if(s<=0){const t=o.ownerDocument,n=t.body,e=getComputedStyle(n),r="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)||0,c=Math.abs(o.clientWidth-n.clientWidth-r);c<=25&&(i-=c)}else s<=25&&(i+=s);return{width:i,height:c,x:a,y:l}}(t,o);else if("document"===n)r=function(t){const n=M(t),o=Y(t),r=t.ownerDocument.body,i=e(n.scrollWidth,n.clientWidth,r.scrollWidth,r.clientWidth),c=e(n.scrollHeight,n.clientHeight,r.scrollHeight,r.clientHeight);let a=-o.scrollLeft+ot(t);const l=-o.scrollTop;return"rtl"===X(r).direction&&(a+=e(n.clientWidth,r.clientWidth)-i),{width:i,height:c,x:a,y:l}}(M(t));else if(z(n))r=function(t,n){const e=et(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,c=D(t)?Z(t):i(1);return{width:t.clientWidth*c.x,height:t.clientHeight*c.y,x:r*c.x,y:o*c.y}}(n,o);else{const e=nt(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return b(r)}function ct(t,n){const e=_(t);return!(e===n||!z(e)||W(e))&&("fixed"===X(e).position||ct(e,n))}function at(t,n,e){const o=D(n),r=M(n),c="fixed"===e,a=et(t,!0,c,n);let l={scrollLeft:0,scrollTop:0};const s=i(0);function u(){s.x=ot(r)}if(o||!o&&!c)if(("body"!==C(n)||L(r))&&(l=Y(n)),o){const t=et(n,!0,c,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}else r&&u();c&&!o&&r&&u();const f=!r||o||c?i(0):rt(r,l);return{x:a.left+l.scrollLeft-s.x-f.x,y:a.top+l.scrollTop-s.y-f.y,width:a.width,height:a.height}}function lt(t){return"static"===X(t).position}function st(t,n){if(!D(t)||"fixed"===X(t).position)return null;if(n)return n(t);let e=t.offsetParent;return M(t)===e&&(e=e.ownerDocument.body),e}function ut(t,n){const e=T(t);if(E(t))return e;if(!D(t)){let n=_(t);for(;n&&!W(n);){if(z(n)&&!lt(n))return n;n=_(n)}return e}let o=st(t,n);for(;o&&B(o)&&lt(o);)o=st(o,n);return o&&W(o)&&lt(o)&&!q(o)?e:o||function(t){let n=_(t);for(;D(n)&&!W(n);){if(q(n))return n;if(E(n))return null;n=_(n)}return null}(t)||e}const ft={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const c="fixed"===r,a=M(o),l=!!n&&E(n.floating);if(o===a||l&&c)return e;let s={scrollLeft:0,scrollTop:0},u=i(1);const f=i(0),d=D(o);if((d||!d&&!c)&&(("body"!==C(o)||L(a))&&(s=Y(o)),d)){const t=et(o);u=Z(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!a||d||c?i(0):rt(a,s);return{width:e.width*u.x,height:e.height*u.y,x:e.x*u.x-s.scrollLeft*u.x+f.x+m.x,y:e.y*u.y-s.scrollTop*u.y+f.y+m.y}},getDocumentElement:M,getClippingRect:function(t){let{element:o,boundary:r,rootBoundary:i,strategy:c}=t;const a=[..."clippingAncestors"===r?E(o)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=J(t,[],!1).filter((t=>z(t)&&"body"!==C(t))),r=null;const i="fixed"===X(t).position;let c=i?_(t):t;for(;z(c)&&!W(c);){const n=X(c),e=q(c);e||"fixed"!==n.position||(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&("absolute"===r.position||"fixed"===r.position)||L(c)&&!e&&ct(t,c))?o=o.filter((t=>t!==c)):r=n,c=_(c)}return n.set(t,o),o}(o,this._c):[].concat(r),i],l=it(o,a[0],c);let s=l.top,u=l.right,f=l.bottom,d=l.left;for(let t=1;t<a.length;t++){const r=it(o,a[t],c);s=e(r.top,s),u=n(r.right,u),f=n(r.bottom,f),d=e(r.left,d)}return{width:u-d,height:f-s,x:d,y:s}},getOffsetParent:ut,getElementRects:async function(t){const n=this.getOffsetParent||ut,e=this.getDimensions,o=await e(t.floating);return{reference:at(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=Q(t);return{width:n,height:e}},getScale:Z,isElement:z,isRTL:function(t){return"rtl"===X(t).direction}};function dt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function mt(t,o,i,c){void 0===c&&(c={});const{ancestorScroll:a=!0,ancestorResize:l=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=c,d=U(t),m=a||l?[...d?J(d):[],...o?J(o):[]]:[];m.forEach((t=>{a&&t.addEventListener("scroll",i,{passive:!0}),l&&t.addEventListener("resize",i)}));const h=d&&u?function(t,o){let i,c=null;const a=M(t);function l(){var t;clearTimeout(i),null==(t=c)||t.disconnect(),c=null}return function s(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),l();const d=t.getBoundingClientRect(),{left:m,top:h,width:y,height:p}=d;if(u||o(),!y||!p)return;const w={rootMargin:-r(h)+"px "+-r(a.clientWidth-(m+y))+"px "+-r(a.clientHeight-(h+p))+"px "+-r(m)+"px",threshold:e(0,n(1,f))||1};let g=!0;function x(n){const e=n[0].intersectionRatio;if(e!==f){if(!g)return s();e?s(!1,e):i=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==e||dt(d,t.getBoundingClientRect())||s(),g=!1}try{c=new IntersectionObserver(x,{...w,root:a.ownerDocument})}catch(t){c=new IntersectionObserver(x,w)}c.observe(t)}(!0),l}(d,i):null;let y,p=-1,w=null;s&&(w=new ResizeObserver((t=>{let[n]=t;n&&n.target===d&&w&&o&&(w.unobserve(o),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=w)||t.observe(o)}))),i()})),d&&!f&&w.observe(d),o&&w.observe(o));let g=f?et(t):null;return f&&function n(){const e=et(t);g&&!dt(g,e)&&i(),g=e,y=requestAnimationFrame(n)}(),i(),()=>{var t;m.forEach((t=>{a&&t.removeEventListener("scroll",i),l&&t.removeEventListener("resize",i)})),null==h||h(),null==(t=w)||t.disconnect(),w=null,f&&cancelAnimationFrame(y)}}const ht=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:c,middlewareData:a}=n,f=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),c=s(e),a=u(e),f="y"===m(e),d=k.has(c)?-1:1,h=i&&f?-1:1,y=l(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:g}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:y.mainAxis||0,crossAxis:y.crossAxis||0,alignmentAxis:y.alignmentAxis};return a&&"number"==typeof g&&(w="end"===a?-1*g:g),f?{x:w*h,y:p*d}:{x:p*d,y:w*h}}(n,t);return c===(null==(e=a.offset)?void 0:e.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+f.x,y:i+f.y,data:{...f,placement:c}}}}},yt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r,platform:i}=n,{mainAxis:c=!0,crossAxis:u=!1,limiter:d={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...h}=l(t,n),y={x:e,y:o},p=await i.detectOverflow(n,h),w=m(s(r)),g=f(w);let x=y[g],v=y[w];c&&(x=a(x+p["y"===g?"top":"left"],x,x-p["y"===g?"bottom":"right"])),u&&(v=a(v+p["y"===w?"top":"left"],v,v-p["y"===w?"bottom":"right"]));const b=d.fn({...n,[g]:x,[w]:v});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[g]:c,[w]:u}}}}}},pt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:c,initialPlacement:a,platform:f,elements:b}=n,{mainAxis:A=!0,crossAxis:S=!0,fallbackPlacements:R,fallbackStrategy:F="bestFit",fallbackAxisSideDirection:k="none",flipAlignment:O=!0,...C}=l(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const T=s(r),M=m(a),P=s(a)===a,z=await(null==f.isRTL?void 0:f.isRTL(b.floating)),D=R||(P||!O?[v(a)]:function(t){const n=v(t);return[y(t),n,y(n)]}(a)),H="none"!==k;!R&&H&&D.push(...function(t,n,e,o){const r=u(t);let i=function(t,n,e){switch(t){case"top":case"bottom":return e?n?w:p:n?p:w;case"left":case"right":return n?g:x;default:return[]}}(s(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(y)))),i}(a,O,k,z));const L=[a,...D],B=await f.detectOverflow(n,C),E=[];let $=(null==(o=i.flip)?void 0:o.overflows)||[];if(A&&E.push(B[T]),S){const t=function(t,n,e){void 0===e&&(e=!1);const o=u(t),r=h(t),i=d(r);let c="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(c=v(c)),[c,v(c)]}(r,c,z);E.push(B[t[0]],B[t[1]])}if($=[...$,{placement:r,overflows:E}],!E.every((t=>t<=0))){var I,N;const t=((null==(I=i.flip)?void 0:I.index)||0)+1,n=L[t];if(n&&("alignment"!==S||M===m(n)||$.every((t=>m(t.placement)!==M||t.overflows[0]>0))))return{data:{index:t,overflows:$},reset:{placement:n}};let e=null==(N=$.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:N.placement;if(!e)switch(F){case"bestFit":{var j;const t=null==(j=$.filter((t=>{if(H){const n=m(t.placement);return n===M||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:j[0];t&&(e=t);break}case"initialPlacement":e=a}if(r!==e)return{reset:{placement:e}}}return{}}}},wt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(o){var r,i;const{placement:c,rects:a,platform:f,elements:d}=o,{apply:h=()=>{},...y}=l(t,o),p=await f.detectOverflow(o,y),w=s(c),g=u(c),x="y"===m(c),{width:v,height:b}=a.floating;let A,S;"top"===w||"bottom"===w?(A=w,S=g===(await(null==f.isRTL?void 0:f.isRTL(d.floating))?"start":"end")?"left":"right"):(S=w,A="end"===g?"top":"bottom");const R=b-p.top-p.bottom,F=v-p.left-p.right;let k=n(b-p[A],R),O=n(v-p[S],F);if(null!=(r=o.middlewareData.shift)&&r.enabled.x&&(O=F),null!=(i=o.middlewareData.shift)&&i.enabled.y&&(k=R),!o.middlewareData.shift&&!g){const t=e(p.left,0),n=e(p.right,0),o=e(p.top,0),r=e(p.bottom,0);x?O=v-2*(0!==t||0!==n?t+n:e(p.left,p.right)):k=b-2*(0!==o||0!==r?o+r:e(p.top,p.bottom))}await h({...o,availableWidth:O,availableHeight:k});const C=await f.getDimensions(d.floating);return v!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}},gt=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{rects:e,platform:o}=n,{strategy:r="referenceHidden",...i}=l(t,n);switch(r){case"referenceHidden":{const t=R(await o.detectOverflow(n,{...i,elementContext:"reference"}),e.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:F(t)}}}case"escaped":{const t=R(await o.detectOverflow(n,{...i,altBoundary:!0}),e.floating);return{data:{escapedOffsets:t,escaped:F(t)}}}default:return{}}}}},xt=(t,n,e)=>{const o=new Map,r={platform:ft,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:c}=e,a=c.detectOverflow?c:{...c,detectOverflow:S},l=await(null==c.isRTL?void 0:c.isRTL(n));let s=await c.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=A(s,o,l),d=o,m=0;const h={};for(let e=0;e<i.length;e++){const y=i[e];if(!y)continue;const{name:p,fn:w}=y,{x:g,y:x,data:v,reset:b}=await w({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:h,rects:s,platform:a,elements:{reference:t,floating:n}});u=null!=g?g:u,f=null!=x?x:f,h[p]={...h[p],...v},b&&m<50&&(m++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(s=!0===b.rects?await c.getElementRects({reference:t,floating:n,strategy:r}):b.rects),({x:u,y:f}=A(s,d,l))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:h}})(t,n,{...r,platform:i})};export{mt as a,wt as b,xt as c,pt as f,gt as h,ht as o,yt as s}

package/dist/components/index.js

@@ -1 +1 @@
-import{transformTag as o}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{XplAccordion as r}from"./xpl-accordion.js";import{XplApplicationShell as p}from"./xpl-application-shell.js";import{XplAvatar as m}from"./xpl-avatar.js";import{XplBackdrop as t}from"./xpl-backdrop.js";import{XplBadge as i}from"./xpl-badge.js";import{XplBanner as l}from"./xpl-banner.js";import{XplBreadcrumbItem as s}from"./xpl-breadcrumb-item.js";import{XplBreadcrumbs as e}from"./xpl-breadcrumbs.js";import{XplButton as f}from"./xpl-button.js";import{XplButtonRow as x}from"./xpl-button-row.js";import{XplCalendar as a}from"./xpl-calendar.js";import{XplCheckbox as j}from"./xpl-checkbox.js";import{XplChoicelist as n}from"./xpl-choicelist.js";import{XplContentArea as d}from"./xpl-content-area.js";import{XplDashboard as c}from"./xpl-dashboard.js";import{XplDataCard as b}from"./xpl-data-card.js";import{XplDivider as u}from"./xpl-divider.js";import{XplDropdown as g}from"./xpl-dropdown.js";import{XplDropdownGroup as h}from"./xpl-dropdown-group.js";import{XplDropdownHeading as v}from"./xpl-dropdown-heading.js";import{XplDropdownOption as w}from"./xpl-dropdown-option.js";import{XplDynamicTable as y}from"./xpl-dynamic-table.js";import{XplDynamicTableCell as k}from"./xpl-dynamic-table-cell.js";import{XplDynamicTableRow as E}from"./xpl-dynamic-table-row.js";import{XplGrid as P}from"./xpl-grid.js";import{XplGridItem as A}from"./xpl-grid-item.js";import{XplHeaderAccordion as N}from"./xpl-header-accordion.js";import{XplIcon as O}from"./xpl-icon.js";import{XplInput as q}from"./xpl-input.js";import{XplInputColor as z}from"./xpl-input-color.js";import{XplInputDate as B}from"./xpl-input-date.js";import{XplInputFile as C}from"./xpl-input-file.js";import{XplInputPhone as D}from"./xpl-input-phone.js";import{XplInputTime as F}from"./xpl-input-time.js";import{XplLargeCard as G}from"./xpl-large-card.js";import{XplList as H}from"./xpl-list.js";import{XplMainNav as I}from"./xpl-main-nav.js";import{XplModal as J}from"./xpl-modal.js";import{XplNavItem as K}from"./xpl-nav-item.js";import{XplPagination as L}from"./xpl-pagination.js";import{XplPanel as M}from"./xpl-panel.js";import{XplPopover as Q}from"./xpl-popover.js";import{XplProgress as R}from"./xpl-progress.js";import{XplProgressBar as S}from"./xpl-progress-bar.js";import{XplRadio as T}from"./xpl-radio.js";import{XplSecondaryNav as U}from"./xpl-secondary-nav.js";import{XplSelect as V}from"./xpl-select.js";import{XplSideNav as W}from"./xpl-side-nav.js";import{XplSideNavItem as X}from"./xpl-side-nav-item.js";import{XplSkeleton as Y}from"./xpl-skeleton.js";import{XplSlideout as Z}from"./xpl-slideout.js";import{XplTab as $}from"./xpl-tab.js";import{XplTabPanel as _}from"./xpl-tab-panel.js";import{XplTable as oo}from"./xpl-table.js";import{XplTableHeader as ro}from"./xpl-table-header.js";import{XplTableHeaderCell as po}from"./xpl-table-header-cell.js";import{XplTabs as mo}from"./xpl-tabs.js";import{XplTag as to}from"./xpl-tag.js";import{XplToast as io}from"./xpl-toast.js";import{XplToggle as lo}from"./xpl-toggle.js";import{XplToolbar as so}from"./xpl-toolbar.js";import{XplTooltip as eo}from"./xpl-tooltip.js";import{XplUtilityBar as fo}from"./xpl-utility-bar.js";const xo=xo=>{"undefined"!=typeof customElements&&[r,p,m,t,i,l,s,e,f,x,a,j,n,d,c,b,u,g,h,v,w,y,k,E,P,A,N,O,q,z,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,oo,ro,po,mo,to,io,lo,so,eo,fo].forEach((r=>{customElements.get(o(r.is))||customElements.define(o(r.is),r,xo)}))};export{xo as defineCustomElements}
+import{transformTag as o}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{XplAccordion as r}from"./xpl-accordion.js";import{XplApplicationShell as p}from"./xpl-application-shell.js";import{XplAvatar as m}from"./xpl-avatar.js";import{XplBackdrop as t}from"./xpl-backdrop.js";import{XplBadge as i}from"./xpl-badge.js";import{XplBanner as l}from"./xpl-banner.js";import{XplBreadcrumbItem as s}from"./xpl-breadcrumb-item.js";import{XplBreadcrumbs as e}from"./xpl-breadcrumbs.js";import{XplButton as f}from"./xpl-button.js";import{XplButtonRow as x}from"./xpl-button-row.js";import{XplCalendar as a}from"./xpl-calendar.js";import{XplCheckbox as j}from"./xpl-checkbox.js";import{XplChoicelist as n}from"./xpl-choicelist.js";import{XplContentArea as d}from"./xpl-content-area.js";import{XplDashboard as c}from"./xpl-dashboard.js";import{XplDataCard as b}from"./xpl-data-card.js";import{XplDivider as u}from"./xpl-divider.js";import{XplDropdown as g}from"./xpl-dropdown.js";import{XplDropdownGroup as h}from"./xpl-dropdown-group.js";import{XplDropdownHeading as v}from"./xpl-dropdown-heading.js";import{XplDropdownOption as w}from"./xpl-dropdown-option.js";import{XplDynamicTable as y}from"./xpl-dynamic-table.js";import{XplDynamicTableCell as k}from"./xpl-dynamic-table-cell.js";import{XplDynamicTableRow as E}from"./xpl-dynamic-table-row.js";import{XplGrid as P}from"./xpl-grid.js";import{XplGridItem as A}from"./xpl-grid-item.js";import{XplHeaderAccordion as N}from"./xpl-header-accordion.js";import{XplIcon as O}from"./xpl-icon.js";import{XplInput as q}from"./xpl-input.js";import{XplInputColor as z}from"./xpl-input-color.js";import{XplInputDate as B}from"./xpl-input-date.js";import{XplInputFile as C}from"./xpl-input-file.js";import{XplInputPhone as D}from"./xpl-input-phone.js";import{XplInputSearch as F}from"./xpl-input-search.js";import{XplInputTime as G}from"./xpl-input-time.js";import{XplLargeCard as H}from"./xpl-large-card.js";import{XplList as I}from"./xpl-list.js";import{XplListItem as J}from"./xpl-list-item.js";import{XplMainNav as K}from"./xpl-main-nav.js";import{XplModal as L}from"./xpl-modal.js";import{XplNavHeaderMenu as M}from"./xpl-nav-header-menu.js";import{XplNavItem as Q}from"./xpl-nav-item.js";import{XplPagination as R}from"./xpl-pagination.js";import{XplPanel as S}from"./xpl-panel.js";import{XplPopover as T}from"./xpl-popover.js";import{XplProgressBar as U}from"./xpl-progress-bar.js";import{XplProgressIndicator as V}from"./xpl-progress-indicator.js";import{XplRadio as W}from"./xpl-radio.js";import{XplSecondaryNav as X}from"./xpl-secondary-nav.js";import{XplSelect as Y}from"./xpl-select.js";import{XplSideNav as Z}from"./xpl-side-nav.js";import{XplSideNavItem as $}from"./xpl-side-nav-item.js";import{XplSkeleton as _}from"./xpl-skeleton.js";import{XplSlideout as oo}from"./xpl-slideout.js";import{XplSpotlight as ro}from"./xpl-spotlight.js";import{XplTab as po}from"./xpl-tab.js";import{XplTabPanel as mo}from"./xpl-tab-panel.js";import{XplTable as to}from"./xpl-table.js";import{XplTableHeader as io}from"./xpl-table-header.js";import{XplTableHeaderCell as lo}from"./xpl-table-header-cell.js";import{XplTabs as so}from"./xpl-tabs.js";import{XplTag as eo}from"./xpl-tag.js";import{XplToast as fo}from"./xpl-toast.js";import{XplToggle as xo}from"./xpl-toggle.js";import{XplToolbar as ao}from"./xpl-toolbar.js";import{XplTooltip as jo}from"./xpl-tooltip.js";import{XplTopNav as no}from"./xpl-top-nav.js";import{XplTopNavItem as co}from"./xpl-top-nav-item.js";import{XplUtilityBar as bo}from"./xpl-utility-bar.js";const uo=uo=>{"undefined"!=typeof customElements&&[r,p,m,t,i,l,s,e,f,x,a,j,n,d,c,b,u,g,h,v,w,y,k,E,P,A,N,O,q,z,B,C,D,F,G,H,I,J,K,L,M,Q,R,S,T,U,V,W,X,Y,Z,$,_,oo,ro,po,mo,to,io,lo,so,eo,fo,xo,ao,jo,no,co,bo].forEach((r=>{customElements.get(o(r.is))||customElements.define(o(r.is),r,uo)}))};export{uo as defineCustomElements}

package/dist/components/tab-a11y-ids.js

@@ -0,0 +1 @@
+function n(n){const t=n.trim();if(!t)return"unnamed";let a=t.replace(/[^a-zA-Z0-9_-]/g,"-").replace(/-+/g,"-");return/^[0-9-]/.test(a)&&(a=`t-${a}`),a}function t(n){var t;const a=n.closest("xpl-tabs");return null!==(t=null==a?void 0:a.getAttribute("data-tabs-instance-id"))&&void 0!==t?t:"xpl-tg-orphan"}function a(t,a){return`${t}-tab-${n(a)}`}function r(t,a){return`${t}-panel-${n(a)}`}export{r as a,t as g,a as t}

package/dist/components/xpl-accordion.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as n,h as c,Host as o,transformTag as t}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const i=e(class extends n{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((n=>{n.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),n=Array.from(e).filter((e=>e.checked)).length,c=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(c)switch(n){case 0:c.checked=!1,c.indeterminate=!1;break;case e.length:c.checked=!0,c.indeterminate=!1;break;default:c.checked=!1,c.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return c(o,{key:"7befc24f997853bca9fc8c5b22b0262207de0b8b",class:"xpl-accordion "+{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]},c("button",{key:"c440a2bf8612a8f50e83eb27fc5ea1779c3c2916","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},c("header",{key:"3744eb9f9ff25f1b24abeb5af519cdac58a1720d",class:"xpl-accordion-header xpl-accordion-header--size-"+this.size},c("slot",{key:"651407c5e52af7506505199e76d118873851726a",name:"heading"},this.header),c("xpl-icon",{key:"218043e9fada73e214b719087a9b27a5761f52a3",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),c("div",{key:"744f86d743fd69fab45fd34868713ecdbc41a2a1",class:"xpl-accordion-description"},c("slot",{key:"bf7a050f991db70f7b73755cd97a3300a8384723",name:"description"},this.description))),c("section",{key:"b095ddafce8622eb0a9ac9fab100989300cf589c",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},c("slot",{key:"377ce332550362503d3d7b4cc90ba452b44e00a1",name:"content"})))}get el(){return this}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}},[260,"xpl-accordion",{contentId:[1,"content-id"],header:[1],description:[1],initialExpanded:[4,"initial-expanded"],size:[1],borderType:[1,"border-type"],expanded:[32],parentCheckboxChange:[64]},[[0,"checkboxChange","listenToChangeEvent"]],{initialExpanded:[{watchInitialExpanded:0}]}]),d=i,s=function(){"undefined"!=typeof customElements&&["xpl-accordion","xpl-icon"].forEach((e=>{switch(e){case"xpl-accordion":customElements.get(t(e))||customElements.define(t(e),i);break;case"xpl-icon":customElements.get(t(e))||a()}}))};export{d as XplAccordion,s as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as c,h as n,Host as o,transformTag as t}from"@stencil/core/internal/client";import{d as a}from"./xpl-icon2.js";const i=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.initialExpanded=!1,this.size="3",this.borderType="none",this.expanded=this.initialExpanded,this.toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded}}watchInitialExpanded(){this.expanded=this.initialExpanded}async parentCheckboxChange(e){return this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])").forEach((c=>{c.checked=e})),null}handleChildCheckboxChange(){const e=this.el.querySelectorAll(".xpl-accordion-content .xpl-checkbox:not([disabled])"),c=Array.from(e).filter((e=>e.checked)).length,n=this.el.querySelector(".xpl-accordion-header xpl-checkbox")||this.el.querySelector(".xpl-accordion-header input");if(n)switch(c){case 0:n.checked=!1,n.indeterminate=!1;break;case e.length:n.checked=!0,n.indeterminate=!1;break;default:n.checked=!1,n.indeterminate=!0}}listenToChangeEvent(){this.handleChildCheckboxChange()}render(){return n(o,{key:"bd94adc64eebb9b2b37b899700457a88fa00bdf0",class:"xpl-accordion "+{none:"",bordered:"xpl-accordion--border-bordered"+(this.expanded?"--expanded":""),bottom:"xpl-accordion--border-bottom"+(this.expanded?"--expanded":"")}[this.borderType]},n("button",{key:"3801db3bfa5c3a8c6ac0c21c20f60a1519ca4168","aria-expanded":this.expanded,"aria-controls":this.contentId,class:"xpl-accordion-toggle-area",onClick:this.toggleAccordion,type:"button"},n("header",{key:"80cdadc37c28fea139f8ec21c770760bf3e25050",class:"xpl-accordion-header xpl-accordion-header--size-"+this.size},n("slot",{key:"28341a76482e2ddb2b8c1f277e48816a6f8d83d4",name:"heading"},this.header),n("xpl-icon",{key:"9b0cde7d7927677dcd545783accace4a9cdcce03",size:16,icon:"chevron-down",class:"xpl-accordion-icon-chevron "+(this.expanded?"xpl-accordion-icon-chevron--rotate":"")})),n("div",{key:"1d2be2ffce23d2cfc017da95634d046dc66e5121",class:"xpl-accordion-description"},n("slot",{key:"e993274ea2f6963290a2015b3849bda8ee7f1f3d",name:"description"},this.description))),n("section",{key:"6054b44f3b027feca7567f1bf13b06e78a78fe1a",id:this.contentId,role:"region",class:`xpl-accordion-content xpl-accordion-content--${this.expanded?"shown":"hidden"} ${this.expanded?{none:"",bordered:"xpl-accordion-content--shown-bordered",bottom:"xpl-accordion-content--shown-border-bottom"}[this.borderType]:""}`},n("slot",{key:"53e22f8fcd1c3ebb2354bbc3d01e30ec5cfa804c",name:"content"})))}get el(){return this}static get watchers(){return{initialExpanded:[{watchInitialExpanded:0}]}}},[260,"xpl-accordion",{contentId:[1,"content-id"],header:[1],description:[1],initialExpanded:[4,"initial-expanded"],size:[1],borderType:[1,"border-type"],expanded:[32],parentCheckboxChange:[64]},[[0,"checkboxChange","listenToChangeEvent"]],{initialExpanded:[{watchInitialExpanded:0}]}]),d=i,s=function(){"undefined"!=typeof customElements&&["xpl-accordion","xpl-icon"].forEach((e=>{switch(e){case"xpl-accordion":customElements.get(t(e))||customElements.define(t(e),i);break;case"xpl-icon":customElements.get(t(e))||a()}}))};export{d as XplAccordion,s as defineCustomElement}