@xplortech/apollo-core 2.5.0 → 2.7.0

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

@@ -0,0 +1,71 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import type { BadgeVariantProp } from '../../xpl-badge/xpl-badge';
+import type { ListItem } from '../listitem';
+export declare class XplListItem {
+    private dragFromHandle;
+    private dragHandlePointerReleaseCleanup;
+    el: HTMLElement;
+    private slotPresence;
+    private isKeyboardMode;
+    disabled?: boolean;
+    error?: boolean;
+    hidden: boolean;
+    href?: string;
+    item?: ListItem;
+    handleItemChange(): void;
+    itemId?: string;
+    keyboardActive?: boolean;
+    handleKeyboardActiveChange(newValue: boolean): void;
+    radioName?: string;
+    reorderable?: boolean;
+    selectable?: boolean;
+    selected?: boolean;
+    handleSelectedChange(newValue: boolean): void;
+    showDivider?: boolean;
+    titleBadgeVariant?: BadgeVariantProp;
+    handleTitleBadgeVariantChange(): void;
+    itemDragEnd: EventEmitter<{
+        itemId?: string;
+        item: HTMLElement;
+    }>;
+    itemDragStart: EventEmitter<{
+        itemId?: string;
+        item: HTMLElement;
+    }>;
+    itemDrop: EventEmitter<{
+        itemId?: string;
+        item: HTMLElement;
+    }>;
+    itemSelect: EventEmitter<{
+        itemId?: string;
+    }>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    handleSlotChange(): void;
+    private updateSlotPresence;
+    private detachDragHandlePointerReleaseListeners;
+    private handleDragStart;
+    private handleDrop;
+    private handleDragOver;
+    private handleDragEnter;
+    private handleDragLeave;
+    private handleDragEnd;
+    private handleDragHandleMouseDown;
+    private preventRowLinkNavigation;
+    private handleMouseDown;
+    private handleDragHandleKeyDown;
+    private handleRadioChange;
+    private hasSlot;
+    private getTitleSlotAccessibleText;
+    private getRowIdForAccessibleLabel;
+    private getSelectableRadioLabel;
+    private renderLegacyAvatarCell;
+    private handleRadioClick;
+    private renderPropBasedItem;
+    private renderTitleBadge;
+    private renderSlotBasedItem;
+    private syncReorderDragHandleA11y;
+    render(): any;
+}

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

@@ -1,5 +1,58 @@
-import type { ListItem } from './listitem';
-export declare class XplList {
-    items?: ListItem[];
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { ListItem, XplListItemReorderDetail, XplListOrderChangeDetail } from './listitem';
+export declare class List {
+    private draggedItem;
+    private listItems;
+    private nextAutoItemIdSeq;
+    private radioName;
+    private timers;
+    el: HTMLElement;
+    private keyboardReorderItemId;
+    private reorderLiveMessage;
+    handleKeyboardReorderItemIdChange(): void;
+    items: ListItem[];
+    handleItemsChange(): void;
+    label?: string;
+    labelledBy?: string;
+    reorderable: boolean;
+    handleReorderableChange(): void;
+    selectable: boolean;
+    handleSelectableChange(): void;
+    itemSelect: EventEmitter<{
+        itemId?: string;
+    }>;
+    orderChange: EventEmitter<XplListOrderChangeDetail>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    handleChildItemSelect(event: CustomEvent<{
+        itemId?: string;
+    }>): void;
+    handleSlotChange(): void;
+    handleItemDragStart(event: CustomEvent<{
+        itemId?: string;
+        item: HTMLElement;
+    }>): void;
+    handleItemDragEnd(event: CustomEvent<{
+        itemId?: string;
+        item: HTMLElement;
+    }>): void;
+    handleItemDrop(event: CustomEvent<{
+        itemId?: string;
+        item: HTMLElement;
+    }>): void;
+    handleItemReorder(event: CustomEvent<XplListItemReorderDetail>): void;
+    clearSelection(): Promise<void>;
+    private syncSelectionFromChildDetail;
+    private performReorder;
+    private getOrderedItemIds;
+    private announceReorder;
+    private getDirectChildListItems;
+    private getVisibleListItemElements;
+    private isLegacyPropBasedRow;
+    private getNextVisibleListItemAfter;
+    private collectListItems;
+    private getItemRowId;
     render(): any;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplMainNav {
+export declare class MainNav {
     width: 'default' | 'md' | 'sm';
     navWidth: EventEmitter<string>;
     private navWidthHandler;

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

@@ -95,5 +95,9 @@ export declare const Modal: {
     };
     parameters: {
         layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplModal {
+export declare class Modal {
     isOpen: boolean;
     size: 'large' | 'medium' | 'small';
     variant: 'default' | 'warning';

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplNavItem {
+export declare class NavItem {
     navControl?: boolean;
     navOpen: EventEmitter<boolean>;
     private onNavToggle;

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

@@ -31,5 +31,9 @@ export declare const Pagination: {
         'web-component': {
             render: string;
         };
+        design: {
+            type: string;
+            url: string;
+        };
     };
 };

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplPagination {
+export declare class Pagination {
     totalPages: number;
     withPageControl: boolean;
     currentPage: number;

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

@@ -0,0 +1,22 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        accent: {
+            description: string;
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        padding: {
+            description: string;
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default _default;
+export declare const Panel: any;

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

@@ -0,0 +1,5 @@
+export declare class XplPanel {
+    accent: 'none' | 'primary' | 'secondary' | 'positive' | 'negative' | 'highlight';
+    padding: 'default' | 'tight' | 'loose';
+    render(): any;
+}

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type PopoverPosition = 'top-left' | 'middle-left' | 'bottom-left' | 'top-right' | 'middle-right' | 'bottom-right' | 'top-start' | 'top-middle' | 'top-end' | 'bottom-start' | 'bottom-middle' | 'bottom-end';
-export declare class XplPopover {
+export declare class Popover {
     el: HTMLElement;
     isOpen: boolean;
     disabled: boolean;

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

@@ -0,0 +1,73 @@
+declare const _default: {
+    title: string;
+    argTypes: {
+        label: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            description: string;
+        };
+        helperText: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            description: string;
+        };
+        max: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+        };
+    };
+};
+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;
+        };
+    };
+};

package/dist/types/components/xpl-progress-bar/xpl-progress-bar.d.ts

@@ -0,0 +1,15 @@
+export declare class ProgressBar {
+    helperText?: string;
+    label?: string;
+    max: number;
+    size: 'sm' | 'lg';
+    value: number;
+    variant: 'default' | 'success' | 'error' | 'indeterminate';
+    private get clampedValue();
+    private get isComplete();
+    private get isError();
+    private get isSuccess();
+    private get showStatusIcon();
+    private get isIndeterminate();
+    render(): any;
+}

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

@@ -0,0 +1,62 @@
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        steps: {
+            control: {
+                type: "object";
+            };
+        };
+        currentStep: {
+            control: {
+                type: "number";
+            };
+        };
+        layout: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        showNumbers: {
+            control: {
+                type: "boolean";
+            };
+        };
+        showLabels: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+    tags: string[];
+};
+export default _default;
+export declare const ProgressIndicator: {
+    ({ steps, currentStep, layout, showNumbers, showLabels, }: {
+        steps?: string[];
+        currentStep?: number;
+        layout?: string;
+        showNumbers?: boolean;
+        showLabels?: boolean;
+    }): string;
+    args: {
+        steps: string[];
+        currentStep: number;
+        layout: string;
+        showNumbers: boolean;
+        showLabels: boolean;
+    };
+    parameters: {
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

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

@@ -0,0 +1,11 @@
+export declare class ProgressIndicator {
+    currentStep: number;
+    layout: 'horizontal' | 'vertical';
+    showLabels: boolean;
+    showNumbers: boolean;
+    steps?: string[];
+    private validateCurrentStep;
+    private renderStepContent;
+    private renderStep;
+    render(): any;
+}

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplRadio {
+export declare class Radio {
     checked?: boolean;
     description?: string;
     disabled?: boolean;

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

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

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { DropdownItem } from '../xpl-dropdown/dropdown-option';
-export declare class XplSelect {
+export declare class Select {
     choices?: DropdownItem[];
     selectIcon?: string;
     description?: string;

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

@@ -0,0 +1,80 @@
+import type { StoryObj } from '@storybook/web-components-vite';
+export interface NavItem {
+    label: string;
+    icon?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    hidden?: boolean;
+    expanded?: boolean;
+    hasChildren?: boolean;
+    link?: boolean;
+    href?: string;
+    children?: NavItem[];
+}
+export interface NavDemoConfig {
+    navLabel: string;
+    items: NavItem[];
+    footerItems: NavItem[];
+}
+interface SideNavFullDemoArgs {
+    navConfig: NavDemoConfig;
+}
+declare const _default: {
+    title: string;
+    component: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const SideNavigation: {
+    ({ navConfig }: SideNavFullDemoArgs): string;
+    args: {
+        navConfig: {
+            navLabel: string;
+            items: NavItem[];
+            footerItems: NavItem[];
+        };
+    };
+    argTypes: {
+        navConfig: {
+            control: string;
+            description: string;
+        };
+    };
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+type SideNavItemStory = StoryObj<{
+    label: string;
+    icon: string;
+    selected: boolean;
+    disabled: boolean;
+    hidden: boolean;
+    expanded: boolean;
+    hasChildren: boolean;
+    link: boolean;
+    childLabel1: string;
+    childLabel2: string;
+}>;
+export declare const ItemPlayground: SideNavItemStory;
+type FooterStory = StoryObj<{
+    footerItems: NavItem[];
+}>;
+export declare const FooterSlot: FooterStory;

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

@@ -0,0 +1,20 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SideNavItem {
+    el: HTMLElement;
+    disabled: boolean;
+    expanded: boolean;
+    hasChildren: boolean;
+    hidden: boolean;
+    icon?: string;
+    label?: string;
+    link: boolean;
+    private syncLinkHasChildrenExclusivity;
+    selected: boolean;
+    expandedChange: EventEmitter<boolean>;
+    navClick: EventEmitter<void>;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    private enforceLinkExcludesHasChildren;
+    private handleClick;
+    render(): any;
+}

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

@@ -0,0 +1,4 @@
+export declare class SideNav {
+    label?: string;
+    render(): any;
+}

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

@@ -1,4 +1,4 @@
-export declare class XplSkeleton {
+export declare class Skeleton {
     classNames?: string;
     fullWidth?: boolean;
     height?: CSSStyleDeclaration['height'];

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplSlideout {
+export declare class Slideout {
     isOpen: boolean;
     backdrop: boolean;
     variant: 'default' | 'warning';