@xplortech/apollo-core 2.11.0 → 2.12.0

package/dist/cjs/xpl-list.cjs.entry.js

@@ -0,0 +1,396 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+var lifecycle = require('./lifecycle-DeSsFfQZ.js');
+
+let xplListItemsPropDeprecationWarned = false;
+function getListItemFromComposedPath(e) {
+    const path = e.composedPath?.() ?? [];
+    const fromPath = path.find((node) => node instanceof HTMLElement && node.tagName.toLowerCase() === 'xpl-list-item');
+    return fromPath ?? null;
+}
+const List = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.itemSelect = index.createEvent(this, "itemSelect", 7);
+        this.orderChange = index.createEvent(this, "orderChange", 7);
+        this.draggedItem = null;
+        this.listItems = [];
+        this.nextAutoItemIdSeq = 0;
+        this.radioName = `xpl-list-radio-${Math.random().toString(36).slice(2, 11)}`;
+        this.timers = new lifecycle.TimerManager();
+        this.keyboardReorderItemId = null;
+        this.reorderLiveMessage = '';
+        this.items = [];
+        this.reorderable = false;
+        this.selectable = false;
+    }
+    handleKeyboardReorderItemIdChange() {
+        this.collectListItems();
+    }
+    handleItemsChange() {
+        this.collectListItems();
+    }
+    handleReorderableChange() {
+        this.collectListItems();
+    }
+    handleSelectableChange() {
+        this.collectListItems();
+    }
+    componentWillLoad() {
+        this.collectListItems();
+        if (this.items.length > 0 && !xplListItemsPropDeprecationWarned) {
+            xplListItemsPropDeprecationWarned = true;
+            console.warn('[xpl-list] The "items" prop is deprecated. Use slot-based xpl-list-item children instead.');
+        }
+    }
+    componentDidLoad() {
+        this.collectListItems();
+    }
+    disconnectedCallback() {
+        this.timers.dispose();
+    }
+    handleKeyDown(ev) {
+        if (!this.selectable || ev.key !== 'Escape' || ev.defaultPrevented) {
+            return;
+        }
+        const listItem = getListItemFromComposedPath(ev);
+        if (!listItem || listItem.parentElement !== this.el) {
+            return;
+        }
+        const radio = listItem.querySelector('.xpl-list-item__selectable input[type="radio"]');
+        const itemEl = listItem;
+        const isFocusedSelectedRow = (radio instanceof HTMLInputElement && radio.checked) || itemEl.selected;
+        if (!isFocusedSelectedRow) {
+            return;
+        }
+        ev.preventDefault();
+        this.clearSelection();
+    }
+    handleChildItemSelect(event) {
+        if (!this.selectable) {
+            return;
+        }
+        const target = event.target;
+        if (target.tagName !== 'XPL-LIST-ITEM') {
+            return;
+        }
+        if (target.parentElement !== this.el) {
+            return;
+        }
+        this.syncSelectionFromChildDetail(event.detail);
+    }
+    handleSlotChange() {
+        this.collectListItems();
+    }
+    handleItemDragStart(event) {
+        const row = event.detail?.item;
+        if (!row || row.parentElement !== this.el) {
+            return;
+        }
+        if (this.keyboardReorderItemId !== null) {
+            this.keyboardReorderItemId = null;
+        }
+        this.draggedItem = row;
+        const wrapper = this.draggedItem.querySelector('.xpl-list-item__wrapper');
+        wrapper?.classList.add('dragging');
+    }
+    handleItemDragEnd(event) {
+        const row = event.detail?.item;
+        if (!row || row.parentElement !== this.el) {
+            return;
+        }
+        if (this.draggedItem) {
+            const wrapper = this.draggedItem.querySelector('.xpl-list-item__wrapper');
+            wrapper?.classList.remove('dragging');
+        }
+        this.draggedItem = null;
+    }
+    handleItemDrop(event) {
+        const dropTarget = event.detail?.item;
+        if (!dropTarget || dropTarget.parentElement !== this.el) {
+            return;
+        }
+        if (this.draggedItem && this.draggedItem.parentElement !== this.el) {
+            this.draggedItem = null;
+            return;
+        }
+        if (this.draggedItem) {
+            const wrapper = this.draggedItem.querySelector('.xpl-list-item__wrapper');
+            wrapper?.classList.remove('dragging');
+        }
+        if (this.draggedItem && dropTarget && this.draggedItem !== dropTarget) {
+            const visibleItems = this.getVisibleListItemElements();
+            const fromIndex = visibleItems.indexOf(this.draggedItem);
+            const toIndex = visibleItems.indexOf(dropTarget);
+            if (fromIndex !== -1 && toIndex !== -1) {
+                const direction = fromIndex > toIndex ? 'up' : 'down';
+                const draggedItemId = this.getItemRowId(this.draggedItem);
+                if (direction === 'up') {
+                    this.el.insertBefore(this.draggedItem, dropTarget);
+                }
+                else {
+                    const nextVisible = this.getNextVisibleListItemAfter(dropTarget);
+                    if (nextVisible) {
+                        this.el.insertBefore(this.draggedItem, nextVisible);
+                    }
+                    else {
+                        this.el.appendChild(this.draggedItem);
+                    }
+                }
+                const orderedItemIds = this.getOrderedItemIds();
+                this.orderChange.emit({ itemId: draggedItemId, direction, orderedItemIds });
+                this.announceReorder(draggedItemId, orderedItemIds);
+                this.el.dispatchEvent(new CustomEvent('xplListReorder', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        itemId: draggedItemId,
+                        direction,
+                        fromIndex,
+                        toIndex,
+                        orderedItemIds,
+                    },
+                }));
+            }
+        }
+        this.draggedItem = null;
+        event.preventDefault();
+    }
+    handleItemReorder(event) {
+        event.stopPropagation();
+        const { direction, itemId, keyboardMode, exitKeyboardMode } = event.detail;
+        if (keyboardMode !== undefined) {
+            this.keyboardReorderItemId = keyboardMode ? (itemId ?? null) : null;
+        }
+        if (exitKeyboardMode) {
+            this.keyboardReorderItemId = null;
+        }
+        if (direction && itemId) {
+            const didReorder = this.performReorder(itemId, direction);
+            if (didReorder) {
+                this.el.dispatchEvent(new CustomEvent('xplListReorder', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        ...event.detail,
+                        orderedItemIds: this.getOrderedItemIds(),
+                    },
+                }));
+            }
+        }
+    }
+    async clearSelection() {
+        if (!this.selectable)
+            return;
+        this.collectListItems();
+        const previouslySelectedIds = [];
+        this.listItems.forEach((item) => {
+            const radio = item.querySelector('.xpl-list-item__selectable input[type="radio"]');
+            const wasChecked = radio instanceof HTMLInputElement ? radio.checked : false;
+            const hadSelectedProp = !!item.selected;
+            if (wasChecked || hadSelectedProp) {
+                const rowId = this.getItemRowId(item);
+                if (rowId) {
+                    previouslySelectedIds.push(rowId);
+                }
+            }
+        });
+        const uniqueSelectedIds = [...new Set(previouslySelectedIds)];
+        this.listItems.forEach((item) => {
+            const rowRadio = item.querySelector('.xpl-list-item__selectable input[type="radio"]');
+            if (rowRadio instanceof HTMLInputElement) {
+                rowRadio.checked = false;
+            }
+        });
+        this.listItems.forEach((item) => {
+            if (item.selected) {
+                item.selected = false;
+            }
+        });
+        uniqueSelectedIds.forEach((itemId) => {
+            this.itemSelect.emit({ itemId });
+        });
+    }
+    syncSelectionFromChildDetail(detail) {
+        this.collectListItems();
+        const selectedId = detail.itemId;
+        const hasSelectedId = selectedId != null && selectedId !== '';
+        this.listItems.forEach((item) => {
+            const rowId = this.getItemRowId(item);
+            item.selected = hasSelectedId && rowId === selectedId;
+        });
+    }
+    performReorder(itemId, direction) {
+        this.listItems = this.getVisibleListItemElements();
+        const itemIndex = this.listItems.findIndex((item) => this.getItemRowId(item) === itemId);
+        if (itemIndex === -1)
+            return false;
+        const targetIndex = direction === 'up' ? itemIndex - 1 : itemIndex + 1;
+        if (targetIndex < 0 || targetIndex >= this.listItems.length)
+            return false;
+        const item = this.listItems[itemIndex];
+        const targetItem = this.listItems[targetIndex];
+        if (direction === 'up') {
+            this.el.insertBefore(item, targetItem);
+        }
+        else {
+            const nextVisible = this.getNextVisibleListItemAfter(targetItem);
+            if (nextVisible) {
+                this.el.insertBefore(item, nextVisible);
+            }
+            else {
+                this.el.appendChild(item);
+            }
+        }
+        const orderedItemIds = this.getOrderedItemIds();
+        this.orderChange.emit({
+            itemId,
+            direction,
+            orderedItemIds,
+        });
+        this.announceReorder(itemId, orderedItemIds);
+        this.timers.requestAnimationFrame(() => {
+            if (!this.el.isConnected) {
+                return;
+            }
+            const movedItem = this.getDirectChildListItems().find((el) => this.getItemRowId(el) === itemId);
+            const handleRoot = movedItem?.querySelector('.xpl-list-item__drag-handle');
+            const focusTarget = handleRoot?.querySelector?.('button') instanceof HTMLElement
+                ? handleRoot.querySelector('button')
+                : handleRoot;
+            if (focusTarget instanceof HTMLElement) {
+                focusTarget.focus();
+            }
+        });
+        return true;
+    }
+    getOrderedItemIds() {
+        return this.getVisibleListItemElements().map((node) => this.getItemRowId(node));
+    }
+    announceReorder(movedItemId, orderedItemIds) {
+        if (!this.reorderable || !movedItemId) {
+            return;
+        }
+        const index = orderedItemIds.indexOf(movedItemId);
+        if (index < 0) {
+            return;
+        }
+        const position = index + 1;
+        const total = orderedItemIds.length;
+        this.reorderLiveMessage = '';
+        this.timers.requestAnimationFrame(() => {
+            if (!this.el.isConnected) {
+                return;
+            }
+            this.reorderLiveMessage = `Item ${movedItemId}, now position ${position} of ${total}`;
+        });
+    }
+    getDirectChildListItems() {
+        return Array.from(this.el.children).filter((n) => n.tagName.toLowerCase() === 'xpl-list-item');
+    }
+    getVisibleListItemElements() {
+        return this.getDirectChildListItems().filter((n) => !n.hasAttribute('hidden'));
+    }
+    isLegacyPropBasedRow(row) {
+        return row.item != null;
+    }
+    getNextVisibleListItemAfter(element) {
+        let n = element.nextElementSibling;
+        while (n) {
+            if (n instanceof HTMLElement &&
+                n.tagName.toLowerCase() === 'xpl-list-item' &&
+                !n.hasAttribute('hidden')) {
+                return n;
+            }
+            n = n.nextElementSibling;
+        }
+        return null;
+    }
+    collectListItems() {
+        this.listItems = this.getDirectChildListItems();
+        const usedRowIds = new Set();
+        this.listItems.forEach((item) => {
+            const taken = item.getAttribute('item-id') || item.id || (item.itemId ? String(item.itemId) : '');
+            if (taken) {
+                usedRowIds.add(taken);
+            }
+        });
+        this.listItems.forEach((item) => {
+            if (!item.hasAttribute('item-id') && !item.id) {
+                if (item.itemId) {
+                    item.setAttribute('item-id', item.itemId);
+                    usedRowIds.add(item.itemId);
+                }
+                else {
+                    let candidate;
+                    do {
+                        candidate = `item-${this.nextAutoItemIdSeq}`;
+                        this.nextAutoItemIdSeq += 1;
+                    } while (usedRowIds.has(candidate));
+                    item.setAttribute('item-id', candidate);
+                    usedRowIds.add(candidate);
+                }
+            }
+            if (this.isLegacyPropBasedRow(item)) {
+                item.removeAttribute('selectable');
+                item.removeAttribute('radio-name');
+                item.removeAttribute('reorderable');
+            }
+            else {
+                if (this.selectable) {
+                    item.setAttribute('selectable', 'true');
+                    item.setAttribute('radio-name', this.radioName);
+                }
+                else {
+                    item.removeAttribute('selectable');
+                    item.removeAttribute('radio-name');
+                }
+                if (this.reorderable) {
+                    item.setAttribute('reorderable', 'true');
+                }
+                else {
+                    item.removeAttribute('reorderable');
+                }
+            }
+            const rowId = this.getItemRowId(item);
+            if (this.isLegacyPropBasedRow(item)) {
+                item.removeAttribute('keyboard-active');
+            }
+            else if (this.keyboardReorderItemId && rowId === this.keyboardReorderItemId) {
+                item.setAttribute('keyboard-active', 'true');
+            }
+            else {
+                item.removeAttribute('keyboard-active');
+            }
+        });
+    }
+    getItemRowId(item) {
+        return item.getAttribute('item-id') || item.id || item.itemId || '';
+    }
+    render() {
+        const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
+        const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
+        return (index.h(index.Host, { key: '1bfa7238314b7560cdd4dbafae3240fc5e89f72c', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index$1) => {
+            const legacyRowId = item.id ?? `item-${index$1}`;
+            return (index.h("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
+        }), index.h("slot", { key: 'ee1e57aff365af47ec0ace762cdfeabd0783ee6f' }), this.reorderable ? (index.h("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "keyboardReorderItemId": [{
+                "handleKeyboardReorderItemIdChange": 0
+            }],
+        "items": [{
+                "handleItemsChange": 0
+            }],
+        "reorderable": [{
+                "handleReorderableChange": 0
+            }],
+        "selectable": [{
+                "handleSelectableChange": 0
+            }]
+    }; }
+};
+
+exports.xpl_list = List;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaXVr8ux.js');
+var index = require('./index-3cBvw409.js');
 
 const MainNav = class {
     constructor(hostRef) {
@@ -18,7 +18,7 @@ const MainNav = class {
         this.navWidthHandler();
     }
     render() {
-        return (index.h(index.Host, { key: '15982141de742a1daeae5ffbb172ea18e0667e2d', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: '41efe9e9a68a3a27653efee7f6ed92d7fde9e902' }, index.h("header", { key: '18c08d774991cd41dc3b395891d1621343a5d505', "aria-label": "Sidebar Header" }, index.h("slot", { key: 'b82477e1ae127d30e80ac4e82c22a5e8cbed94e4', name: "logo" }), index.h("slot", { key: '3841701331da0ea203c356b20098e36b67255384', name: "brand-name" })), index.h("div", { key: '512df331c13b69154550fe510a8887323167081e', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '30da0851944d7ce43648efe3b22786b57079042a', name: "navigation" })), index.h("footer", { key: '3c58ec415052a4b7930ed8861593cb1c52bcd1f5', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'fac051cf4e6bc7635d58df0fbf9b504af244eb52', name: "footer" })))));
+        return (index.h(index.Host, { key: 'a2bd0e9fc9de814e5522b315dbb6da2672c6da72', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, index.h("nav", { key: 'f6c75ca9ef37747054994457c2bf2b1d44941479' }, index.h("header", { key: 'a338af682f79147b22fcb7e72a86fcaab867e19f', "aria-label": "Sidebar Header" }, index.h("slot", { key: '7208e18c6bc8202ef709ee9a2c07369aeb3f7a8f', name: "logo" }), index.h("slot", { key: '189761d3d465c4a8ddbdc8dca05ff81b2f2dc2a4', name: "brand-name" })), index.h("div", { key: '0c981cfaf3267a82319864185d55b4ffad06d114', class: "xpl-main-nav__main_section" }, index.h("slot", { key: '1301a128dfb5399867527d2afbf350c1e2e92b26', name: "navigation" })), index.h("footer", { key: 'b3010ec6e8773fad12d60abffcb4226dc5ae091b', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, index.h("slot", { key: 'a662e627533ec313acc169a1c01093cf8f450c8a', name: "footer" })))));
     }
 };
 

package/dist/cjs/xpl-modal.cjs.entry.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const Modal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.modalClosed = index.createEvent(this, "modalClosed", 7);
+        this.dialogElement = null;
+        this.isOpen = false;
+        this.size = 'medium';
+        this.variant = 'default';
+        this.handleDialogClose = () => {
+            this.isOpen = false;
+            this.modalClosed.emit();
+        };
+        this.handleNativeBackdropClick = (event) => {
+            const { dialogElement } = this;
+            if (!dialogElement || event.target !== dialogElement) {
+                return;
+            }
+            const rect = dialogElement.getBoundingClientRect();
+            const clickedOutsideDialog = event.clientX < rect.left ||
+                event.clientX > rect.right ||
+                event.clientY < rect.top ||
+                event.clientY > rect.bottom;
+            if (clickedOutsideDialog) {
+                this.handleDialogClose();
+            }
+        };
+    }
+    componentDidLoad() {
+        this.dialogElement = this.element.querySelector('dialog');
+        if (!this.dialogElement) {
+            return;
+        }
+        this.updateModalState();
+        this.dialogElement.addEventListener('cancel', this.handleDialogClose);
+        this.dialogElement.addEventListener('click', this.handleNativeBackdropClick);
+    }
+    disconnectedCallback() {
+        this.clearCloseTimer();
+        if (this.dialogElement) {
+            this.dialogElement.removeEventListener('cancel', this.handleDialogClose);
+            this.dialogElement.removeEventListener('click', this.handleNativeBackdropClick);
+        }
+    }
+    updateModalState() {
+        if (this.isOpen) {
+            this.clearCloseTimer();
+            this.dialogElement?.showModal?.();
+        }
+        else if (this.dialogElement && typeof this.dialogElement.close === 'function') {
+            this.clearCloseTimer();
+            this.closeTimerId = setTimeout(() => {
+                this.closeTimerId = undefined;
+                this.dialogElement?.close();
+            }, 250);
+        }
+    }
+    clearCloseTimer() {
+        if (this.closeTimerId !== undefined) {
+            clearTimeout(this.closeTimerId);
+            this.closeTimerId = undefined;
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f7778c1d428d6a008cfe7731a7cbef692cf0dce8', class: "xpl-modal" }, this.isOpen && index.h("xpl-backdrop", { key: '764ba9d33983e2c680c732e909226a6295326b85' }), index.h("dialog", { key: '0d8c01d5dd3c9cb14cd3ca5d6c6a2a466cfbeb7c', class: `xpl-modal__dialog xpl-modal-size--${this.size} xpl-modal--${this.isOpen ? 'is-open' : 'is-closed'}` }, index.h("div", { key: '825ee88c897ba15bb75e851481f2f5078b647b6d', class: "xpl-modal__header" }, index.h("div", { key: '7630900b3e13a9fcbe5e73db3cabe3f43efe5cb0', class: "xpl-modal__title" }, this.variant === 'warning' && (index.h("xpl-icon", { key: '5f1aadc57fe05727395f6feabbc4c9ce8c83dd61', size: 20, icon: "triangle-warning", class: "xpl-modal__alert-icon" })), index.h("slot", { key: '2735d03fbc4e2520855a5225eed51c4c725c3732', name: "title" }), index.h("xpl-button", { key: '8c0196cb3d07388308451a050a4becac995cd281', type: "button", class: "xpl-modal__close-button", "icon-only": true, size: "sm", variant: "tertiary", onClick: this.handleDialogClose }, index.h("xpl-icon", { key: '8f1764666f2b86592c0c62b06750edf29cc14a14', icon: "xmark" }))), index.h("div", { key: '6e4fc6a67288640f8a8ac1f69fb4f44df1c9d229', class: "xpl-modal__subtitle" }, index.h("slot", { key: 'ce59d8d14ffd3200e64c65a1ea2bda7918190a1f', name: "subtitle" }))), index.h("div", { key: 'a1e6dd317884149a38863ba97b480f21feaf2657', class: "xpl-modal__body" }, index.h("slot", { key: '43eb4ccf4febe7fe5ae5ed992ce5f6e701231247', name: "body" })), index.h("div", { key: 'a0648d0b989c86ed2592fa15c2c0a06d6b5470e5', class: "xpl-modal__footer" }, index.h("slot", { key: '3f6d0f703cb726d9f603aeeee42cf673dfbbeca6', name: "tertiary" }), index.h("slot", { key: '98412e5f51a4e86cc68dd3133de2611638deee7e', name: "secondary" }), index.h("slot", { key: '0121aca5ebaaa738fabf32da32e962deb7920fd5', name: "primary" })))));
+    }
+    get element() { return index.getElement(this); }
+    static get watchers() { return {
+        "isOpen": [{
+                "updateModalState": 0
+            }]
+    }; }
+};
+
+exports.xpl_modal = Modal;

package/dist/cjs/xpl-nav-header-menu.cjs.entry.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+var lightDomSlots = require('./light-dom-slots-CS8Q9rRZ.js');
+
+const NAV_HEADER_MENU_RIGHT_ASIDE_MOBILE_REGIONS = [
+    '.xpl-nav-header-menu__right-aside-mobile',
+];
+const NavHeaderMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.rightAsideMobilePresent = false;
+    }
+    connectedCallback() {
+        this.syncRightAsideMobileSlotPresent();
+        this.connectRightAsideMobileSlotObserver();
+    }
+    disconnectedCallback() {
+        if (this.deferredRightAsideSlotWorkTimeoutId !== undefined) {
+            clearTimeout(this.deferredRightAsideSlotWorkTimeoutId);
+            this.deferredRightAsideSlotWorkTimeoutId = undefined;
+        }
+        this.disconnectRightAsideMobileSlotObserver();
+    }
+    componentWillLoad() {
+        this.syncRightAsideMobileSlotPresent();
+    }
+    componentWillRender() {
+        this.disconnectRightAsideMobileSlotObserver();
+    }
+    componentDidRender() {
+        this.scheduleDeferredRightAsideSlotWork();
+    }
+    scheduleDeferredRightAsideSlotWork() {
+        if (this.deferredRightAsideSlotWorkTimeoutId !== undefined) {
+            clearTimeout(this.deferredRightAsideSlotWorkTimeoutId);
+        }
+        this.deferredRightAsideSlotWorkTimeoutId = setTimeout(() => {
+            this.deferredRightAsideSlotWorkTimeoutId = undefined;
+            if (!this.el.isConnected) {
+                return;
+            }
+            this.syncRightAsideMobileSlotPresent();
+            this.connectRightAsideMobileSlotObserver();
+        }, 0);
+    }
+    connectRightAsideMobileSlotObserver() {
+        this.disconnectRightAsideMobileSlotObserver();
+        if (typeof MutationObserver === 'undefined') {
+            return;
+        }
+        this.rightAsideMobileSlotObserver = new MutationObserver(() => {
+            this.scheduleDeferredRightAsideSlotWork();
+        });
+        this.rightAsideMobileSlotObserver.observe(this.el, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['slot'],
+        });
+    }
+    disconnectRightAsideMobileSlotObserver() {
+        this.rightAsideMobileSlotObserver?.disconnect();
+        this.rightAsideMobileSlotObserver = undefined;
+    }
+    syncRightAsideMobileSlotPresent() {
+        const has = lightDomSlots.hasHostNamedSlot(this.el, 'right-aside-mobile', {
+            hostTag: 'xpl-nav-header-menu',
+            projectionRegionSelectors: NAV_HEADER_MENU_RIGHT_ASIDE_MOBILE_REGIONS,
+        });
+        if (has !== this.rightAsideMobilePresent) {
+            this.rightAsideMobilePresent = has;
+        }
+    }
+    render() {
+        const hasProfile = !!this.username || !!this.email;
+        return (index.h(index.Host, { key: 'dc0a40f8c2db6084678f6059efa61d8dd75d1a44', class: {
+                'xpl-nav-header-menu': true,
+                'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
+                dark: true,
+            } }, hasProfile && (index.h("div", { key: '857696ff73c74ccf74e3607169aa8378cdbb9a9b', class: "xpl-nav-header-menu__profile" }, index.h("div", { key: '0398df3659ad70f11a8300f5213f436840cffe29', class: "xpl-nav-header-menu__info" }, this.username && (index.h("div", { key: 'de0e0878b44a134b6fa10eb2117f52b822179602', class: "xpl-nav-header-menu__username" }, this.username)), this.email && (index.h("div", { key: 'e6a523c745f1e5ef80613071c02452e727b929b9', class: "xpl-nav-header-menu__email" }, this.email))))), index.h("div", { key: 'd12b09d4bf2e68947fb78073e9f8bc3ba7d4d65d', class: "xpl-nav-header-menu__right-aside-mobile" }, index.h("slot", { key: 'e4a8f9080993d32338016c5c72fc98c5c4dd3c22', name: "right-aside-mobile" })), index.h("div", { key: 'd21f74ddc1a08e27c77494fc622b3d85d834760f', class: "xpl-nav-header-menu__slot", role: "list" }, index.h("slot", { key: '9ebf836dc8d33991a432cb47e1510091bfd57322' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.xpl_nav_header_menu = NavHeaderMenu;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-3cBvw409.js');
+
+const NavItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.navOpen = index.createEvent(this, "navOpen", 7);
+        this.navControl = false;
+    }
+    onNavToggle() {
+        if (window.innerWidth <= 640) {
+            this.navOpen.emit(false);
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ffbe4b34fe5a30cec5bfe506fbc325663db7d02b', class: "xpl-nav-item", role: "listitem", onClick: () => {
+                if (this.navControl) {
+                    this.onNavToggle();
+                }
+            } }, index.h("slot", { key: 'c772716a5cac78963468f7e6ae7a34f16dbd2636', name: "link" }, index.h("slot", { key: '0b120ea6bc0e596fee7730459689906e2233521c', name: "icon" }), index.h("slot", { key: 'fd9edd0051e771ba87a37b72245d3bcfa71bd468' }))));
+    }
+};
+
+exports.xpl_nav_item = NavItem;