@xplortech/apollo-core 2.6.0 → 2.7.0

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

@@ -0,0 +1,197 @@
+interface SpotlightStoryArgs {
+    showActions: boolean;
+    actionLayout: 'default' | 'dual' | 'single';
+    anchorPosition: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    body: string;
+    currentStep: number;
+    heading: string;
+    isDismissible: boolean;
+    isOpen: boolean;
+    primaryActionLabel: string;
+    secondaryActionLabel: string;
+    showImage: boolean;
+    showSteps: boolean;
+    target: string;
+    totalSteps: number;
+}
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        showActions: {
+            control: "boolean";
+            description: string;
+        };
+        actionLayout: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+            if: {
+                arg: string;
+            };
+        };
+        anchorPosition: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+            description: string;
+        };
+        body: {
+            control: "text";
+            description: string;
+        };
+        currentStep: {
+            control: {
+                type: "number";
+                min: number;
+            };
+            description: string;
+        };
+        heading: {
+            control: "text";
+            description: string;
+        };
+        isDismissible: {
+            control: "boolean";
+            description: string;
+        };
+        isOpen: {
+            control: "boolean";
+            description: string;
+        };
+        primaryActionLabel: {
+            control: "text";
+            description: string;
+        };
+        secondaryActionLabel: {
+            control: "text";
+            description: string;
+        };
+        showImage: {
+            control: "boolean";
+            description: string;
+        };
+        showSteps: {
+            control: "boolean";
+            description: string;
+        };
+        target: {
+            control: "text";
+            description: string;
+        };
+        totalSteps: {
+            control: {
+                type: "number";
+                min: number;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Spotlight: {
+    ({ actionLayout, anchorPosition, body, currentStep, heading, isDismissible, isOpen, primaryActionLabel, secondaryActionLabel, showActions, showImage, showSteps, target, totalSteps, }: SpotlightStoryArgs): string;
+    args: {
+        showActions: true;
+        actionLayout: "default";
+        anchorPosition: "top-left";
+        body: string;
+        currentStep: number;
+        heading: string;
+        isDismissible: true;
+        isOpen: true;
+        primaryActionLabel: string;
+        secondaryActionLabel: string;
+        showImage: true;
+        showSteps: true;
+        target: string;
+        totalSteps: number;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+export declare const WithMediaSlot: {
+    ({ showActions, actionLayout, anchorPosition, body, currentStep, heading, isDismissible, isOpen, primaryActionLabel, secondaryActionLabel, showImage, showSteps, target, totalSteps, }: SpotlightStoryArgs): string;
+    args: {
+        showActions: true;
+        actionLayout: "default";
+        anchorPosition: "top-left";
+        body: string;
+        currentStep: number;
+        heading: string;
+        isDismissible: true;
+        isOpen: true;
+        primaryActionLabel: string;
+        secondaryActionLabel: string;
+        showImage: true;
+        showSteps: true;
+        target: string;
+        totalSteps: number;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+export declare const TargetClickToggle: {
+    ({ actionLayout, anchorPosition, body, currentStep, heading, isDismissible, isOpen, primaryActionLabel, secondaryActionLabel, showActions, showImage, showSteps, totalSteps, }: SpotlightStoryArgs): string;
+    args: {
+        showActions: true;
+        actionLayout: "single";
+        anchorPosition: "bottom-right";
+        body: string;
+        currentStep: number;
+        heading: string;
+        isDismissible: true;
+        isOpen: false;
+        primaryActionLabel: string;
+        secondaryActionLabel: string;
+        showImage: false;
+        showSteps: false;
+        target: string;
+        totalSteps: number;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

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

@@ -0,0 +1,101 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type SpotlightAnchorPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type SpotlightActionLayout = 'default' | 'dual' | 'single';
+export declare class Spotlight {
+    private cleanupAutoUpdate;
+    private enterVisibleFrameId;
+    private focusAbort;
+    private focusFrameId;
+    private hasCompletedInitialLoad;
+    private readonly headingId;
+    private pendingEnterTransitionAfterAnchor;
+    private pendingEnterVisible;
+    private positioningGeneration;
+    private previousFocus;
+    private referenceEl;
+    private shouldMoveFocusOnRender;
+    private shouldReinitializeAfterReconnect;
+    private slotContentObserver;
+    el: HTMLXplSpotlightElement;
+    private hasBodySlotContent;
+    private hasFloatingPosition;
+    private hasImageSlotContent;
+    private hasTitleSlotContent;
+    private isVisible;
+    private resolvedAnchorPosition;
+    actionLayout: SpotlightActionLayout;
+    anchorPosition: SpotlightAnchorPosition;
+    onAnchorPositionChange(): void;
+    body?: string;
+    currentStep: number;
+    heading?: string;
+    isDismissible: boolean;
+    isOpen: boolean;
+    onIsOpenChange(isOpen: boolean): void;
+    primaryActionLabel: string;
+    secondaryActionLabel: string;
+    showActions: boolean;
+    showImage: boolean;
+    showSteps: boolean;
+    target?: string;
+    onTargetChange(): void;
+    totalSteps: number;
+    dismiss: EventEmitter<void>;
+    primaryAction: EventEmitter<void>;
+    secondaryAction: EventEmitter<void>;
+    targetClick: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    private emitDismiss;
+    private handleDismissClick;
+    private handlePrimaryClick;
+    private handleSecondaryClick;
+    private handleTargetClick;
+    private get effectiveTotalSteps();
+    private get effectiveCurrentStep();
+    private get isDismissibleEnabled();
+    private get isOpenEnabled();
+    private get isSingleActionLayout();
+    private get usesHiddenEdgeActions();
+    private get isPrimaryStepActionDisabled();
+    private get isSecondaryStepActionDisabled();
+    private get shouldShowPrimaryAction();
+    private get shouldShowSecondaryAction();
+    private get hasRenderableFocusChrome();
+    private get showActionsEnabled();
+    private get showImageEnabled();
+    private get showStepsEnabled();
+    private get headingPropHasText();
+    private get bodyPropHasText();
+    private focusInitial;
+    private shouldHandleDismissKeyboardEvent;
+    private restoreFocus;
+    private cancelPendingFocusWait;
+    private cancelEnterTransition;
+    private scheduleEnterTransition;
+    private getFirstTitleSlottedElement;
+    private syncTitleSlotIds;
+    private getDialogLabelId;
+    private handleBodySlotChange;
+    private handleTitleSlotChange;
+    private refreshBodySlotState;
+    private refreshTitleSlotState;
+    private handleImageSlotChange;
+    private handleSlotContentMutation;
+    private static coerceBoolean;
+    private refreshImageSlotState;
+    private startSlotContentObserver;
+    private stopSlotContentObserver;
+    private hasSlottedContent;
+    private startPositioning;
+    private detachFloatingUiListeners;
+    private resetFloatingHostPosition;
+    private clearFloatingHostCoordinates;
+    private stopPositioning;
+    private updatePosition;
+    render(): any;
+}

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

@@ -1,8 +1,21 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Tab {
-    target: string;
+    el: HTMLElement;
+    disabled: boolean;
+    fullWidth: boolean;
+    groupDisabled: boolean;
+    icon?: string;
+    iconPosition: 'start' | 'end';
     selected: boolean;
+    target: string;
+    variant: 'tabs' | 'segment';
     tabChange: EventEmitter<string>;
+    getFocusableElement(): Promise<HTMLButtonElement | null>;
+    setTabIndex(value: number): Promise<void>;
+    focusTrigger(): Promise<void>;
+    private get a11yIds();
+    private get effectivelyDisabled();
+    private get isSegment();
     private handleTabClick;
     render(): any;
 }

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

@@ -1,5 +1,6 @@
 export declare class TabPanel {
-    target: string;
+    el: HTMLElement;
     selected: boolean;
+    target: string;
     render(): any;
 }

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

@@ -1,76 +1,218 @@
 declare const _default: {
     title: string;
+    parameters: {
+        controls: {
+            sort: string;
+        };
+        actions: {
+            handles: string[];
+        };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
     argTypes: {
+        type: {
+            name: string;
+            control: {
+                type: "select";
+            };
+            options: string[];
+            table: {
+                category: string;
+            };
+        };
         freeze: {
             control: {
                 type: "boolean";
             };
+            table: {
+                category: string;
+            };
         };
-        multiselect: {
+        striped: {
             control: {
                 type: "boolean";
             };
+            table: {
+                category: string;
+            };
         };
-        striped: {
+        multiselect: {
             control: {
                 type: "boolean";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         columns: {
             control: {
                 type: "object";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         data: {
             control: {
                 type: "object";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         footer: {
             control: {
                 type: "object";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         isSortable: {
             control: {
                 type: "boolean";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
         };
         sortableColumns: {
             control: {
                 type: "object";
             };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            table: {
+                category: string;
+            };
+        };
+        selectedValues: {
+            control: {
+                type: "object";
+            };
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
         };
-    };
-    parameters: {
-        actions: {
-            handles: string[];
+        tableLabel: {
+            control: "text";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showSelectable: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showRowReorderable: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showToolbar: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        sortableNameColumn: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        showRichCells: {
+            control: "boolean";
+            if: {
+                arg: string;
+                eq: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
         };
     };
 };
 export default _default;
 export declare const Table: {
-    ({ columns, data, footer, freeze, multiselect, selectedValues, striped, isSortable, sortableColumns, }: {
-        columns: any;
-        data: any;
-        footer: any;
-        freeze: any;
-        multiselect: any;
-        selectedValues: any;
-        striped: any;
-        isSortable: any;
-        sortableColumns: any;
-    }): string;
+    (props: Record<string, unknown>): string;
     args: {
+        type: string;
         freeze: boolean;
-        multiselect: boolean;
         striped: boolean;
+        multiselect: boolean;
         columns: string[];
         data: string[][];
         footer: string[][];
         selectedValues: string[];
         isSortable: boolean;
         sortableColumns: boolean[];
+        tableLabel: string;
+        showSelectable: boolean;
+        showRowReorderable: boolean;
+        showToolbar: boolean;
+        sortableNameColumn: boolean;
+        showRichCells: boolean;
     };
     parameters: {
         layout: string;
@@ -78,7 +220,7 @@ export declare const Table: {
             render: string[];
         };
         html: {
-            render: string[];
+            render: string;
         };
         design: {
             type: string;

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

@@ -0,0 +1,3 @@
+export declare function getNearestTableBodyRowFromNode(node: Node | null): HTMLXplTableRowElement | null;
+export declare function getNextVisibleTableBodyRowAfter(element: Element): HTMLElement | null;
+export declare function moveRowInTableBody(body: HTMLElement, draggedRow: HTMLElement, dropTargetRow: HTMLElement): void;

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

@@ -0,0 +1,8 @@
+export declare const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = "xplTableColumnWidthsChange";
+export declare const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
+export declare const getGridColumnWidthFromHeaderCell: (cell: Element) => string;
+export declare const SELECTION_MARK = "data-xpl-selection-managed";
+export declare const ROW_REORDER_MARK = "data-xpl-row-reorder-managed";
+export declare const getSortAffordanceIconName: (sortDirection: "asc" | "desc" | null | undefined) => "arrow-down" | "arrow-up";
+export declare const cycleSortDirection: (current: "asc" | "desc" | null | undefined) => "asc" | "desc" | null;
+export declare const getIconType: (sortType: string | null) => string;

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-cell/xpl-table-cell.d.ts

@@ -0,0 +1,11 @@
+export declare class XplTableCell {
+    el: HTMLElement;
+    align: 'left' | 'right' | 'center';
+    bold: boolean;
+    disabled: boolean;
+    onDisabledChange(): void;
+    underline: boolean;
+    componentDidLoad(): void;
+    private propagateDisabledToSlotted;
+    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: 'left' | 'right' | 'center';
+    render(): any;
+}

package/dist/types/components/{xpl-table-header → xpl-table/xpl-table-header}/table-header.stories.d.ts

@@ -1,6 +1,13 @@
 declare const _default: {
     title: string;
     component: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
     argTypes: {
         firstCellType: {
             control: "select";
@@ -16,9 +23,6 @@ declare const _default: {
         firstCellWidth: {
             control: "number";
         };
-        firstCellSortable: {
-            control: "boolean";
-        };
         secondCellType: {
             control: "select";
             options: string[];
@@ -33,9 +37,6 @@ declare const _default: {
         secondCellWidth: {
             control: "number";
         };
-        secondCellSortable: {
-            control: "boolean";
-        };
         thirdCellType: {
             control: "select";
             options: string[];
@@ -50,49 +51,45 @@ declare const _default: {
         thirdCellWidth: {
             control: "number";
         };
-        thirdCellSortable: {
-            control: "boolean";
-        };
     };
     tags: string[];
 };
 export default _default;
 export declare const TableHeader: {
-    ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, firstCellSortable, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, secondCellSortable, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, thirdCellSortable, }: {
+    ({ firstCellType, firstCellLabel, firstCellIcon, firstCellWidth, secondCellType, secondCellLabel, secondCellIcon, secondCellWidth, thirdCellType, thirdCellLabel, thirdCellIcon, thirdCellWidth, }: {
         firstCellType: any;
         firstCellLabel: any;
         firstCellIcon: any;
         firstCellWidth: any;
-        firstCellSortable: any;
         secondCellType: any;
         secondCellLabel: any;
         secondCellIcon: any;
         secondCellWidth: any;
-        secondCellSortable: any;
         thirdCellType: any;
         thirdCellLabel: any;
         thirdCellIcon: any;
         thirdCellWidth: any;
-        thirdCellSortable: any;
     }): string;
     args: {
         firstCellType: string;
         firstCellLabel: string;
         firstCellIcon: string;
         firstCellWidth: number;
-        firstCellSortable: boolean;
         secondCellType: string;
         secondCellLabel: string;
         secondCellIcon: string;
         secondCellWidth: number;
-        secondCellSortable: boolean;
         thirdCellType: string;
         thirdCellLabel: string;
         thirdCellIcon: string;
         thirdCellWidth: number;
-        thirdCellSortable: boolean;
     };
     parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
         'web-component': {
             render: string;
         };