@xplortech/apollo-core 2.6.0 → 2.7.0

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

@@ -1,40 +1,307 @@
 declare const _default: {
     title: string;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+    };
     argTypes: {
+        type: {
+            name: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                category: string;
+            };
+        };
         avatar: {
             options: string[];
             control: {
                 type: "select";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         avatars: {
-            type: {
-                name: "boolean";
+            control: {
+                type: "boolean";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
             };
         };
         badges: {
-            type: {
-                name: "boolean";
+            control: {
+                type: "boolean";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
             };
         };
         link: {
-            type: {
-                name: "boolean";
+            control: {
+                type: "boolean";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
             };
         };
         metadata: {
-            type: {
-                name: "boolean";
+            control: {
+                type: "boolean";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
             };
         };
         title: {
-            type: {
-                name: "string";
+            control: {
+                type: "text";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
             };
         };
         subtext: {
-            type: {
-                name: "string";
+            control: {
+                type: "text";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        listLabel: {
+            control: "text";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        listLabelledBy: {
+            name: string;
+            control: "text";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showSelectable: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showReorderable: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showAsLink: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showTitle: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        slotTitle: {
+            control: "text";
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showDivider: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        titleBadgeVariant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showMetadata: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showAvatar: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        slotAvatar: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showDetails: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        slotDetails: {
+            control: "text";
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showBadges: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showActions: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showExtras: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        showError: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        errorBorderOnly: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
             };
         };
     };
@@ -43,6 +310,7 @@ export default _default;
 export declare const List: {
     (props: any): string;
     args: {
+        type: string;
         avatar: string;
         avatars: boolean;
         badges: boolean;
@@ -50,6 +318,24 @@ export declare const List: {
         metadata: boolean;
         title: string;
         subtext: string;
+        listLabel: string;
+        listLabelledBy: string;
+        showAvatar: boolean;
+        showTitle: boolean;
+        showDivider: boolean;
+        titleBadgeVariant: string;
+        showMetadata: boolean;
+        showDetails: boolean;
+        showBadges: boolean;
+        showActions: boolean;
+        showExtras: boolean;
+        showError: boolean;
+        errorBorderOnly: boolean;
+        showSelectable: boolean;
+        showReorderable: boolean;
+        showAsLink: boolean;
+        slotTitle: string;
+        slotDetails: string;
     };
     parameters: {
         layout: string;
@@ -57,7 +343,7 @@ export declare const List: {
             render: string[];
         };
         html: {
-            render: void;
+            render: string;
         };
         design: {
             type: string;

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

@@ -1,4 +1,17 @@
+export interface XplListOrderChangeDetail {
+    itemId?: string;
+    direction: 'up' | 'down';
+    orderedItemIds: string[];
+}
+export interface XplListItemReorderDetail {
+    itemId?: string;
+    item?: HTMLElement;
+    direction?: 'up' | 'down';
+    keyboardMode?: boolean;
+    exitKeyboardMode?: boolean;
+}
 export interface ListItem {
+    id?: string;
     avatar?: string;
     avatars?: string[];
     badges?: string[] | {

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';
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { ListItem, XplListItemReorderDetail, XplListOrderChangeDetail } from './listitem';
 export declare class List {
-    items?: ListItem[];
+    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-panel/panel.stories.d.ts

@@ -3,12 +3,14 @@ declare const _default: {
     component: string;
     argTypes: {
         accent: {
+            description: string;
             options: string[];
             control: {
                 type: "select";
             };
         };
         padding: {
+            description: string;
             options: string[];
             control: {
                 type: "select";

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