@xplortech/apollo-core 2.11.0 → 3.0.0

package/dist/cjs/xpl-top-nav.cjs.entry.js

@@ -0,0 +1,342 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+var lightDomSlots = require('./light-dom-slots-CS8Q9rRZ.js');
+var lifecycle = require('./lifecycle-DeSsFfQZ.js');
+
+const TOP_NAV_BRAND_LOGO_SLOT_REGIONS = [
+    '.xpl-top-nav__brand-logo-slot',
+    '.xpl-top-nav__brand-bar',
+];
+const TOP_NAV_USER_MENU_PANEL_REGION = '.xpl-top-nav__user-menu-panel';
+const TOP_NAV_USER_MENU_SLOT_REGIONS = [
+    TOP_NAV_USER_MENU_PANEL_REGION,
+    '.xpl-top-nav__user-menu-stash',
+];
+const TOP_NAV_USER_MENU_TRIGGER_SLOT_REGIONS = [
+    '.xpl-top-nav__user-popover',
+    '.xpl-top-nav__user-menu-stash',
+    '.xpl-top-nav__right-user',
+];
+const TOP_NAV_USER_MENU_TRIGGER_EXCLUDED_REGIONS = [TOP_NAV_USER_MENU_PANEL_REGION];
+const TopNav = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.brandClick = index.createEvent(this, "brandClick", 7);
+        this.navOpen = index.createEvent(this, "navOpen", 7);
+        this.slotProjectionDirty = false;
+        this.userPopoverDrawerSyncHost = null;
+        this.brandLogoSlotPresent = false;
+        this.open = false;
+        this.slotProjectionNonce = 0;
+        this.userMenuSlotPresent = false;
+        this.userMenuTriggerSlotPresent = false;
+        this.focusNavControlAfterClose = () => {
+            if (this.navControlFocusTimeoutId !== undefined) {
+                clearTimeout(this.navControlFocusTimeoutId);
+            }
+            this.navControlFocusTimeoutId = setTimeout(() => {
+                this.navControlFocusTimeoutId = undefined;
+                this.el.querySelector('.xpl-top-nav__nav-control')?.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.onDocClickOutsideDismiss = (e) => {
+            if (!this.navControl || !this.open) {
+                return;
+            }
+            const target = e.target;
+            if (target == null || this.anyDescendantPopoverIsOpen()) {
+                return;
+            }
+            if (this.el.querySelector('.xpl-top-nav__left-primary')?.contains(target)) {
+                return;
+            }
+            if (this.el.querySelector('.xpl-top-nav__nav-control')?.contains(target)) {
+                return;
+            }
+            this.open = false;
+            this.resetMobileCascade();
+            this.navOpen.emit(false);
+        };
+        this.onNavToggle = () => {
+            const wasOpen = this.open;
+            this.open = !this.open;
+            this.navOpen.emit(this.open);
+            if (wasOpen && !this.open) {
+                this.resetMobileCascade();
+                this.focusNavControlAfterClose();
+            }
+        };
+        this.onUserPopoverInnerOpenClassChange = () => {
+            const host = this.userPopoverDrawerSyncHost;
+            if (!host) {
+                return;
+            }
+            const inner = host.querySelector('.xpl-popover');
+            if (inner?.classList.contains('xpl-popover--is-open')) {
+                this.closeMobileDrawerWhenAccountMenuOpens();
+            }
+        };
+        this.syncBrandLogoSlot = () => {
+            const next = lightDomSlots.hasHostNamedSlot(this.el, 'brand-logo', {
+                hostTag: 'xpl-top-nav',
+                projectionRegionSelectors: TOP_NAV_BRAND_LOGO_SLOT_REGIONS,
+            });
+            if (next !== this.brandLogoSlotPresent) {
+                this.brandLogoSlotPresent = next;
+            }
+        };
+        this.syncUserMenuSlots = () => {
+            const panel = lightDomSlots.hasHostNamedSlot(this.el, 'user-menu', {
+                hostTag: 'xpl-top-nav',
+                projectionRegionSelectors: TOP_NAV_USER_MENU_SLOT_REGIONS,
+            });
+            const triggerSlot = lightDomSlots.hasHostNamedSlot(this.el, 'user-menu-trigger', {
+                hostTag: 'xpl-top-nav',
+                projectionRegionSelectors: TOP_NAV_USER_MENU_TRIGGER_SLOT_REGIONS,
+                excludedRegionSelectors: TOP_NAV_USER_MENU_TRIGGER_EXCLUDED_REGIONS,
+            });
+            if (panel !== this.userMenuSlotPresent) {
+                this.userMenuSlotPresent = panel;
+            }
+            if (triggerSlot !== this.userMenuTriggerSlotPresent) {
+                this.userMenuTriggerSlotPresent = triggerSlot;
+            }
+        };
+    }
+    onNavControlChanged() {
+        this.syncOpenFromNavControl();
+        this.syncDocDismissListeners();
+    }
+    connectedCallback() {
+        this.syncOpenFromNavControl();
+        this.syncDocDismissListeners();
+        this.syncBrandLogoSlot();
+        this.syncUserMenuSlots();
+        this.connectSlotContentObserver();
+        this.flushPendingSlotProjection();
+    }
+    disconnectedCallback() {
+        if (this.navControlFocusTimeoutId !== undefined) {
+            clearTimeout(this.navControlFocusTimeoutId);
+            this.navControlFocusTimeoutId = undefined;
+        }
+        if (this.deferredSlotContentObserverSyncTimeoutId !== undefined) {
+            clearTimeout(this.deferredSlotContentObserverSyncTimeoutId);
+            this.deferredSlotContentObserverSyncTimeoutId = undefined;
+        }
+        this.removeDocDismissListeners();
+        this.disconnectSlotContentObserver();
+        this.disconnectUserPopoverDrawerSync();
+    }
+    componentWillLoad() {
+        this.syncOpenFromNavControl();
+        this.syncBrandLogoSlot();
+        this.syncUserMenuSlots();
+    }
+    componentWillRender() {
+        this.disconnectSlotContentObserver();
+    }
+    componentDidRender() {
+        this.connectSlotContentObserver();
+        this.connectUserPopoverDrawerSync();
+    }
+    get childAccountLabelText() {
+        return this.childAccountLabel?.trim() ?? '';
+    }
+    get hasBrand() {
+        const name = this.brandName?.trim() ?? '';
+        const logo = this.brandLogo?.trim() ?? '';
+        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?.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((mutations) => {
+            this.scheduleSlotContentSyncFromObserver(mutations);
+        });
+        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() {
+        this.slotContentObserver?.disconnect();
+        this.slotContentObserver = undefined;
+    }
+    disconnectUserPopoverDrawerSync() {
+        if (this.userPopoverDrawerSyncHost) {
+            this.userPopoverDrawerSyncHost.removeEventListener('isOpenChange', this.handleUserPopoverIsOpenChange);
+            this.userPopoverDrawerSyncHost = null;
+        }
+        this.userPopoverDrawerOpenObserver?.disconnect();
+        this.userPopoverDrawerOpenObserver = undefined;
+    }
+    removeDocDismissListeners() {
+        const doc = this.el.ownerDocument;
+        doc.removeEventListener('keydown', this.onDocKeyDownEscape, false);
+        doc.removeEventListener('click', this.onDocClickOutsideDismiss, true);
+    }
+    resetMobileCascade() {
+        const openItem = this.el.querySelector('.xpl-top-nav__left-primary > xpl-top-nav-item.xpl-top-nav-item--dropdown-open');
+        openItem?.closeMenu().catch(() => undefined);
+    }
+    scheduleSlotContentSyncFromObserver(mutations) {
+        if (this.mutationsAffectHostSlotting(mutations)) {
+            this.slotProjectionDirty = true;
+        }
+        if (this.deferredSlotContentObserverSyncTimeoutId !== undefined) {
+            clearTimeout(this.deferredSlotContentObserverSyncTimeoutId);
+        }
+        this.deferredSlotContentObserverSyncTimeoutId = setTimeout(() => {
+            this.deferredSlotContentObserverSyncTimeoutId = undefined;
+            if (!this.el.isConnected) {
+                return;
+            }
+            this.syncBrandLogoSlot();
+            this.syncUserMenuSlots();
+            this.flushPendingSlotProjection();
+        }, 0);
+    }
+    flushPendingSlotProjection() {
+        if (this.slotProjectionDirty) {
+            this.slotProjectionDirty = false;
+            this.slotProjectionNonce += 1;
+        }
+    }
+    mutationsAffectHostSlotting(mutations) {
+        return mutations.some((m) => m.type === 'attributes' || (m.type === 'childList' && m.target === this.el));
+    }
+    syncDocDismissListeners() {
+        this.removeDocDismissListeners();
+        if (!lifecycle.isBrowser())
+            return;
+        if (this.navControl) {
+            const doc = this.el.ownerDocument;
+            doc.addEventListener('keydown', this.onDocKeyDownEscape, false);
+            doc.addEventListener('click', this.onDocClickOutsideDismiss, true);
+        }
+    }
+    syncOpenFromNavControl() {
+        const wasOpen = this.open;
+        this.open = false;
+        if (wasOpen && !this.navControl) {
+            this.resetMobileCascade();
+            this.navOpen.emit(false);
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '00d598070bc4cee97d311206f48bf5cd873dcc8e', 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,
+            } }, index.h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, index.h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (index.h("button", { key: '37589314adb7f9cc4a33dd4bc421b2473ece5b54', 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 }, index.h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (index.h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, index.h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (index.h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+                ? this.brandName.trim()
+                : 'Brand' })) : this.brandLogoSlotPresent ? (index.h("span", { class: "xpl-top-nav__brand-logo-slot" }, index.h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (index.h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), index.h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-left': true,
+            } }, index.h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, index.h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), index.h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-right': true,
+            } }, index.h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, index.h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, index.h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, index.h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', name: "right-aside" })), this.hasUserMenu ? (index.h("div", { class: "xpl-top-nav__right-user" }, index.h("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (index.h("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (index.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, index.h("div", { class: "xpl-top-nav__user-menu-panel" }, index.h("slot", { name: "user-menu" }))))) : null, this.needsUserMenuSlotStash ? (index.h("div", { class: "xpl-top-nav__user-menu-stash", hidden: true, "aria-hidden": "true" }, index.h("slot", { name: "user-menu-trigger" }), index.h("slot", { name: "user-menu" }))) : null))))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "navControl": [{
+                "onNavControlChanged": 0
+            }]
+    }; }
+};
+
+exports.xpl_top_nav = TopNav;

package/dist/cjs/xpl-utility-bar.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const UtilityBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.navOpen = index.createEvent(this, "navOpen", 7);
+        this.open = true;
+    }
+    onNavToggle() {
+        this.open = !this.open;
+        this.navOpen.emit(this.open);
+    }
+    componentWillLoad() {
+        this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
+    }
+    render() {
+        return (index.h(index.Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, index.h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (index.h("div", null, index.h("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, index.h("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), index.h("slot", { name: "aside" }))) : (index.h("slot", { name: "aside" })), index.h("slot", { key: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
+    }
+};
+
+exports.xpl_utility_bar = UtilityBar;

package/dist/collection/collection-manifest.json

@@ -17,10 +17,10 @@
     "components/xpl-dashboard/xpl-dashboard.js",
     "components/xpl-data-card/xpl-data-card.js",
     "components/xpl-divider/xpl-divider.js",
+    "components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "components/xpl-dropdown/xpl-dropdown.js",
     "components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js",
     "components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js",
-    "components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js",
     "components/xpl-dynamic-table/xpl-dynamic-table.js",
     "components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js",
     "components/xpl-dynamic-table-row/xpl-dynamic-table-row.js",
@@ -50,13 +50,19 @@
     "components/xpl-secondary-nav/xpl-secondary-nav.js",
     "components/xpl-select/xpl-select.js",
     "components/xpl-side-nav/xpl-side-nav.js",
+    "components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.js",
     "components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js",
+    "components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.js",
     "components/xpl-skeleton/xpl-skeleton.js",
     "components/xpl-slideout/xpl-slideout.js",
     "components/xpl-spotlight/xpl-spotlight.js",
     "components/xpl-tab/xpl-tab.js",
     "components/xpl-tab-panel/xpl-tab-panel.js",
     "components/xpl-table/xpl-table.js",
+    "components/xpl-table/xpl-table-body/xpl-table-body.js",
+    "components/xpl-table/xpl-table-footer/xpl-table-footer.js",
+    "components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js",
+    "components/xpl-table/xpl-table-row/xpl-table-row.js",
     "components/xpl-table-header/xpl-table-header.js",
     "components/xpl-table-header-cell/xpl-table-header-cell.js",
     "components/xpl-tabs/xpl-tabs.js",

package/dist/collection/components/xpl-accordion/xpl-accordion.js

@@ -46,17 +46,19 @@ export class Accordion {
     }
     render() {
         const accordionBorder = {
+            '': '',
             none: '',
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (h(Host, { key: 'bae6a1bb97a21f3f49792be58fc72941ce5d8bed', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '255fc29fec4cdcc45f8e02daef062f35c5b8b74b', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '0e5454de19424b6412b01c50227bc001e6ab5b3a', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '438e8876c6c1c1b04282ce4d978284e3d6f7fa9a', name: "heading" }, this.header), h("xpl-icon", { key: '055818cbd1606ad560e4fa172c3d1130a6831f5f', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: '45f9ec5e1b6b4f6d21f7b126972543849353747c', class: "xpl-accordion-description" }, h("slot", { key: 'af85f48df4ddf572f5bef6da49c852152f44cc06', name: "description" }, this.description))), h("section", { key: 'fc2c6d12354cb6e972cf82ae988e647ea0a0dc26', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (h(Host, { key: '1905815ea7a4463a90668d77c8f2626924eb00e9', class: `xpl-accordion ${accordionBorder}` }, h("button", { key: '32de9a46653e2b98a7c0e8a176bca46b0173d3f4', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, h("header", { key: '3365c551130d9f0a397aa574cc1ea94b8b043c37', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, h("slot", { key: '5f7c3797153426971c3c4256c78233ae14a86d94', name: "heading" }, this.header), h("xpl-icon", { key: '63e1d208578b7c854527b9c3b83821682037eeac', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), h("div", { key: 'f1d82075d093bd3e3bd069a33a17ee1a2a0fd749', class: "xpl-accordion-description" }, h("slot", { key: 'b66a3a850d43dcb9476b98f30301a1b7898525a5', name: "description" }, this.description))), h("section", { key: 'a7b9cd09084597c3578b92f38925734d93320f41', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
+                    '': '',
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, h("slot", { key: '9fe9c25e6180a84cd73fec1a69984455417dc225', name: "content" }))));
+                : ''}` }, h("slot", { key: 'd71b20af3148875ccc03d12ecaad3a8c70dda333', name: "content" }))));
     }
     static get is() { return "xpl-accordion"; }
     static get properties() {

package/dist/collection/components/xpl-application-shell/xpl-application-shell.js

@@ -35,7 +35,7 @@ export class ApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (h(Host, { key: '1e7abbb1e45ea9cadfa9528ae2053f8239e69242', class: applicationShellClasses }, h("div", { key: '5fa3455f3de406db9bf392ae14a515f7fe603d59', class: navClasses }, h("slot", { key: 'b9ee294553892cc2235f9b2b4c3503d293d56ddc', name: "nav" })), h("div", { key: 'dc6ad7c9288385a47e1d6992bef56ceafcd04603', class: "xpl-application-shell__subnav" }, h("slot", { key: 'b31965275416b556194f4f65e4b66bf72f531779', name: "subnav" })), h("div", { key: '664d58b3ce69d7106ead13fe1a6a7a72cec0cceb', class: "xpl-application-shell__utility" }, h("slot", { key: 'd44f3614b627099443c70f23f258016a66d42716', name: "utility" })), h("div", { key: '0f8c629b737114fe40ae3bf3d2fbe3d18e3af0b9', class: "xpl-application-shell__content" }, h("slot", { key: '814afd80ea91d4b2859e3619e499791f728eb22b', name: "content" })), h("xpl-backdrop", { key: '490bf22787f1920f500f75eabf6a692e545d0ea3', onClick: () => this.navToggleHandler(), class: {
+        return (h(Host, { key: 'be149a4700553c66898f5d7fa27f68896631c717', class: applicationShellClasses }, h("div", { key: '5fe0df88f9b5a19104b189ba68a8bfeea3b6afe7', class: navClasses }, h("slot", { key: '040596fdc502c23694d6f7bd036c85840d264d2d', name: "nav" })), h("div", { key: '6208807949de1949c8d2c1ff6fc6c9a775212d92', class: "xpl-application-shell__subnav" }, h("slot", { key: 'e194c31283abc0bcbac3db876d0acb1503d9cc12', name: "subnav" })), h("div", { key: '1cb4caa932297cd858f82d78077c10868a5af323', class: "xpl-application-shell__utility" }, h("slot", { key: 'cea302c27a7e067c8244ed6f33d17392c06451e5', name: "utility" })), h("div", { key: '4546be74ec501036b7113519c4a65973fb896866', class: "xpl-application-shell__content" }, h("slot", { key: '8078f31fe1add42efcd65cabd5137d50dec207d6', name: "content" })), h("xpl-backdrop", { key: 'cd07a3093eb1c48fce03f49241905bb2881e472a', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }

package/dist/collection/components/xpl-avatar/xpl-avatar.js

@@ -7,7 +7,6 @@ const LEGACY_STATUS_TO_BADGE = {
 const MAX_GROUP_VISIBLE = 4;
 const MAX_INITIALS = 3;
 function getInitials(name) {
-    var _a, _b, _c;
     if (!name || !name.trim())
         return '';
     const parts = name.trim().split(/\s+/).filter(Boolean);
@@ -15,9 +14,9 @@ function getInitials(name) {
         return '';
     if (parts.length === 1)
         return parts[0].slice(0, MAX_INITIALS).toUpperCase();
-    const first = (_a = parts[0][0]) !== null && _a !== void 0 ? _a : '';
-    const last = (_b = parts[parts.length - 1][0]) !== null && _b !== void 0 ? _b : '';
-    const mid = parts.length > 2 ? ((_c = parts[1][0]) !== null && _c !== void 0 ? _c : '') : '';
+    const first = parts[0][0] ?? '';
+    const last = parts[parts.length - 1][0] ?? '';
+    const mid = parts.length > 2 ? (parts[1][0] ?? '') : '';
     return (first + mid + last).slice(0, MAX_INITIALS).toUpperCase();
 }
 function formatRemainingCount(n) {
@@ -40,8 +39,7 @@ export class Avatar {
         this.cachedGroupItems = Avatar.parseGroupData(newValue);
     }
     componentWillLoad() {
-        var _a, _b, _c;
-        this.cachedSlotContent = (_c = (_b = (_a = this.el) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim().slice(0, MAX_INITIALS)) !== null && _c !== void 0 ? _c : '';
+        this.cachedSlotContent = this.el?.textContent?.trim().slice(0, MAX_INITIALS) ?? '';
         this.onGroupDataChange(this.groupData);
     }
     static parseGroupData(raw) {
@@ -52,7 +50,8 @@ export class Avatar {
                 const parsed = JSON.parse(raw);
                 return Array.isArray(parsed) ? parsed : [];
             }
-            catch (_a) {
+            catch {
+                console.warn('[Apollo] xpl-avatar: groupData is not valid JSON; rendering no group items');
                 return [];
             }
         }
@@ -62,11 +61,10 @@ export class Avatar {
         return this.cachedGroupItems;
     }
     get statusBadgeVariant() {
-        var _a;
         const s = this.status;
         if (s === undefined)
             return undefined;
-        return ((_a = LEGACY_STATUS_TO_BADGE[s]) !== null && _a !== void 0 ? _a : s);
+        return (LEGACY_STATUS_TO_BADGE[s] ?? s);
     }
     getPlaceholderText() {
         if (this.cachedSlotContent.length > 0)
@@ -83,24 +81,23 @@ export class Avatar {
         };
     }
     getAnchorProps(className) {
-        var _a;
         return {
             href: this.href,
             target: this.target,
             rel: this.target === '_blank' ? 'noopener noreferrer' : undefined,
-            'aria-label': (_a = this.name) !== null && _a !== void 0 ? _a : 'Profile',
+            'aria-label': this.name ?? 'Profile',
             class: className,
         };
     }
     static renderAvatarMedia(src, name, placeholderText, ariaLabelFallback, showSlot = true) {
         if (src) {
-            return h("img", { alt: name !== null && name !== void 0 ? name : '', src: src });
+            return h("img", { alt: name ?? '', src: src });
         }
-        return (h("div", { class: "xpl-avatar__placeholder", role: "img", "aria-label": name !== null && name !== void 0 ? name : ariaLabelFallback }, placeholderText || (showSlot ? h("slot", null) : null)));
+        return (h("div", { class: "xpl-avatar__placeholder", role: "img", "aria-label": name ?? ariaLabelFallback }, placeholderText || (showSlot ? h("slot", null) : null)));
     }
     renderAvatarMediaWithStatusBadge(wrapperClass) {
         const placeholderText = this.getPlaceholderText();
-        return (h("div", Object.assign({}, (wrapperClass ? { class: wrapperClass } : {})), Avatar.renderAvatarMedia(this.src, this.name, placeholderText, 'Profile', true), this.statusBadgeVariant && (h("xpl-badge", { dotOnly: true, bordered: true, variant: this.statusBadgeVariant, "aria-hidden": "true" }))));
+        return (h("div", { ...(wrapperClass ? { class: wrapperClass } : {}) }, Avatar.renderAvatarMedia(this.src, this.name, placeholderText, 'Profile', true), this.statusBadgeVariant && (h("xpl-badge", { dotOnly: true, bordered: true, variant: this.statusBadgeVariant, "aria-hidden": "true" }))));
     }
     renderGroupItem(item, index) {
         const placeholderText = item.name ? getInitials(item.name) : '';
@@ -138,14 +135,14 @@ export class Avatar {
                 [`xpl-avatar--${this.color}`]: !!this.color,
                 'xpl-avatar--disabled': !!this.disabled,
             };
-            return (h(Host, null, this.href && !this.disabled ? (h("a", Object.assign({}, this.getAnchorProps('xpl-avatar__with-text-link')), h("div", { class: withTextClasses }, avatarBlock, this.renderWithTextContent()))) : (h("div", { class: withTextClasses, "aria-disabled": this.disabled ? 'true' : undefined }, avatarBlock, this.renderWithTextContent()))));
+            return (h(Host, null, this.href && !this.disabled ? (h("a", { ...this.getAnchorProps('xpl-avatar__with-text-link') }, h("div", { class: withTextClasses }, avatarBlock, this.renderWithTextContent()))) : (h("div", { class: withTextClasses, "aria-disabled": this.disabled ? 'true' : undefined }, avatarBlock, this.renderWithTextContent()))));
         }
         const isProfile = v === 'profile';
         const singleSize = isProfile && this.size === 'md' ? undefined : this.size;
         const singleClasses = Avatar.getSingleAvatarClasses(singleSize, this.color, isProfile, this.disabled);
         const content = this.renderAvatarMediaWithStatusBadge();
         if (this.href && !this.disabled) {
-            return (h(Host, null, h("a", Object.assign({}, this.getAnchorProps(singleClasses)), content)));
+            return (h(Host, null, h("a", { ...this.getAnchorProps(singleClasses) }, content)));
         }
         return (h(Host, null, h("div", { class: singleClasses, "aria-disabled": this.disabled ? 'true' : undefined }, content)));
     }

package/dist/collection/components/xpl-backdrop/xpl-backdrop.js

@@ -4,7 +4,7 @@ export class Backdrop {
         this.relative = false;
     }
     render() {
-        return (h(Host, { key: '7d5a73e7d7927828e0cb1a7cdca6648c4512cc5a', class: {
+        return (h(Host, { key: 'cf17e9f02e1ee67631159e1d159f539827344c30', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,

package/dist/collection/components/xpl-badge/xpl-badge.js

@@ -14,20 +14,19 @@ export class Badge {
         this.variant = 'purple';
     }
     get resolvedVariant() {
-        var _a;
-        return (_a = LEGACY_VARIANT_MAP[this.variant]) !== null && _a !== void 0 ? _a : this.variant;
+        return LEGACY_VARIANT_MAP[this.variant] ?? this.variant;
     }
     render() {
         const className = {
-            'xpl-badge--dot-only': this.dotOnly,
-            'xpl-badge--dot-only-bordered': this.dotOnly && this.bordered,
+            'xpl-badge--dot-only': !!this.dotOnly,
+            'xpl-badge--dot-only-bordered': !!this.dotOnly && !!this.bordered,
             'xpl-badge': !this.dotOnly,
             'xpl-badge--dot': !this.dotOnly && !!this.dot,
             [`xpl-badge--${this.resolvedVariant}`]: true,
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (h(Host, { key: '3a2ab519bb627a1e46bc7686c6aafdcb3c789822' }, h("div", { key: 'e9ebf0d6a9a6a6f516065ceb969aca5f68cbb3ee', class: className }, h("span", { key: '1bd6735a1a67a9720424833a213fcde9e5e6db46', class: "xpl-badge__label" }, h("slot", { key: '397cb4768204c4b4a2dd7cd85534270a165776d8' })))));
+        return (h(Host, { key: '1cb8de25626460ca2c30f82696440af4d140d5e9' }, h("div", { key: 'fc51fea564ee09d6c5234046c6ec3b1c92333b1d', class: className }, h("span", { key: 'd993cc55487aaccd349ac8c3c783b63a3597a9b4', class: "xpl-badge__label" }, h("slot", { key: '8a3e27a6725cba451b43398dad1d8a6604af4e5e' })))));
     }
     static get is() { return "xpl-badge"; }
     static get properties() {

package/dist/collection/components/xpl-banner/xpl-banner.js

@@ -37,9 +37,8 @@ export class Banner {
         return this.appearance === 'error' ? 'primary' : 'subtle';
     }
     getAriaLabel() {
-        var _a;
         if (this.isSection) {
-            return ((_a = this.heading) === null || _a === void 0 ? void 0 : _a.trim()) || 'Section banner';
+            return this.heading?.trim() || 'Section banner';
         }
         return {
             information: 'Information banner',
@@ -49,20 +48,19 @@ export class Banner {
         }[this.appearance];
     }
     render() {
-        var _a, _b, _c, _d;
-        const hasAction = !!((_a = this.actionText) === null || _a === void 0 ? void 0 : _a.trim());
-        const hasSecondaryAction = !!((_b = this.secondaryActionText) === null || _b === void 0 ? void 0 : _b.trim());
+        const hasAction = !!this.actionText?.trim();
+        const hasSecondaryAction = !!this.secondaryActionText?.trim();
         const actionVariant = this.getActionButtonVariant();
         const actionState = this.getActionButtonState();
-        const isHeadingPresent = !!((_c = this.heading) === null || _c === void 0 ? void 0 : _c.trim());
-        const isDescPresent = !!((_d = this.description) === null || _d === void 0 ? void 0 : _d.trim());
-        return (h(Host, { key: '6d137a4577f93942bcb41b3b2f67f3d851bee454', class: {
+        const isHeadingPresent = !!this.heading?.trim();
+        const isDescPresent = !!this.description?.trim();
+        return (h(Host, { key: '00046ec64a9cf7b913298ad452aa26f3bd1078bd', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'e854bc2ca363a23e3e6cb9eb512886c325e09362', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: '14a0916310e6e0b68f9a36b4e1714cee015ad22f', icon: this.getIcon(), size: 24 }))), h("div", { key: 'bea8f5cafe66e649926aa0ee634b71ffa0f1b73e', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'f18ae9e7d4014211eea3a160fb05945149705832', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: 'e36c00dadf6bd0d35b88c9a091d140573e6b6677', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: 'dda19df805050c93d5c5ea8214f97084a5b0c0eb', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '5bd3047d1b8250ed28a7720fb09f316a3b45bae1', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'c0f0a32b69384194e4033ae85eebc788e005a8af', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: '721faa946e9fc896a6bafafd8450d81f50e982ed', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: '4c27dbd8b394839ed98f5b4e2d4720eba1b0184f', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (h("div", { key: 'bc95f036e4848863fb07cbdb35e2335f863f21f6', class: "xpl-banner__icon", "aria-hidden": "true" }, h("xpl-icon", { key: 'a019d22111644263e770384c2a8d60487dd2f705', icon: this.getIcon(), size: 24 }))), h("div", { key: '5c6039a2c4be58b3f503938c9b3f33feec61cda9', class: "xpl-banner__body" }, isHeadingPresent && h("p", { key: 'fff21d65b10b628c405959763aa21b676b5a40f6', class: "xpl-banner__heading" }, this.heading), isDescPresent && (h("p", { key: '114a6720cbbcf584bc00a3974f7e95ca3cebc54d', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (h("div", { key: '69a72574bfc37baf6c18ea5b4512f0f11fc45db5', class: "xpl-banner__actions" }, hasAction && (h("xpl-button", { key: '3ff5eb207a819901f3d0017223ae83e9a6c5bf30', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (h("xpl-button", { key: 'fc54ced977a1f4fc5ca39e7fd981b789b42727fa', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (h("button", { key: 'd236e3448164706d787f8f1fcde36430803c5dc2', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, h("xpl-icon", { key: 'a3eb350b62b53cb59a40576d0da748adad554c79', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
     static get is() { return "xpl-banner"; }
     static get properties() {

package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js

@@ -7,7 +7,7 @@ export class BreadcrumbItem {
     `;
     }
     render() {
-        return (h(Host, { key: 'dd246c29fcb1afca4007299380a59b47c0a10c9d', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'b6df20888b3891241e52f0f2be14f1eedee2cac6', role: "none" }, h("slot", { key: 'f2f64effe0f58bb33bc983abfaa8b2996714e3b4' })), h("span", { key: '31c15dd296e6dab1d207a84179a4803b7366c1a2', innerHTML: this.chevron })));
+        return (h(Host, { key: 'eab64a8e1acfe7fb6596193a250f8937ac6f5481', class: "xpl-breadcrumb-item", role: "listitem" }, h("li", { key: 'ff781ce68e230191700449039b89d9a0fefd1e50', role: "none" }, h("slot", { key: '854ef8e0dc29ebe5f782b5ee0dbe0e710015b40c' })), h("span", { key: 'ba0ea70bf123b7c6405b8c3add0c87714ed80e15', innerHTML: this.chevron })));
     }
     static get is() { return "xpl-breadcrumb-item"; }
 }

package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Breadcrumbs {
     render() {
-        return (h(Host, { key: 'd4a4ae7bbf7f8eafc8a44b56c66983303e039d7e' }, h("nav", { key: '8e5decbdce778c1768e3412a59663cd37938f361', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '612620c37a84ad022b9da5cdb884410a4df4dd29', role: "list" }, h("slot", { key: 'ae6cfc4f4e65ba7ca755fa7d9eb3751aae8905ff' })))));
+        return (h(Host, { key: '63e77e937ec359fdac15cf8a48673176696395bc' }, h("nav", { key: '6bf6c1b401d010676b7317d9356aac5e4893fd1b', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, h("ol", { key: '177206147c779f29a20369e49852d11ba0d990d5', role: "list" }, h("slot", { key: '9cdadc4378fa2da5a3c0213c46c58f8701472b80' })))));
     }
     static get is() { return "xpl-breadcrumbs"; }
 }