@oub/fusion 0.2.106 → 0.2.107

package/dist/lib/components/form/phone/FusionPhoneInput.vue.d.ts

@@ -1,5 +1,5 @@
-import { type Country } from '../../../constants/countries.ts';
-declare const _default: import("vue").DefineComponent<{
+import { Country } from '../../../constants/countries.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: null;
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, {
+}>, {}, {
     inputPhoneNumber: string;
     inputCountryCode: string;
     interactionStates: {
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     toggleSelectPanel(): void;
     handleCountrySearch(searchText: string): void;
     closePanel(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "keydown:enter" | "update:countryCode" | "update:phoneNumber")[], "input:blur" | "input:focus" | "keydown:enter" | "update:countryCode" | "update:phoneNumber", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input:focus" | "input:blur" | "keydown:enter" | "update:countryCode" | "update:phoneNumber")[], "input:focus" | "input:blur" | "keydown:enter" | "update:countryCode" | "update:phoneNumber", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: null;
@@ -163,26 +163,604 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & {
-    "onInput:blur"?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     "onInput:focus"?: ((...args: any[]) => any) | undefined;
+    "onInput:blur"?: ((...args: any[]) => any) | undefined;
     "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:countryCode"?: ((...args: any[]) => any) | undefined;
     "onUpdate:phoneNumber"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
+    dataTest: string;
     label: string;
     title: string;
     id: string;
-    dataTest: string;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     placeholder: string;
-    readonly: boolean;
-    autocomplete: string;
     helperLabel: string;
     errorLabel: string;
+    readonly: boolean;
     tabIndex: number;
+    autocomplete: string;
     phoneNumber: string;
     countryCode: string;
-}, {}>;
+}, {}, {
+    CountrySelectList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        selectedCountry: {
+            type: () => Country;
+            default: {
+                code: string;
+                dialCode: number;
+                name: string;
+                flag: string;
+            };
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {
+        countriesList: {
+            code: string;
+            dialCode: number;
+            name: string;
+            flag: string;
+        }[];
+    }, {
+        filteredCountriesList(): Country[];
+    }, {
+        handleSelectedCountry(country: Country): void;
+        handleKeydownSelect: (event: KeyboardEvent, country: Country) => void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select:country" | "selected:country")[], "select:country" | "selected:country", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        selectedCountry: {
+            type: () => Country;
+            default: {
+                code: string;
+                dialCode: number;
+                name: string;
+                flag: string;
+            };
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onSelect:country"?: ((...args: any[]) => any) | undefined;
+        "onSelected:country"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        dataTest: string;
+        searchText: string;
+        selectedCountry: Country;
+    }, {}, {
+        CountryFlag: any;
+        FusionMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {
+            isHovered: boolean;
+            isPressed: boolean;
+        }, {
+            componentTag(): string;
+            linkAttributes(): {
+                href: string;
+                target: string;
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+            } | {
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+                href?: undefined;
+                target?: undefined;
+            };
+        }, {
+            handleClick(): void;
+            handleKeydown(event: KeyboardEvent): void;
+            handleMouseOver(): void;
+            handleMouseOut(): void;
+            handleMouseDown(): void;
+            handleMouseUp(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:selected"[], "update:selected", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            disabled: boolean;
+            href: string;
+            target: string;
+            selectable: boolean;
+            selected: boolean;
+        }, {}, {
+            SVGTick: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    FusionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        theme: {
+            type: import('vue').PropType<keyof import('../../../../types/Themes').Themes>;
+            default: string;
+        };
+        selectId: {
+            type: StringConstructor;
+            required: true;
+        };
+        options: {
+            type: () => import('../select/FusionSelect').FusionSelectOption[];
+            default: () => never[];
+        };
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchErrorTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchErrorDescription: {
+            type: StringConstructor;
+            default: string;
+        };
+        selected: {
+            type: import('vue').PropType<import('../select/FusionSelect').FusionSelectOption>;
+            default: () => import('../select/FusionSelect').FusionSelectOption;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {
+        searchInputValue: string;
+    }, {}, {
+        closePanel(): void;
+        handleSelect(option: import('../select/FusionSelect').FusionSelectOption): void;
+        handleInput(inputValue: string): void;
+        handleKeydownSelect(event: KeyboardEvent, option?: import('../select/FusionSelect').FusionSelectOption | undefined): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("handle:select" | "handle:search" | "handle:close")[], "handle:select" | "handle:search" | "handle:close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        theme: {
+            type: import('vue').PropType<keyof import('../../../../types/Themes').Themes>;
+            default: string;
+        };
+        selectId: {
+            type: StringConstructor;
+            required: true;
+        };
+        options: {
+            type: () => import('../select/FusionSelect').FusionSelectOption[];
+            default: () => never[];
+        };
+        searchText: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchLoading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        searchErrorTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        searchErrorDescription: {
+            type: StringConstructor;
+            default: string;
+        };
+        selected: {
+            type: import('vue').PropType<import('../select/FusionSelect').FusionSelectOption>;
+            default: () => import('../select/FusionSelect').FusionSelectOption;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        "onHandle:select"?: ((...args: any[]) => any) | undefined;
+        "onHandle:search"?: ((...args: any[]) => any) | undefined;
+        "onHandle:close"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        dataTest: string;
+        selected: import('../select/FusionSelect').FusionSelectOption;
+        options: import('../select/FusionSelect').FusionSelectOption[];
+        theme: keyof import('../../../../types/Themes').Themes;
+        searchText: string;
+        searchDisabled: boolean;
+        searchPlaceholder: string;
+        searchLoading: boolean;
+        searchErrorTitle: string;
+        searchErrorDescription: string;
+    }, {}, {
+        SVGSearch: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        CheckCircle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            spinnerColour: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            spinnerColour: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            spinnerColour: string;
+            dataTest: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        SVGInbox: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            helperLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            input: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tabIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {
+            inputValue: string;
+            styleVariables: {};
+            interactionStates: {
+                focused: boolean;
+                hover: boolean;
+            };
+        }, {
+            stateClasses(): {
+                disabled: boolean;
+                error: boolean;
+                icon: boolean;
+            };
+        }, {
+            updateInput(): void;
+            handleFocus(): void;
+            handleBlur(): void;
+            handleKeydownEnter(): void;
+            handleMouseover(): void;
+            handleMouseleave(): void;
+            focus(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input:focus" | "input:blur" | "keydown:enter" | "update:input")[], "input:focus" | "input:blur" | "keydown:enter" | "update:input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            helperLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            input: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            tabIndex: {
+                type: NumberConstructor;
+                default: number;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            title: {
+                type: StringConstructor;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            dataTest: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onInput:focus"?: ((...args: any[]) => any) | undefined;
+            "onInput:blur"?: ((...args: any[]) => any) | undefined;
+            "onKeydown:enter"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:input"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: string;
+            dataTest: string;
+            input: string;
+            label: string;
+            title: string;
+            required: boolean;
+            disabled: boolean;
+            placeholder: string;
+            helperLabel: string;
+            errorLabel: string;
+            readonly: boolean;
+            tabIndex: number;
+            autocomplete: string;
+        }, {}, {
+            SVGExclamationTriangle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        OnClickOutside: import('vue').DefineComponent<import('@vueuse/components').OnClickOutsideProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@vueuse/components').OnClickOutsideProps>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        FusionMenuItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {
+            isHovered: boolean;
+            isPressed: boolean;
+        }, {
+            componentTag(): string;
+            linkAttributes(): {
+                href: string;
+                target: string;
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+            } | {
+                role: string;
+                "aria-checked": boolean | undefined;
+                "aria-disabled": boolean;
+                href?: undefined;
+                target?: undefined;
+            };
+        }, {
+            handleClick(): void;
+            handleKeydown(event: KeyboardEvent): void;
+            handleMouseOver(): void;
+            handleMouseOut(): void;
+            handleMouseDown(): void;
+            handleMouseUp(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:selected"[], "update:selected", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selectable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            selected: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: string;
+            };
+            target: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{
+            "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            disabled: boolean;
+            href: string;
+            target: string;
+            selectable: boolean;
+            selected: boolean;
+        }, {}, {
+            SVGTick: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CountrySelectDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        country: {
+            type: () => Country;
+            default: {
+                code: string;
+                dialCode: number;
+                name: string;
+                flag: string;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {
+        handleToggle(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggle:select"[], "toggle:select", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        country: {
+            type: () => Country;
+            default: {
+                code: string;
+                dialCode: number;
+                name: string;
+                flag: string;
+            };
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+        isOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onToggle:select"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        dataTest: string;
+        disabled: boolean;
+        country: Country;
+        isOpen: boolean;
+    }, {}, {
+        SVGArrowDown: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        CountryFlag: any;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SVGExclamationTriangle: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/lib/components/form/radio/FusionRadio.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, unknown, {
+}>, {}, {
     inputValue: string;
 }, {
     stateClasses: () => {
@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     handleChange: () => void;
     handleFocus: () => void;
     handleBlur: () => void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input:blur" | "input:focus" | "update:modelValue")[], "input:blur" | "input:focus" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "input:focus" | "input:blur")[], "update:modelValue" | "input:focus" | "input:blur", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -92,16 +92,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>> & {
-    "onInput:blur"?: ((...args: any[]) => any) | undefined;
-    "onInput:focus"?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+    "onInput:focus"?: ((...args: any[]) => any) | undefined;
+    "onInput:blur"?: ((...args: any[]) => any) | undefined;
+}>, {
     dataTest: string;
-    disabled: boolean;
     required: boolean;
-    error: boolean;
-    modelValue: string;
+    disabled: boolean;
     helperLabel: string;
-}, {}>;
+    modelValue: string;
+    error: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;