@xplortech/apollo-core 2.11.0 → 2.12.0

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

@@ -1,4 +1,36 @@
+interface ListStoryArgs {
+    type: 'Legacy' | 'Slot based';
+    avatar: 'none' | 'image' | 'placeholder';
+    avatars: boolean;
+    badges: boolean;
+    link: boolean;
+    metadata: boolean;
+    title: string;
+    subtext: string;
+    listLabel: string;
+    listLabelledBy: string;
+    showAvatar: boolean;
+    slotAvatar?: 'image' | 'placeholder';
+    showTitle: boolean;
+    showDivider: boolean;
+    titleBadgeVariant: 'none' | 'purple' | 'green' | 'yellow' | 'red' | 'blue' | 'gray' | 'orange';
+    showMetadata: boolean;
+    showDetails: boolean;
+    slotDetails: string;
+    showBadges: boolean;
+    showActions: boolean;
+    showExtras: boolean;
+    showError: boolean;
+    errorBorderOnly: boolean;
+    showSelectable: boolean;
+    showReorderable: boolean;
+    showAsLink: boolean;
+    slotTitle: string;
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, import("@storybook/web-components").Args>): Promise<void>;
     title: string;
     parameters: {
         controls: {
@@ -308,7 +340,7 @@ declare const _default: {
 };
 export default _default;
 export declare const List: {
-    (props: any): string;
+    (props: ListStoryArgs): string;
     args: {
         type: string;
         avatar: string;

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-main-nav/main-nav.stories.d.ts

@@ -1,5 +1,11 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface MainNavArgs {
+    width: 'default' | 'sm' | 'md';
+}
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         width: {
             options: string[];
@@ -10,4 +16,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const MainNav: any;
+export declare const MainNav: StoryFunction<MainNavArgs>;

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

@@ -1,6 +1,21 @@
+interface ModalStoryArgs {
+    isOpen: boolean;
+    title: string;
+    subtitle: string;
+    body: string;
+    actions: 1 | 2 | 3;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    tertiaryButtonText: string;
+    size: 'small' | 'medium' | 'large';
+    variant: 'default' | 'warning';
+}
 declare const _default: {
     title: string;
     component: string;
+    tags: string[];
+    beforeEach(): void;
+    play: ({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, ModalStoryArgs>) => Promise<void>;
     argTypes: {
         isOpen: {
             control: {
@@ -65,22 +80,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Modal: {
-    ({ isOpen, title, subtitle, body, actions, primaryButtonText, secondaryButtonText, tertiaryButtonText, size, variant, }: {
-        isOpen: any;
-        title: any;
-        subtitle: any;
-        body: any;
-        actions: any;
-        primaryButtonText: any;
-        secondaryButtonText: any;
-        tertiaryButtonText: any;
-        size: any;
-        variant: any;
-    }, { globals: { viewport } }: {
-        globals: {
-            viewport: any;
-        };
-    }): string;
+    ({ isOpen, title, subtitle, body, actions, primaryButtonText, secondaryButtonText, tertiaryButtonText, size, variant, }: ModalStoryArgs): string;
     args: {
         isOpen: boolean;
         title: string;

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

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

package/dist/types/components/xpl-pagination/pagination.stories.d.ts

@@ -1,3 +1,8 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface PaginationArgs {
+    totalPages: number;
+    withPageControl: boolean;
+}
 declare const _default: {
     title: string;
     parameters: {
@@ -6,6 +11,8 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, PaginationArgs>): Promise<void>;
     argTypes: {
         totalPages: {
             control: {
@@ -20,33 +27,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Pagination: {
-    (args: any): string;
-    args: {
-        totalPages: number;
-        withPageControl: boolean;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export declare const PaginationWithPageControl: {
-    (args: any): string;
-    args: {
-        totalPages: number;
-        withPageControl: boolean;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-    };
-};
+export declare const Pagination: StoryFunction<PaginationArgs>;
+export declare const PaginationWithPageControl: StoryFunction<PaginationArgs>;

package/dist/types/components/xpl-panel/panel.stories.d.ts

@@ -1,4 +1,12 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface PanelArgs {
+    accent: 'none' | 'primary' | 'secondary' | 'positive' | 'negative' | 'highlight';
+    padding: 'default' | 'tight' | 'loose';
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, PanelArgs>): Promise<void>;
     title: string;
     component: string;
     argTypes: {
@@ -19,4 +27,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Panel: any;
+export declare const Panel: StoryFunction<PanelArgs>;

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

@@ -1,4 +1,13 @@
+import type { PopoverPosition } from './xpl-popover';
+interface PopoverStoryArgs {
+    isOpen: boolean;
+    position: PopoverPosition;
+    display: 'arrow' | 'menu';
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, PopoverStoryArgs>): Promise<void>;
     title: string;
     parameters: {
         actions: {
@@ -7,6 +16,6 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Simple: ({ isOpen, position, display }: typeof Simple.args) => string;
-export declare const LargerTrigger: ({ isOpen, position }: typeof LargerTrigger.args) => string;
-export declare const LargerContent: ({ isOpen, position }: typeof LargerTrigger.args) => string;
+export declare const Simple: ({ isOpen, position, display }: PopoverStoryArgs) => string;
+export declare const LargerTrigger: ({ isOpen, position }: PopoverStoryArgs) => string;
+export declare const LargerContent: ({ isOpen, position }: PopoverStoryArgs) => string;

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-progress-bar/progress-bar.stories.d.ts

@@ -1,4 +1,16 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface ProgressBarArgs {
+    label: string;
+    helperText: string;
+    max: number;
+    value: number;
+    size: 'sm' | 'lg';
+    variant: 'default' | 'success' | 'error' | 'indeterminate';
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, ProgressBarArgs>): Promise<void>;
     title: string;
     argTypes: {
         label: {
@@ -47,27 +59,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const ProgressBar: {
-    (args: any): string;
-    args: {
-        label: string;
-        helperText: string;
-        max: number;
-        value: number;
-        size: string;
-        variant: string;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const ProgressBar: StoryFunction<ProgressBarArgs>;

package/dist/types/components/xpl-progress-indicator/progress-indicator.stories.d.ts

@@ -30,6 +30,8 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, import("@storybook/web-components").Args>): Promise<void>;
 };
 export default _default;
 export declare const ProgressIndicator: {

package/dist/types/components/xpl-radio/radio.stories.d.ts

@@ -1,4 +1,7 @@
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, import("@storybook/web-components").Args>): Promise<void>;
     title: string;
     argTypes: {
         label: {

package/dist/types/components/xpl-secondary-nav/secondary-nav.stories.d.ts

@@ -1,5 +1,8 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
 };
 export default _default;
-export declare const SecondaryNav: any;
+export declare const SecondaryNav: StoryFunction;

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

@@ -1,5 +1,22 @@
+import type { IconName } from '../xpl-icon/icon-types';
+interface SelectStoryArgs {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    mode: 'single' | 'multi';
+    truncate: boolean;
+    customDisplayValue: boolean;
+    customDisplayValueContent: string;
+    selectedValues: string;
+    selectIcon: IconName | '';
+    subtitle: string;
+    preventDefaultTriggerDropdown: boolean;
+}
 declare const _default: {
     title: string;
+    beforeEach(): void;
     parameters: {
         actions: {
             handles: string[];
@@ -57,9 +74,8 @@ declare const _default: {
             };
         };
         selectIcon: {
-            options: string[];
             control: {
-                type: "select";
+                type: "text";
             };
         };
         selectedValues: {
@@ -83,35 +99,21 @@ declare const _default: {
 };
 export default _default;
 export declare const Select: {
-    ({ label, description, disabled, error, errorMessage, mode, truncate, customDisplayValue, customDisplayValueContent, selectedValues, selectIcon, subtitle, preventDefaultTriggerDropdown, }: {
-        label: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        mode: any;
-        truncate: any;
-        customDisplayValue: any;
-        customDisplayValueContent: any;
-        selectedValues: any;
-        selectIcon: any;
-        subtitle: any;
-        preventDefaultTriggerDropdown: any;
-    }): string;
+    ({ label, description, disabled, error, errorMessage, mode, truncate, customDisplayValue, customDisplayValueContent, selectedValues, selectIcon, subtitle, preventDefaultTriggerDropdown, }: SelectStoryArgs): string;
     args: {
         label: string;
         description: string;
-        disabled: boolean;
-        error: boolean;
+        disabled: false;
+        error: false;
         errorMessage: string;
-        mode: string;
-        truncate: boolean;
-        customDisplayValue: boolean;
+        mode: "single";
+        truncate: true;
+        customDisplayValue: false;
         customDisplayValueContent: string;
         selectedValues: string;
         subtitle: string;
-        selectIcon: string;
-        preventDefaultTriggerDropdown: boolean;
+        selectIcon: "";
+        preventDefaultTriggerDropdown: false;
     };
     parameters: {
         layout: string;
@@ -128,33 +130,21 @@ export declare const Select: {
     };
 };
 export declare const SelectWValues: {
-    ({ label, description, disabled, error, errorMessage, mode, truncate, customDisplayValue, customDisplayValueContent, selectedValues, selectIcon, preventDefaultTriggerDropdown, }: {
-        label: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        mode: any;
-        truncate: any;
-        customDisplayValue: any;
-        customDisplayValueContent: any;
-        selectedValues: any;
-        selectIcon: any;
-        preventDefaultTriggerDropdown: any;
-    }): string;
+    ({ label, description, disabled, error, errorMessage, mode, truncate, customDisplayValue, customDisplayValueContent, selectedValues, selectIcon, preventDefaultTriggerDropdown, }: SelectStoryArgs): string;
     args: {
         label: string;
         description: string;
-        disabled: boolean;
-        error: boolean;
+        disabled: false;
+        error: false;
         errorMessage: string;
-        mode: string;
-        truncate: boolean;
-        customDisplayValue: boolean;
+        mode: "multi";
+        truncate: true;
+        customDisplayValue: false;
         customDisplayValueContent: string;
         selectedValues: string;
-        selectIcon: string;
-        preventDefaultTriggerDropdown: boolean;
+        selectIcon: "";
+        subtitle: string;
+        preventDefaultTriggerDropdown: false;
     };
     parameters: {
         layout: string;

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/side-nav.stories.d.ts

@@ -1,6 +1,7 @@
 import type { StoryObj } from '@storybook/web-components-vite';
 export interface NavItem {
-    label: string;
+    kind?: 'item' | 'divider' | 'section';
+    label?: string;
     icon?: string;
     trailingIcon?: string;
     selected?: boolean;
@@ -11,9 +12,18 @@ export interface NavItem {
     link?: boolean;
     href?: string;
     children?: NavItem[];
+    collapsible?: boolean;
+    badgeCount?: string;
+}
+export interface NavHeaderItemConfig {
+    type: 'product-label' | 'sub-account';
+    label: string;
+    icon?: string;
+    selected?: boolean;
 }
 export interface NavDemoConfig {
     navLabel: string;
+    headerItems?: NavHeaderItemConfig[];
     items: NavItem[];
     footerItems: NavItem[];
 }
@@ -21,6 +31,9 @@ interface SideNavFullDemoArgs {
     navConfig: NavDemoConfig;
 }
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, import("@storybook/web-components").Args>): Promise<void>;
     title: string;
     component: string;
     parameters: {
@@ -54,6 +67,65 @@ export declare const ExternalLinkItem: {
         };
     };
 };
+export declare const Divider: {
+    (): string;
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+type SideNavSectionStory = StoryObj<{
+    heading: string;
+    collapsible: boolean;
+    expanded: boolean;
+    badgeCount: string;
+}>;
+export declare const SectionPlayground: SideNavSectionStory;
+export declare const SectionsAndDividers: {
+    (): string;
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+type SideNavHeaderItemStory = StoryObj<{
+    type: 'product-label' | 'sub-account';
+    label: string;
+    icon: string;
+    selected: boolean;
+}>;
+export declare const HeaderItemPlayground: SideNavHeaderItemStory;
+export declare const HeaderItemAllVariants: {
+    (): string;
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
 export declare const ParentWithLeadingIcon: {
     (): string;
     parameters: {

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;
 }