@xplortech/apollo-core 2.11.0 → 3.0.0

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

@@ -34,6 +34,7 @@ export declare class Select {
     onDropdownOpenStateChanged(newValue: boolean): void;
     private container;
     private dropdown;
+    private truncateRafId;
     private handleResizeThrottled;
     private initializeChoicesState;
     private maybeTruncateChoices;

package/dist/types/components/xpl-side-nav/side-nav-slot-utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getHostSlottedElements<T extends Element = HTMLElement>(host: HTMLElement, slotName: string, hostTagName: string): T[];
+export declare function hasHostSlottedContent(host: HTMLElement, slotName: string, hostTagName: string): boolean;
+export declare function ensureSideNavSectionChildrenId(host: HTMLElement, existing?: string): string;

package/dist/types/components/xpl-side-nav/xpl-side-nav-header-item/xpl-side-nav-header-item.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SideNavHeaderItem {
+    private slotSyncTimeoutId?;
+    private slotObserver?;
+    el: HTMLElement;
+    private hasLeadingSlot;
+    private hasTrailingSlot;
+    icon?: string;
+    label?: string;
+    selected: boolean;
+    type: 'product-label' | 'sub-account';
+    navigate: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    private connectSlotObserver;
+    private disconnectSlotObserver;
+    private scheduleSlotSync;
+    private syncSlots;
+    private handleClick;
+    render(): any;
+}

package/dist/types/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.d.ts

@@ -14,7 +14,7 @@ export declare class SideNavItem {
     private syncLinkHasChildrenExclusivity;
     selected: boolean;
     expandedChange: EventEmitter<boolean>;
-    navClick: EventEmitter<void>;
+    navigate: EventEmitter<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/xpl-side-nav/xpl-side-nav-section/xpl-side-nav-section.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SideNavSection {
+    private badgeSlotObserver?;
+    private badgeSlotSyncTimeoutId?;
+    private childrenId?;
+    el: HTMLElement;
+    private hasBadgeSlot;
+    private hasNamedBadgeSlot;
+    collapsible: boolean;
+    expanded: boolean;
+    heading?: string;
+    expandedChange: EventEmitter<boolean>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    private connectBadgeSlotObserver;
+    private disconnectBadgeSlotObserver;
+    private scheduleBadgeSlotSync;
+    private syncBadgeSlot;
+    private handleHeaderClick;
+    render(): any;
+}

package/dist/types/components/xpl-side-nav/xpl-side-nav.d.ts

@@ -5,12 +5,18 @@ export declare class SideNav {
     private drawerClosing;
     private closeTransitionTimeoutId?;
     private mobileMq?;
+    private headerSlotSyncTimeoutId?;
+    private headerSlotObserver?;
     el: HTMLElement;
+    private hasHeaderSlot;
     label?: string;
     open: boolean;
     onOpenChanged(newValue: boolean, oldValue: boolean): void;
     openChange: EventEmitter<boolean>;
     connectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     toggle(): Promise<void>;
@@ -31,5 +37,9 @@ export declare class SideNav {
     private onDocKeyDown;
     private trapTabKey;
     private onToggleClick;
+    private connectHeaderSlotObserver;
+    private disconnectHeaderSlotObserver;
+    private scheduleHeaderSlotSync;
+    private syncHeaderSlot;
     render(): any;
 }

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

@@ -74,6 +74,7 @@ export declare class Spotlight {
     private get bodyPropHasText();
     private focusInitial;
     private shouldHandleDismissKeyboardEvent;
+    private capturePreviousFocus;
     private restoreFocus;
     private cancelPendingFocusWait;
     private cancelEnterTransition;

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

@@ -1,6 +1,9 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { BadgePalette } from '../xpl-badge/xpl-badge';
 export declare class Tab {
     el: HTMLElement;
+    badge?: string;
+    badgeVariant: BadgePalette;
     disabled: boolean;
     fullWidth: boolean;
     groupDisabled: boolean;
@@ -17,5 +20,7 @@ export declare class Tab {
     private get effectivelyDisabled();
     private get isSegment();
     private handleTabClick;
+    private get hasBadge();
+    private renderBadge;
     render(): any;
 }

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

@@ -0,0 +1,3 @@
+export declare class XplTableBody {
+    render(): any;
+}

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

@@ -0,0 +1,3 @@
+export declare class XplTableFooter {
+    render(): any;
+}

package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts

@@ -0,0 +1,4 @@
+export declare class XplTableFooterCell {
+    align: 'center' | 'left' | 'right';
+    render(): any;
+}

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

@@ -0,0 +1,6 @@
+export declare class XplTableRow {
+    disabled: boolean;
+    rowId?: string;
+    selected: boolean;
+    render(): any;
+}

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Table {
+    private static selectAllSeq;
     el: HTMLXplTableElement;
     columns?: string[];
     data?: string[][];
@@ -7,17 +8,16 @@ export declare class Table {
     freeze?: boolean;
     multiselect?: boolean;
     striped?: boolean;
-    selectedValues?: string[];
-    isSortable?: boolean;
-    sortableColumns?: boolean[];
+    selectedValues: string[];
+    isSortable: boolean;
+    sortableColumns: boolean[];
     areAllSelected: boolean;
     rowData: string[][];
-    rowFooterData: string[][];
     hasScrolled: boolean;
     selected: (string | boolean)[];
     sortTypeArray: ('asc' | 'desc' | null)[];
     tableSelect: EventEmitter;
-    private selectAllValue;
+    private selectAllValue?;
     private container;
     private selectAll;
     private selectOne;
@@ -27,14 +27,14 @@ export declare class Table {
     sortChanged: EventEmitter<{
         colNum: number;
         colName: string;
-        sortTypeArr: string[];
+        sortTypeArr: ('asc' | 'desc' | null)[];
     }>;
     private handleSort;
     private setData;
-    private setFooterData;
     watchData(): void;
-    watchFooterData(): void;
     watchColumns(): void;
     componentWillLoad(): void;
+    private ensureSelectAllValue;
+    private ensureSortTypeArray;
     render(): any;
 }

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

@@ -7,6 +7,8 @@ export interface TabsStoryArgs {
     tabDisabled: boolean;
     icon: string;
     iconPosition: 'start' | 'end';
+    badge: string;
+    badgeVariant: 'purple' | 'green' | 'yellow' | 'orange' | 'gray' | 'red' | 'blue';
 }
 export declare function escapeHtmlAttr(value: string): string;
 export declare function clampTabCount(n: number): number;
@@ -16,8 +18,6 @@ export interface TabsStoryRenderContext {
     updateArgs?: (next: Partial<TabsStoryArgs>) => void;
 }
 export declare function renderTabsStoryMarkup(args: TabsStoryArgs, context?: TabsStoryRenderContext): string;
-export declare const tabsPlainDomUnderlineStoryHtml = "<---- Non-interactive plain DOM (tabs.css BEM). Not the <xpl-tabs> API; use the Web Component tab for that. Ids mirror the scoped pattern (data-tabs-instance-id + target). ---->\n<div class=\"xpl-tabs\" data-tabs-instance-id=\"xpl-tg-1\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tabs__active-bar\"></div>\n        <div class=\"xpl-tab xpl-tab--selected\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab0\" aria-controls=\"xpl-tg-1-panel-tab0\" aria-selected=\"true\">Tab 1</button>\n        </div>\n        <div class=\"xpl-tab\">\n            <button class=\"xpl-tab__button\" type=\"button\" role=\"tab\" id=\"xpl-tg-1-tab-tab1\" aria-controls=\"xpl-tg-1-panel-tab1\" aria-selected=\"false\">Tab 2</button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab0\" aria-labelledby=\"xpl-tg-1-tab-tab0\">Content for tab 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-1-panel-tab1\" aria-labelledby=\"xpl-tg-1-tab-tab1\">Content for tab 2</div>\n    </div>\n</div>";
-export declare const tabsPlainDomSegmentStoryHtml = "<---- Segment (type='segment'): Stencil renders xpl-tab.xpl-tab--segment > xpl-button; xpl-tab assigns id, role, and aria-* on the inner native <button>. Plain buttons below only illustrate tablist \u2194 tabpanel id wiring (not .xpl-tab__button). ---->\n<div class=\"xpl-tabs xpl-tabs--segment\" data-tabs-instance-id=\"xpl-tg-2\">\n    <xpl-select class-names=\"xpl-tabs__mobile-select\" selected-values=\"tab0\"></xpl-select>\n    <nav class=\"xpl-tabs__headings\" role=\"tablist\" aria-orientation=\"horizontal\">\n        <div class=\"xpl-tab xpl-tab--segment xpl-tab--selected\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab0\" aria-controls=\"xpl-tg-2-panel-tab0\" aria-selected=\"true\">Segment 1</button>\n        </div>\n        <div class=\"xpl-tab xpl-tab--segment\">\n            <button type=\"button\" role=\"tab\" id=\"xpl-tg-2-tab-tab1\" aria-controls=\"xpl-tg-2-panel-tab1\" aria-selected=\"false\">Segment 2</button>\n        </div>\n    </nav>\n    <div class=\"xpl-tabs__panels\">\n        <div class=\"xpl-tab-panel xpl-tab-panel--selected\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab0\" aria-labelledby=\"xpl-tg-2-tab-tab0\">Content for segment 1</div>\n        <div class=\"xpl-tab-panel\" role=\"tabpanel\" id=\"xpl-tg-2-panel-tab1\" aria-labelledby=\"xpl-tg-2-tab-tab1\">Content for segment 2</div>\n    </div>\n</div>";
 export declare const tabsStoryBaseArgTypes: {
     type: {
         options: string[];
@@ -72,6 +72,19 @@ export declare const tabsStoryBaseArgTypes: {
         };
         description: string;
     };
+    badge: {
+        control: {
+            type: "text";
+        };
+        description: string;
+    };
+    badgeVariant: {
+        options: string[];
+        control: {
+            type: "select";
+        };
+        description: string;
+    };
 };
 export declare const segmentControlStoryArgTypes: {
     type: {
@@ -151,6 +164,25 @@ export declare const segmentControlStoryArgTypes: {
         };
         description: string;
     };
+    badge: {
+        table: {
+            category: string;
+        };
+        control: {
+            type: "text";
+        };
+        description: string;
+    };
+    badgeVariant: {
+        table: {
+            category: string;
+        };
+        options: string[];
+        control: {
+            type: "select";
+        };
+        description: string;
+    };
 };
 export declare const tabsUnderlineDefaultArgs: TabsStoryArgs;
 export declare const segmentControlDefaultArgs: TabsStoryArgs;

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

@@ -1,12 +1,21 @@
 export declare class Toast {
+    private actionSlot;
+    private dismissTimerId;
     el: HTMLXplToastElement;
-    variant: 'neutral' | 'warning' | 'success';
-    showIcon?: boolean;
     caption: string;
-    dismissable: boolean;
+    dismissable?: boolean;
+    handleDismissableChange(): void;
+    dismissible: boolean;
+    showIcon?: boolean;
     timeout: number;
-    private actionSlot;
+    handleTimeoutChange(): void;
+    variant: 'neutral' | 'warning' | 'success';
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    private get isDismissible();
+    private clearAutoDismissTimer;
+    private scheduleAutoDismiss;
     private handleAnimationEnd;
     private getIcon;
     private dismiss;

package/dist/types/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.d.ts

@@ -4,6 +4,7 @@ export declare class TopNavItem {
     private dropdownPanelId;
     private hoverOpened;
     private hoverOpenMq?;
+    private mobileMq?;
     private parentListitemContextObserver?;
     private selfListitemContextObserver?;
     private timers;
@@ -12,6 +13,7 @@ export declare class TopNavItem {
     hasDropdown: boolean;
     onHasDropdownChanged(): void;
     isLeadingIconSlotPresent: boolean;
+    isMobileViewport: boolean;
     private hostListitemRole;
     isTrailingIconSlotPresent: boolean;
     active: boolean;
@@ -50,6 +52,7 @@ export declare class TopNavItem {
     private broadcastCloseOtherDropdownHosts;
     private handleClick;
     private handleKeyDown;
+    private onMobileViewportChange;
     private hoverModeActive;
     private handleMouseEnter;
     private handleMouseLeave;

package/dist/types/components/xpl-top-nav/xpl-top-nav.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TopNav {
     private deferredSlotContentObserverSyncTimeoutId?;
+    private slotProjectionDirty;
     private navControlFocusTimeoutId?;
     private slotContentObserver?;
     private userPopoverDrawerOpenObserver?;
@@ -8,6 +9,7 @@ export declare class TopNav {
     el: HTMLElement;
     brandLogoSlotPresent: boolean;
     open: boolean;
+    slotProjectionNonce: number;
     userMenuSlotPresent: boolean;
     userMenuTriggerSlotPresent: boolean;
     brandHref?: string;
@@ -35,15 +37,18 @@ export declare class TopNav {
     private connectUserPopoverDrawerSync;
     private disconnectSlotContentObserver;
     private disconnectUserPopoverDrawerSync;
-    private removeDocEscapeListener;
+    private removeDocDismissListeners;
     private resetMobileCascade;
     private scheduleSlotContentSyncFromObserver;
-    private syncDocEscapeListener;
+    private flushPendingSlotProjection;
+    private mutationsAffectHostSlotting;
+    private syncDocDismissListeners;
     private syncOpenFromNavControl;
     private focusNavControlAfterClose;
     private handleUserPopoverIsOpenChange;
     private onBrandNavItemClick;
     private onDocKeyDownEscape;
+    private onDocClickOutsideDismiss;
     private onNavToggle;
     private onUserPopoverInnerOpenClassChange;
     private syncBrandLogoSlot;