@xplortech/apollo-core 2.11.0 → 2.12.0

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

@@ -1,4 +1,26 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface GridArgs {
+    unit1Lg: number;
+    unit1Md: number;
+    unit1Sm: number;
+    unit1Xs: number;
+    unit2Lg: number;
+    unit2Md: number;
+    unit2Sm: number;
+    unit2Xs: number;
+    unit3Lg: number;
+    unit3Md: number;
+    unit3Sm: number;
+    unit3Xs: number;
+    unit4Lg: number;
+    unit4Md: number;
+    unit4Sm: number;
+    unit4Xs: number;
+}
 declare const _default: {
+    tags: string[];
+    beforeEach(): void;
+    play({ canvasElement }: import("storybook/internal/csf").PlayFunctionContext<import("@storybook/web-components").WebComponentsRenderer, GridArgs>): Promise<void>;
     title: string;
     argTypes: {
         unit1Lg: {
@@ -84,50 +106,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Grid: {
-    ({ unit1Lg, unit1Md, unit1Sm, unit1Xs, unit2Lg, unit2Md, unit2Sm, unit2Xs, unit3Lg, unit3Md, unit3Sm, unit3Xs, unit4Lg, unit4Md, unit4Sm, unit4Xs, }: {
-        unit1Lg: any;
-        unit1Md: any;
-        unit1Sm: any;
-        unit1Xs: any;
-        unit2Lg: any;
-        unit2Md: any;
-        unit2Sm: any;
-        unit2Xs: any;
-        unit3Lg: any;
-        unit3Md: any;
-        unit3Sm: any;
-        unit3Xs: any;
-        unit4Lg: any;
-        unit4Md: any;
-        unit4Sm: any;
-        unit4Xs: any;
-    }): string;
-    args: {
-        unit1Lg: number;
-        unit1Md: number;
-        unit1Sm: number;
-        unit1Xs: number;
-        unit2Lg: number;
-        unit2Md: number;
-        unit2Sm: number;
-        unit2Xs: number;
-        unit3Lg: number;
-        unit3Md: number;
-        unit3Sm: number;
-        unit3Xs: number;
-        unit4Lg: number;
-        unit4Md: number;
-        unit4Sm: number;
-        unit4Xs: number;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render(): void;
-        };
-    };
-};
+export declare const Grid: StoryFunction<GridArgs>;

package/dist/types/components/xpl-header-accordion/header-accordion.stories.d.ts

@@ -1,3 +1,9 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface HeaderAccordionArgs {
+    title: string;
+    expanded: boolean;
+    disabled: boolean;
+}
 declare const _default: {
     title: string;
     component: string;
@@ -20,29 +26,7 @@ declare const _default: {
         };
     };
     tags: string[];
+    beforeEach(): void;
 };
 export default _default;
-export declare const HeaderAccordion: {
-    ({ title, expanded, disabled }: {
-        title: any;
-        expanded: any;
-        disabled: any;
-    }): string;
-    args: {
-        title: string;
-        expanded: boolean;
-        disabled: boolean;
-    };
-    parameters: {
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const HeaderAccordion: StoryFunction<HeaderAccordionArgs>;

package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts

@@ -9,12 +9,10 @@ export declare class HeaderAccordion {
     parentChecked: boolean;
     parentIndeterminate: boolean;
     private toggleAccordion;
-    private applyBorderRadiusToLastRow;
     private handleParentCheckboxChange;
     watchSelectedCount(selectedCount: number, _previousCount: number): void;
     private updateParentCheckbox;
     handleChildCheckboxChange(): void;
     componentDidLoad(): void;
-    componentWillRender(): void;
     render(): any;
 }

package/dist/types/components/xpl-icon/icons.stories.d.ts

@@ -1,54 +1,31 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+import { type IconName } from '@xplortech/apollo-icons';
+interface IconsGalleryArgs {
+    size: number;
+    color: string;
+}
+interface IconStoryArgs extends IconsGalleryArgs {
+    icon: IconName;
+    backgroundColor: string;
+}
 declare const _default: {
     title: string;
     argTypes: {
         size: {
             control: {
-                type: string;
+                type: "number";
                 max: number;
             };
         };
         color: {
             type: {
-                name: string;
-                required: boolean;
+                name: "string";
+                required: true;
             };
         };
     };
 };
 export default _default;
-export declare const Icons: {
-    ({ size, color }: {
-        size: any;
-        color: any;
-    }): string;
-    args: {
-        size: number;
-        color: string;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-    };
-};
-export declare const Icon: {
-    ({ size, color, icon, backgroundColor }: {
-        size: any;
-        color: any;
-        icon: any;
-        backgroundColor: any;
-    }): string;
-    args: {
-        size: number;
-        color: string;
-        icon: string;
-        backgroundColor: string;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-    };
-};
+export declare const Icons: StoryFunction<IconsGalleryArgs>;
+export declare const Icon: StoryFunction<IconStoryArgs>;
+export declare const AccentBackgrounds: StoryFunction;

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

@@ -1,5 +1,7 @@
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     parameters: {
         actions: {
             handles: string[];
@@ -43,19 +45,20 @@ declare const _default: {
     };
 };
 export default _default;
+declare const inputArgs: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    pre: string;
+    post: string;
+    type: string;
+    defaultCountry: string;
+    isInternational: boolean;
+};
 export declare const Input: {
-    ({ label, description, disabled, error, errorMessage, pre, post, type, defaultCountry, isInternational, }: {
-        label: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        pre: any;
-        post: any;
-        type: any;
-        defaultCountry: any;
-        isInternational: any;
-    }): string;
+    ({ label, description, disabled, error, errorMessage, pre, post, type, defaultCountry, isInternational, }: typeof inputArgs): string;
     args: {
         label: string;
         description: string;
@@ -104,15 +107,16 @@ export declare const Input: {
         };
     };
 };
+declare const multilineArgs: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    maxCharacterCount: number;
+};
 export declare const Multiline: {
-    ({ label, description, disabled, error, errorMessage, maxCharacterCount, }: {
-        label: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        maxCharacterCount: any;
-    }): string;
+    ({ label, description, disabled, error, errorMessage, maxCharacterCount, }: typeof multilineArgs): string;
     args: {
         label: string;
         description: string;
@@ -131,20 +135,21 @@ export declare const Multiline: {
         };
     };
 };
+declare const datepickerArgs: {
+    mode: string;
+    label: string;
+    dateFormat: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    min: string;
+    max: string;
+    required: boolean;
+    type: string;
+};
 export declare const Datepicker: {
-    ({ label, dateFormat, description, disabled, error, errorMessage, min, mode, max, required, type, }: {
-        label: any;
-        dateFormat: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        min: any;
-        mode: any;
-        max: any;
-        required: any;
-        type: any;
-    }): string;
+    ({ label, dateFormat, description, disabled, error, errorMessage, min, mode, max, required, type, }: typeof datepickerArgs): string;
     argTypes: {
         mode: {
             options: string[];
@@ -182,23 +187,24 @@ export declare const Datepicker: {
         };
     };
 };
+declare const timepickerArgs: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    required: boolean;
+    readonly: boolean;
+    value: string;
+    step: number;
+    timeFormat: string;
+    allowCustomOption: boolean;
+    min: string;
+    max: string;
+    type: string;
+};
 export declare const Timepicker: {
-    ({ label, description, disabled, error, errorMessage, required, readonly, value, step, timeFormat, allowCustomOption, min, max, type, }: {
-        label: any;
-        description: any;
-        disabled: any;
-        error: any;
-        errorMessage: any;
-        required: any;
-        readonly: any;
-        value: any;
-        step: any;
-        timeFormat: any;
-        allowCustomOption: any;
-        min: any;
-        max: any;
-        type: any;
-    }): string;
+    ({ label, description, disabled, error, errorMessage, required, readonly, value, step, timeFormat, allowCustomOption, min, max, type, }: typeof timepickerArgs): string;
     args: {
         label: string;
         description: string;
@@ -233,8 +239,203 @@ export declare const Timepicker: {
         };
     };
 };
-export declare const Password: any;
-export declare const File: any;
-export declare const Color: any;
-export declare const Phone: any;
-export declare const Search: any;
+declare const passwordArgs: {
+    label: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    pre: string;
+    post: string;
+};
+export declare const Password: {
+    ({ label, description, disabled, error, errorMessage, pre, post, }: typeof passwordArgs): string;
+    args: {
+        label: string;
+        description: string;
+        disabled: boolean;
+        error: boolean;
+        errorMessage: string;
+        pre: string;
+        post: string;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+declare const fileArgs: {
+    accept: string;
+    multiple: boolean;
+    hideTriggerOnSelect: boolean;
+    hideFileNames: boolean;
+    hideAcceptText: boolean;
+    label: string;
+    triggerContent: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    type: string;
+};
+export declare const File: {
+    ({ accept, multiple, hideTriggerOnSelect, hideFileNames, hideAcceptText, label, triggerContent, description, disabled, error, errorMessage, }: typeof fileArgs): string;
+    args: {
+        accept: string;
+        multiple: boolean;
+        hideTriggerOnSelect: boolean;
+        hideFileNames: boolean;
+        hideAcceptText: boolean;
+        label: string;
+        triggerContent: string;
+        description: string;
+        disabled: boolean;
+        error: boolean;
+        errorMessage: string;
+        type: string;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+declare const colorArgs: {
+    label: string;
+    placeholder: string;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+    requiredErrorMessage: string;
+    hideEyeDropper: boolean;
+};
+export declare const Color: {
+    ({ value, label, placeholder, disabled, required, requiredErrorMessage, hideEyeDropper, }: typeof colorArgs): string;
+    args: {
+        label: string;
+        placeholder: string;
+        value: string;
+        disabled: boolean;
+        required: boolean;
+        requiredErrorMessage: string;
+        hideEyeDropper: boolean;
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+declare const phoneArgs: {
+    defaultCountry: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    isInternational: boolean;
+    label: string;
+    placeholder: string;
+    value: string;
+};
+export declare const Phone: {
+    ({ label, description, placeholder, disabled, defaultCountry, isInternational, value, }: typeof phoneArgs): string;
+    args: {
+        defaultCountry: string;
+        description: string;
+        disabled: boolean;
+        error: boolean;
+        errorMessage: string;
+        isInternational: boolean;
+        label: string;
+        placeholder: string;
+        value: string;
+    };
+    argTypes: {
+        isInternational: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        layout: string;
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};
+declare const searchArgs: {
+    ariaLabel: string;
+    autocomplete: string;
+    description: string;
+    disabled: boolean;
+    error: boolean;
+    errorMessage: string;
+    label: string;
+    readonly: boolean;
+    name: string;
+    placeholder: string;
+    shape: string;
+    value: string;
+};
+export declare const Search: {
+    ({ label, description, disabled, error, readonly, errorMessage, placeholder, value, name, shape, autocomplete, ariaLabel, }: typeof searchArgs): string;
+    args: {
+        ariaLabel: string;
+        autocomplete: string;
+        description: string;
+        disabled: boolean;
+        error: boolean;
+        errorMessage: string;
+        label: string;
+        readonly: boolean;
+        name: string;
+        placeholder: string;
+        shape: string;
+        value: string;
+    };
+    argTypes: {
+        ariaLabel: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        shape: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+    parameters: {
+        layout: string;
+        design: {
+            type: string;
+            url: string;
+        };
+        'web-component': {
+            render: string;
+        };
+        html: {
+            render: string;
+        };
+    };
+};

package/dist/types/components/xpl-input/xpl-input-date/xpl-input-date.d.ts

@@ -26,7 +26,7 @@ export declare class InputDate {
     private valueChanged;
     onHasErrorStateChanged(newValue: string | null): void;
     onValueChanged(newValue: string | string[]): void;
-    private input;
+    private input?;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentDidRender(): void;

package/dist/types/components/xpl-input/xpl-input-file/xpl-input-file.d.ts

@@ -16,7 +16,7 @@ export declare class InputFile {
     files: File[] | null;
     onFilesChange(newFiles: File[] | null): void;
     removeFileByIndex(fileIndex: number): Promise<void>;
-    private fileInput;
+    private fileInput?;
     private openFileDialog;
     private handleFileChange;
     private onRemoveFileByIndex;

package/dist/types/components/xpl-input/xpl-input-phone/xpl-input-phone.d.ts

@@ -1,8 +1,8 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { type PhoneCountry } from './phone-country-data';
 export declare class InputPhone {
-    private dropdownRef;
-    private inputEl;
+    private dropdownRef?;
+    private inputEl?;
     private lastCursorRef;
     private lastFormattedRef;
     el: HTMLElement;

package/dist/types/components/xpl-input/xpl-input-time/time-utils.d.ts

@@ -1,4 +1,4 @@
-import { DropdownItem } from '../../../components';
+import type { DropdownItem } from '../../xpl-dropdown/dropdown-option';
 export declare function format12Hour(time: string): string[];
 export declare function format12HourToString(time: string): string;
 export declare function normalizeTime(input: string): string;

package/dist/types/components/xpl-input/xpl-input-time/xpl-input-time.d.ts

@@ -22,7 +22,7 @@ export declare class InputTime {
     options: DropdownItem[];
     amPm?: string;
     onValueChange(newValue: string): void;
-    private dropdown;
+    private dropdown?;
     private updateState;
     private formatDisplayedTime;
     private formatDisplayedAmPm;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Input {
-    private input;
+    private input?;
+    private preSlotSyncTimeoutId?;
     private preSlotObserver?;
     private searchInputRef?;
     el: HTMLElement;
@@ -51,13 +52,17 @@ export declare class Input {
     private handleBlur;
     private handleFocus;
     private handleInput;
-    private hasDirectPreSlotChild;
-    private syncPreSlotContent;
-    private updateCharacterCount;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
     setFocus(): Promise<void>;
+    private connectPreSlotObserver;
+    private disconnectPreSlotObserver;
+    private schedulePreSlotSync;
+    private syncPreSlotContent;
+    private updateCharacterCount;
     private handleSearchBlurForward;
     private handleSearchCommit;
     private handleSearchFocusForward;

package/dist/types/components/xpl-large-card/large-card.stories.d.ts

@@ -1,5 +1,16 @@
+import type { StoryFunction } from "../../../../.storybook/utils/story-function";
+interface LargeCardArgs {
+    contentType: 'props' | 'slots';
+    name: string;
+    description: string;
+    link: boolean;
+    title: string;
+    graphContent: string;
+}
 declare const _default: {
     title: string;
+    tags: string[];
+    beforeEach(): void;
     argTypes: {
         contentType: {
             control: "radio";
@@ -43,33 +54,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const LargeCard: {
-    ({ name, description, link, title, graphContent }: {
-        name: any;
-        description: any;
-        link: any;
-        title: any;
-        graphContent: any;
-    }): string;
-    args: {
-        contentType: string;
-        name: string;
-        description: string;
-        link: boolean;
-        title: string;
-        graphContent: string;
-    };
-    parameters: {
-        layout: string;
-        'web-component': {
-            render: string;
-        };
-        html: {
-            render: string;
-        };
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
+export declare const LargeCard: StoryFunction<LargeCardArgs>;

package/dist/types/components/xpl-large-card/xpl-large-card.d.ts

@@ -1,8 +1,20 @@
 export declare class LargeCard {
+    private graphContentSlotSyncTimeoutId?;
+    private graphContentSlotObserver?;
     el: HTMLXplLargeCardElement;
+    private graphContentPresent;
     link?: boolean;
     name: string;
     description?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
     componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    private connectGraphContentSlotObserver;
+    private disconnectGraphContentSlotObserver;
+    private scheduleGraphContentSlotSync;
+    private syncGraphContentSlot;
     render(): any;
 }