@xplortech/apollo-core 2.5.0 → 2.7.0

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

@@ -1,40 +1,93 @@
+import { type TabsStoryArgs, type TabsStoryRenderContext } from './tabs.shared';
 declare const _default: {
     title: string;
+    component: string;
     parameters: {
         actions: {
             handles: string[];
         };
+        docs: {
+            description: {
+                component: string;
+            };
+        };
     };
     argTypes: {
-        tabsLength: {
+        type: {
+            table: {
+                disable: true;
+            };
+            options: string[];
             control: {
-                type: "number";
+                type: "select";
+            };
+            description: string;
+        };
+        icon: {
+            table: {
+                disable: true;
+            };
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        iconPosition: {
+            table: {
+                disable: true;
+            };
+            options: string[];
+            control: {
+                type: "radio";
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
             };
+            description: string;
         };
         fullWidth: {
             control: {
                 type: "boolean";
             };
+            description: string;
+        };
+        value: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        tabCount: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+                step: number;
+            };
+            description: string;
+        };
+        tabDisabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
         };
     };
 };
 export default _default;
 export declare const Tabs: {
-    ({ tabsLength, fullWidth }: {
-        tabsLength: any;
-        fullWidth: any;
-    }): string;
-    args: {
-        tabsLength: number;
-        fullWidth: boolean;
-    };
+    (args: TabsStoryArgs, context?: TabsStoryRenderContext): string;
+    args: TabsStoryArgs;
     parameters: {
         layout: string;
         'web-component': {
-            render: string[];
+            render: string;
         };
         html: {
-            render: string[];
+            render: string;
         };
         design: {
             type: string;

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

@@ -1,28 +1,47 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplTabs {
-    value: string;
-    fullWidth: boolean;
-    tabChange: EventEmitter<string>;
-    el: HTMLElement;
-    selectedValue: any;
-    activeBarPosition: {
-        left: number;
-        width: number;
-    };
-    isMobileSelectChange: boolean;
-    onWindowResize(): void;
+export declare class Tabs {
     private headingsContainerRef;
+    private observer;
+    private rafId;
     private tabHeadings;
     private tabPanels;
-    private observer;
-    private handleTabChange;
-    private getDefaultValue;
-    private updateActiveBarPosition;
-    private updateTabsSelectedState;
-    private collectTabs;
-    private renderChoices;
+    private tablistKeydownBound;
+    el: HTMLElement;
+    private activeBarPosition;
+    private choicesTick;
+    private isMobileSelectChange;
+    private selectedValue;
+    disabled: boolean;
+    onDisabledChanged(): void;
+    fullWidth: boolean;
+    onFullWidthChanged(): void;
+    type: 'tabs' | 'segment';
+    onTypeChanged(): void;
+    value: string;
+    onValueChanged(newValue: string): void;
+    tabChange: EventEmitter<string>;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    componentDidUpdate(): void;
+    componentDidRender(): void;
+    onWindowResize(): void;
+    private syncGroupDisabledOnTabs;
+    private applySelection;
+    private isOwnedTabOrPanel;
+    private collectTabs;
+    private syncVariantOnTabs;
+    private syncFullWidthOnTabs;
+    private getDefaultValue;
+    private handleTabChange;
+    private syncRovingTabindex;
+    private getEnabledTabHeadingsSync;
+    private attachTablistKeydown;
+    private isTablistRtl;
+    private onTablistKeydown;
+    private renderChoices;
+    private updateActiveBarPosition;
+    private mobileSelectClassNames;
     render(): any;
 }

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

@@ -0,0 +1,65 @@
+interface TagStoryArgs {
+    disabled: boolean;
+    dismissible: boolean;
+    isDraggable: boolean;
+    size: 'default' | 'sm';
+    slot: string;
+    tagId: string;
+}
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        disabled: {
+            control: "boolean";
+        };
+        dismissible: {
+            control: "boolean";
+        };
+        isDraggable: {
+            control: "boolean";
+        };
+        slot: {
+            control: "text";
+        };
+        tagId: {
+            control: "text";
+        };
+    };
+};
+export default _default;
+export declare const Tag: {
+    (args: TagStoryArgs): string;
+    args: {
+        disabled: false;
+        dismissible: true;
+        isDraggable: false;
+        size: "default";
+        slot: string;
+        tagId: string;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+};

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

@@ -1,5 +1,40 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export declare class XplTag {
-    close: EventEmitter;
+export interface TagDragStartDetail {
+    tagId?: string;
+    content: string;
+    originalEvent: DragEvent;
+}
+export interface TagDragEndDetail {
+    tagId?: string;
+    dropped: boolean;
+    originalEvent: DragEvent;
+}
+export declare class Tag {
+    el: HTMLElement;
+    private dismissAriaLabelSuffix;
+    private isDragging;
+    disabled: boolean;
+    onDisabledChange(newValue: boolean): void;
+    dismissible: boolean;
+    isDraggable: boolean;
+    onIsDraggableChange(newValue: boolean): void;
+    size: 'default' | 'sm';
+    tagId?: string;
+    close: EventEmitter<void>;
+    tagDragEnd: EventEmitter<TagDragEndDetail>;
+    tagDragStart: EventEmitter<TagDragStartDetail>;
+    tagRemove: EventEmitter<void>;
+    componentDidRender(): void;
+    private getContentLabelText;
+    private syncDismissAriaLabelSuffix;
+    private handleTagClick;
+    private setDragPreviewToHost;
+    private handleContentKeyDown;
+    private handleDismissClick;
+    private handleDragStart;
+    private handleDragEnd;
+    private handleDragOver;
+    private handleDragEnter;
+    private handleHostDragStart;
     render(): any;
 }

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

@@ -1,4 +1,4 @@
-export declare class XplToast {
+export declare class Toast {
     el: HTMLXplToastElement;
     variant: 'neutral' | 'warning' | 'success';
     showIcon?: boolean;

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

@@ -1,4 +1,4 @@
-export declare class XplToggle {
+export declare class Toggle {
     checked?: boolean;
     description?: string;
     disabled?: boolean;

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

@@ -1,4 +1,4 @@
-export declare class XplToolbar {
+export declare class Toolbar {
     el: HTMLXplToolbarElement;
     selectedItemCount: number;
     componentDidLoad(): void;

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

@@ -1,4 +1,4 @@
-export declare class XplTooltip {
+export declare class Tooltip {
     text: string;
     position: 'top-middle' | 'right' | 'bottom-middle' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     hideArrow: boolean;