@xplortech/apollo-core 2.11.0 → 3.0.0

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

@@ -0,0 +1,340 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ukZKsqqq.js';
+import { h as hasHostNamedSlot } from './light-dom-slots-DkqlawVY.js';
+import { i as isBrowser } from './lifecycle-Dqb1pIRo.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) {
+        registerInstance(this, hostRef);
+        this.brandClick = createEvent(this, "brandClick", 7);
+        this.navOpen = 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 = 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 = hasHostNamedSlot(this.el, 'user-menu', {
+                hostTag: 'xpl-top-nav',
+                projectionRegionSelectors: TOP_NAV_USER_MENU_SLOT_REGIONS,
+            });
+            const triggerSlot = 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 (!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 (h(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,
+            } }, h("nav", { key: '0b42d835c3aa211fa1686d3611ace212d69f1921', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, h("div", { key: 'b55f526eca470d1d50b19bf1694f66991d369ad7', class: "xpl-top-nav__inner-left" }, this.navControl && (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 }, h("xpl-icon", { key: 'acbdd20739df23cf49ff6542605513159cffe1da', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (h("div", { key: '148ba3e7114ce3f1edbf0618a231d94c4cc3c04f', class: "xpl-top-nav__brand-bar" }, h("xpl-top-nav-item", { key: 'cda2c5f5dca554b7b61d95b941bd0b969f871dd0', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (h("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+                ? this.brandName.trim()
+                : 'Brand' })) : this.brandLogoSlotPresent ? (h("span", { class: "xpl-top-nav__brand-logo-slot" }, h("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (h("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), h("div", { key: 'abca8522fe239fe207a291d7bd8bdfd1cab0ffc3', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-left': true,
+            } }, h("div", { key: 'f2fde6503e8bc319fbd60a4d5000d93644999d9a', class: "xpl-top-nav__left-primary", role: "list" }, h("slot", { key: 'ebbb61cf32cf5b0246cecc3d967f93f1834b9e11', name: "left-aside" })))), h("div", { key: '18c8d5990551ee655190aabb8ee85ad8d772b54e', class: {
+                'xpl-top-nav__aside': true,
+                'xpl-nav-right': true,
+            } }, h("div", { key: '3120cb36425177943c3a52345396b5b2de9cc028', class: "xpl-nav-right__list" }, h("div", { key: '6fde79b8b6d87bfdb617c591530307382bdff243', class: "xpl-top-nav__right-rail" }, h("div", { key: '7e69e3e660887b7b39db058fb7e8cf42679a730e', class: "xpl-top-nav__right-lead" }, h("slot", { key: 'c198ab94307d3d126b5902890de73b434cb583b1', 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))))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "navControl": [{
+                "onNavControlChanged": 0
+            }]
+    }; }
+};
+
+export { TopNav as xpl_top_nav };

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

@@ -0,0 +1,21 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-ukZKsqqq.js';
+
+const UtilityBar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.navOpen = 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 (h(Host, { key: '3ed4e8e9214075b9062b221a05f1b27aa0b0bfbf' }, h("nav", { key: 'c809f6f649965d0b60d35c2bda31f721d67ccca1', "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: '99e22823c94e66c5dce24815485c7513b11e9267', name: "main" }))));
+    }
+};
+
+export { UtilityBar as xpl_utility_bar };

package/dist/types/components/xpl-application-shell/xpl-application-shell.d.ts

@@ -6,7 +6,7 @@ export declare class ApplicationShell {
     isNavOpenAtStartup: boolean;
     navOpen: boolean;
     navToggleHandler(): void;
-    navWithHandler(event: any): void;
+    navWithHandler(event: CustomEvent<string>): void;
     onWindowResize(): void;
     connectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/xpl-data-card/xpl-data-card.d.ts

@@ -1,5 +1,8 @@
 export declare class DataCard {
+    private graphContentSlotSyncTimeoutId?;
+    private graphContentSlotObserver?;
     el: HTMLXplDataCardElement;
+    private graphContentPresent;
     link?: boolean;
     name: string;
     stat: string;
@@ -15,6 +18,15 @@ export declare class DataCard {
     tooltipTextStat?: string;
     watchStat(newValue: string): void;
     watchShortStat(newValue: string): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    private connectGraphContentSlotObserver;
+    private disconnectGraphContentSlotObserver;
+    private scheduleGraphContentSlotSync;
+    private syncGraphContentSlot;
     render(): any;
 }

package/dist/types/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.d.ts

@@ -6,7 +6,7 @@ export declare class DropdownOptionCpnt {
     icon?: string;
     isSelected?: boolean;
     hostElement: HTMLXplDropdownOptionElement;
-    private dropdown?;
+    private dropdown;
     componentWillLoad(): void;
     private handleClick;
     private handleKeyup;

package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type Placement } from '@floating-ui/dom';
+import { type Placement } from '../../utils/floating';
 import type { DropdownItem } from './dropdown-option';
-interface XplDropdownOption extends HTMLXplDropdownOptionElement {
-    hostElement: HTMLXplDropdownOptionElement;
+import type { DropdownOptionCpnt } from './xpl-dropdown-option/xpl-dropdown-option';
+interface DropdownSelectContext {
+    component: DropdownOptionCpnt;
 }
 export declare class Dropdown {
     private virtualEnd;
@@ -22,12 +23,12 @@ export declare class Dropdown {
     selectOnFocus: boolean;
     triggerId: string;
     onTriggerIdChanged(): void;
-    update?: (e: any, { component }: {
+    update?: (e: Event | null, context: {
         component: Dropdown;
     }) => void;
     hostElement: HTMLXplDropdownElement;
     isOpenChange: EventEmitter<boolean>;
-    private cleanupAutoUpdate;
+    private floating;
     private virtualScrollRaf;
     private openAlignmentRaf;
     private listEl?;
@@ -39,12 +40,9 @@ export declare class Dropdown {
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    handleSelect(e: any, { component }: {
-        component: XplDropdownOption;
-    }): Promise<void>;
+    handleSelect(e: Event | null, { component }: DropdownSelectContext): Promise<void>;
     private startPositioning;
     private stopPositioning;
-    private updateDropdownPosition;
     private handleClickOutside;
     private handleKeyDown;
     private handleVirtualScroll;

package/dist/types/components/xpl-dynamic-table/xpl-dynamic-table.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class DynamicTable {
     el: HTMLXplDynamicTableElement;
-    selectedItemCount: number;
     colCount: number;
+    hasAccordion: boolean;
+    selectedItemCount: number;
     selectedItemCountChange: EventEmitter<string[]>;
     private updateColumnCount;
     listenToDeselectEvent(): void;

package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts

@@ -9,12 +9,10 @@ export declare class HeaderAccordion {
     parentChecked: boolean;
     parentIndeterminate: boolean;
     private toggleAccordion;
-    private applyBorderRadiusToLastRow;
     private handleParentCheckboxChange;
     watchSelectedCount(selectedCount: number, _previousCount: number): void;
     private updateParentCheckbox;
     handleChildCheckboxChange(): void;
     componentDidLoad(): void;
-    componentWillRender(): void;
     render(): any;
 }

package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts

@@ -26,7 +26,7 @@ export declare class InputDate {
     private valueChanged;
     onHasErrorStateChanged(newValue: string | null): void;
     onValueChanged(newValue: string | string[]): void;
-    private input;
+    private input?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidRender(): void;

package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts

@@ -16,7 +16,7 @@ export declare class InputFile {
     files: File[] | null;
     onFilesChange(newFiles: File[] | null): void;
     removeFileByIndex(fileIndex: number): Promise<void>;
-    private fileInput;
+    private fileInput?;
     private openFileDialog;
     private handleFileChange;
     private onRemoveFileByIndex;

package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { type PhoneCountry } from './phone-country-data';
 export declare class InputPhone {
-    private dropdownRef;
-    private inputEl;
+    private dropdownRef?;
+    private inputEl?;
     private lastCursorRef;
     private lastFormattedRef;
     el: HTMLElement;

package/dist/types/components/xpl-input/xpl-input-time/time-utils.d.ts

@@ -1,4 +1,4 @@
-import { DropdownItem } from '../../../components';
+import type { DropdownItem } from '../../xpl-dropdown/dropdown-option';
 export declare function format12Hour(time: string): string[];
 export declare function format12HourToString(time: string): string;
 export declare function normalizeTime(input: string): string;

package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts

@@ -22,7 +22,7 @@ export declare class InputTime {
     options: DropdownItem[];
     amPm?: string;
     onValueChange(newValue: string): void;
-    private dropdown;
+    private dropdown?;
     private updateState;
     private formatDisplayedTime;
     private formatDisplayedAmPm;

package/dist/types/components/xpl-input/xpl-input.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Input {
-    private input;
+    private input?;
+    private preSlotSyncTimeoutId?;
     private preSlotObserver?;
     private searchInputRef?;
     el: HTMLElement;
@@ -51,13 +52,17 @@ export declare class Input {
     private handleBlur;
     private handleFocus;
     private handleInput;
-    private hasDirectPreSlotChild;
-    private syncPreSlotContent;
-    private updateCharacterCount;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
     setFocus(): Promise<void>;
+    private connectPreSlotObserver;
+    private disconnectPreSlotObserver;
+    private schedulePreSlotSync;
+    private syncPreSlotContent;
+    private updateCharacterCount;
     private handleSearchBlurForward;
     private handleSearchCommit;
     private handleSearchFocusForward;

package/dist/types/components/xpl-large-card/xpl-large-card.d.ts

@@ -1,8 +1,20 @@
 export declare class LargeCard {
+    private graphContentSlotSyncTimeoutId?;
+    private graphContentSlotObserver?;
     el: HTMLXplLargeCardElement;
+    private graphContentPresent;
     link?: boolean;
     name: string;
     description?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    private connectGraphContentSlotObserver;
+    private disconnectGraphContentSlotObserver;
+    private scheduleGraphContentSlotSync;
+    private syncGraphContentSlot;
     render(): any;
 }

package/dist/types/components/xpl-list/listitem.d.ts

@@ -1,3 +1,8 @@
+export interface XplListItemHostElement extends HTMLElement {
+    item?: ListItem;
+    itemId?: string;
+    selected?: boolean;
+}
 export interface XplListOrderChangeDetail {
     itemId?: string;
     direction: 'up' | 'down';

package/dist/types/components/xpl-list/xpl-list-item/xpl-list-item.d.ts

@@ -61,7 +61,6 @@ export declare class XplListItem {
     private getTitleSlotAccessibleText;
     private getRowIdForAccessibleLabel;
     private getSelectableRadioLabel;
-    private renderLegacyAvatarCell;
     private handleRadioClick;
     private renderPropBasedItem;
     private renderTitleBadge;

package/dist/types/components/xpl-modal/xpl-modal.d.ts

@@ -1,14 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Modal {
+    private closeTimerId;
+    private dialogElement;
+    private titleId;
     isOpen: boolean;
     size: 'large' | 'medium' | 'small';
     variant: 'default' | 'warning';
     element: HTMLXplModalElement;
     modalClosed: EventEmitter<void>;
-    private dialogElement;
-    componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
+    componentDidLoad(): void;
     updateModalState(): void;
+    private bindDialog;
+    private unbindDialog;
+    private clearCloseTimer;
+    private openDialog;
+    private scheduleClose;
     private handleDialogClose;
     private handleNativeBackdropClick;
     render(): any;

package/dist/types/components/xpl-popover/xpl-popover.d.ts

@@ -12,11 +12,13 @@ export declare class Popover {
     isOpenChange: EventEmitter<boolean>;
     onIsOpenPropChange(newValue: boolean): void;
     onIsOpenStateChange(newValue: boolean): void;
-    private triggerRef;
-    private contentRef;
+    private triggerRef?;
+    private contentRef?;
+    private blurCloseTimeoutId?;
     private togglePopover;
     private handleKeyDown;
     private handleClickOutside;
+    private handleWindowBlur;
     private updateActualPosition;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/types/components/xpl-select/select.shared.d.ts

@@ -0,0 +1,23 @@
+import type { IconName } from '../xpl-icon/icon-types';
+export interface SelectStoryArgs {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: string;
+    mode: 'single' | 'multi';
+    truncate: boolean;
+    customDisplayValue: boolean;
+    customDisplayValueContent: string;
+    selectedValues: string | string[];
+    selectIcon: IconName | '';
+    subtitle: string;
+    preventDefaultTriggerDropdown: boolean;
+    choices: Record<string, unknown>[];
+    placeholder: string;
+}
+export declare const GROUPED_SELECT_CHOICES: (subtitle: string) => Record<string, unknown>[];
+export declare const FLAT_SELECT_CHOICES: Record<string, unknown>[];
+export declare function stripEmptySelectSentinels(args: Record<string, unknown>): Record<string, unknown>;
+export declare function buildSelectAttrs(args: SelectStoryArgs): string;
+export declare function buildSelectPropertyScript(id: string, choices: Record<string, unknown>[], selectedValues: string | string[] | undefined, preventDefault: boolean): string;
+export declare function renderSelectStory(args: SelectStoryArgs): string;