@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/src/components/select/select.stories.d.ts

@@ -0,0 +1,1297 @@
+import { Args, Meta, StoryObj } from '@storybook/vue3';
+import { default as QSelect } from './select.vue';
+declare const meta: Meta<typeof QSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                currentSelect: import('vue').Ref<object | null, object | null>;
+                search: import('vue').Ref<string, string>;
+                selected: import('vue').Ref<any, any>;
+                isOpened: import('vue').Ref<boolean, boolean>;
+                internalOptions: import('vue').Ref<any, any>;
+                hasAction: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                noOptionsText: import('vue').ComputedRef<string>;
+                noTagFound: import('vue').ComputedRef<string>;
+                selectedCount: import('vue').ComputedRef<number>;
+                selectedText: import('vue').ComputedRef<string>;
+                useTags: import('vue').ComputedRef<boolean>;
+                enableGroupSelect: import('vue').ComputedRef<boolean>;
+                addTag: (newTag: string) => Promise<void>;
+                clearAll: () => void;
+                onOpen: () => Promise<void>;
+                onRemove: (items: any) => void;
+                onUpdateValue: (event: Event) => void;
+                removeElement: (index: any) => void;
+                searchChange: (value: string) => void;
+                selectAll: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any> | unknown[];
+                label: string;
+                size: string;
+                placeholder: string;
+                multiple: boolean;
+                disabled: boolean;
+                loading: boolean;
+                id: string;
+                info: string;
+                noResultMessage: string;
+                groupSelectable: boolean;
+                groupLabel: string;
+                groupValues: string;
+                trackBy: string;
+                taggable: boolean;
+                searchable: boolean;
+                filterSortFunction: Function;
+                hasCheckboxes: boolean;
+                allowEmpty: boolean;
+                blockKeys: unknown[];
+                noOptionsMessage: string;
+                selectionControl: boolean;
+                showExpanded: boolean;
+                showPlaceholderImage: boolean;
+                showSelectAll: boolean;
+                tagPlaceholder: string;
+                expand: boolean;
+                showSelectedCount: boolean;
+                truncateTag: boolean;
+                limitShown: number;
+                validationMethod: Function;
+                showOptionDescription: boolean;
+                showTags: boolean;
+                openDirection: string;
+                useAddTagsOnly: boolean;
+                clearOnSelect: boolean;
+                closeOnSelect: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                VueMultiselect: typeof import('vue-multiselect').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: never[];
+        options: ({
+            label: string;
+            id: number;
+            imageUrl: string;
+        } | {
+            label: string;
+            id: number;
+            imageUrl?: undefined;
+        })[];
+        placeholder: string;
+        disabled: false;
+        loading: false;
+        tagPlaceholder: string;
+        multiple: false;
+        searchable: false;
+        trackBy: string;
+        label: string;
+        hasCheckboxes: false;
+    };
+};
+export declare const DisabledOption: Story;
+export declare const MultiSelect: Story;
+export declare const CheckboxSelect: Story;
+export declare const AllSelect: Story;
+export declare const TagSelect: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                currentSelect: import('vue').Ref<object | null, object | null>;
+                search: import('vue').Ref<string, string>;
+                selected: import('vue').Ref<any, any>;
+                isOpened: import('vue').Ref<boolean, boolean>;
+                internalOptions: import('vue').Ref<any, any>;
+                hasAction: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                noOptionsText: import('vue').ComputedRef<string>;
+                noTagFound: import('vue').ComputedRef<string>;
+                selectedCount: import('vue').ComputedRef<number>;
+                selectedText: import('vue').ComputedRef<string>;
+                useTags: import('vue').ComputedRef<boolean>;
+                enableGroupSelect: import('vue').ComputedRef<boolean>;
+                addTag: (newTag: string) => Promise<void>;
+                clearAll: () => void;
+                onOpen: () => Promise<void>;
+                onRemove: (items: any) => void;
+                onUpdateValue: (event: Event) => void;
+                removeElement: (index: any) => void;
+                searchChange: (value: string) => void;
+                selectAll: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any> | unknown[];
+                label: string;
+                size: string;
+                placeholder: string;
+                multiple: boolean;
+                disabled: boolean;
+                loading: boolean;
+                id: string;
+                info: string;
+                noResultMessage: string;
+                groupSelectable: boolean;
+                groupLabel: string;
+                groupValues: string;
+                trackBy: string;
+                taggable: boolean;
+                searchable: boolean;
+                filterSortFunction: Function;
+                hasCheckboxes: boolean;
+                allowEmpty: boolean;
+                blockKeys: unknown[];
+                noOptionsMessage: string;
+                selectionControl: boolean;
+                showExpanded: boolean;
+                showPlaceholderImage: boolean;
+                showSelectAll: boolean;
+                tagPlaceholder: string;
+                expand: boolean;
+                showSelectedCount: boolean;
+                truncateTag: boolean;
+                limitShown: number;
+                validationMethod: Function;
+                showOptionDescription: boolean;
+                showTags: boolean;
+                openDirection: string;
+                useAddTagsOnly: boolean;
+                clearOnSelect: boolean;
+                closeOnSelect: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                VueMultiselect: typeof import('vue-multiselect').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            validateEmail: (email: any) => any;
+            checkEmail: (tag: any) => any;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: {
+            label: string;
+            id: number;
+        }[];
+        options: {
+            label: string;
+            id: number;
+        }[];
+        placeholder: string;
+        disabled: false;
+        loading: false;
+        trackBy: string;
+        label: string;
+        hasCheckboxes: true;
+        multiple: true;
+        taggable: true;
+        searchable: true;
+        limitShown: number;
+        showSelectedCount: true;
+        tagPlaceholder: string;
+    };
+};
+export declare const useAddTagOnlySelect: {
+    name: string;
+    render: (args: Args) => {
+        components: {
+            QSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                currentSelect: import('vue').Ref<object | null, object | null>;
+                search: import('vue').Ref<string, string>;
+                selected: import('vue').Ref<any, any>;
+                isOpened: import('vue').Ref<boolean, boolean>;
+                internalOptions: import('vue').Ref<any, any>;
+                hasAction: import('vue').ComputedRef<boolean>;
+                noResultsText: import('vue').ComputedRef<string>;
+                noOptionsText: import('vue').ComputedRef<string>;
+                noTagFound: import('vue').ComputedRef<string>;
+                selectedCount: import('vue').ComputedRef<number>;
+                selectedText: import('vue').ComputedRef<string>;
+                useTags: import('vue').ComputedRef<boolean>;
+                enableGroupSelect: import('vue').ComputedRef<boolean>;
+                addTag: (newTag: string) => Promise<void>;
+                clearAll: () => void;
+                onOpen: () => Promise<void>;
+                onRemove: (items: any) => void;
+                onUpdateValue: (event: Event) => void;
+                removeElement: (index: any) => void;
+                searchChange: (value: string) => void;
+                selectAll: () => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:model-value"[], "update:model-value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                options: {
+                    type: (ArrayConstructor | ObjectConstructor)[];
+                    required: true;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor)[];
+                    default: string;
+                };
+                trackBy: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                multiple: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                taggable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                searchable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                filterSortFunction: {
+                    type: FunctionConstructor;
+                    default: () => void;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                groupValues: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                groupSelectable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                hasCheckboxes: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                info: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                allowEmpty: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                blockKeys: {
+                    type: ArrayConstructor;
+                    default: () => string[];
+                };
+                noResultMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                noOptionsMessage: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                selectionControl: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showExpanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showPlaceholderImage: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectAll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                tagPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                expand: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showSelectedCount: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                truncateTag: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                limitShown: {
+                    type: NumberConstructor;
+                    default: null;
+                };
+                validationMethod: {
+                    type: FunctionConstructor;
+                    default: () => boolean;
+                };
+                showOptionDescription: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showTags: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                openDirection: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                useAddTagsOnly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                clearOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                closeOnSelect: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+            }>, {
+                modelValue: string | number | Record<string, any> | unknown[];
+                label: string;
+                size: string;
+                placeholder: string;
+                multiple: boolean;
+                disabled: boolean;
+                loading: boolean;
+                id: string;
+                info: string;
+                noResultMessage: string;
+                groupSelectable: boolean;
+                groupLabel: string;
+                groupValues: string;
+                trackBy: string;
+                taggable: boolean;
+                searchable: boolean;
+                filterSortFunction: Function;
+                hasCheckboxes: boolean;
+                allowEmpty: boolean;
+                blockKeys: unknown[];
+                noOptionsMessage: string;
+                selectionControl: boolean;
+                showExpanded: boolean;
+                showPlaceholderImage: boolean;
+                showSelectAll: boolean;
+                tagPlaceholder: string;
+                expand: boolean;
+                showSelectedCount: boolean;
+                truncateTag: boolean;
+                limitShown: number;
+                validationMethod: Function;
+                showOptionDescription: boolean;
+                showTags: boolean;
+                openDirection: string;
+                useAddTagsOnly: boolean;
+                clearOnSelect: boolean;
+                closeOnSelect: boolean;
+            }, {}, {
+                QBadge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>, {
+                    bgColor: import('vue').ComputedRef<string>;
+                    hasIcon: import('vue').ComputedRef<boolean>;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    shape: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                }>> & Readonly<{}>, {
+                    color: string;
+                    shape: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                VueMultiselect: typeof import('vue-multiselect').default;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        setup(this: void): {
+            validateEmail: (email: any) => any;
+            checkEmail: (tag: any) => any;
+            args: Args;
+        };
+        template: string;
+    };
+    args: {
+        modelValue: string;
+        options: {
+            label: string;
+            id: number;
+        }[];
+        placeholder: string;
+        disabled: false;
+        loading: false;
+        trackBy: string;
+        label: string;
+        searchable: true;
+        tagPlaceholder: string;
+        useAddTagsOnly: true;
+    };
+};
+export declare const ShowSelectedCount: Story;
+export declare const OptionTags: Story;
+export declare const MobileSelect: Story;
+export declare const MobileGroupOptionSelect: Story;
+export declare const MobileSelectAllGroupOption: Story;