@vuesax-alpha/nightly

import { nextTick } from 'vue'; import type { SelectOptionContext } from './tokens'; declare const _default: import("vue").DefineComponent<{ readonly showAfter: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly hideAfter: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly flip: { readonly default: true; readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) & {}) | (() => boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) | ((new (...args: any[]) => (boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) & {}) | (() => boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __vsPropKey: true; }; readonly fit: { readonly default: true; readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __vsPropKey: true; }; readonly disabled: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onClick: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onBlur: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onFocus: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onMouseenter: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onMouseleave: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onContextmenu: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly onKeydown: { readonly type: import("vue").PropType<(e: Event) => boolean | void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly strategy: { readonly default: "absolute"; readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vuesax-alpha/es/hooks").Strategy & {}) | (() => import("vuesax-alpha/es/hooks").Strategy) | ((new (...args: any[]) => import("vuesax-alpha/es/hooks").Strategy & {}) | (() => import("vuesax-alpha/es/hooks").Strategy))[], "fixed" | "absolute", unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __vsPropKey: true; }; readonly teleported: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>; readonly modelValue: import("vuesax-alpha/es/utils").VsPropFinalized<(new (...args: any[]) => import("./tokens").SelectValue & {}) | (() => import("./tokens").SelectValue) | ((new (...args: any[]) => import("./tokens").SelectValue & {}) | (() => import("./tokens").SelectValue))[], unknown, unknown, "", boolean>; readonly notValue: import("vuesax-alpha/es/utils").VsPropFinalized<(new (...args: any[]) => import("./tokens").SelectOptionValue & {}) | (() => import("./tokens").SelectOptionValue) | ((new (...args: any[]) => import("./tokens").SelectOptionValue & {}) | (() => import("./tokens").SelectOptionValue))[], unknown, unknown, "", boolean>; readonly loadingText: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly noMatchText: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly noDataText: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly allowCreate: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly multiple: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly multipleLimit: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>; readonly filter: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly filterMethod: { readonly type: import("vue").PropType<(val: string) => void>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly collapseChips: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly maxCollapseChips: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>; readonly defaultFirstOption: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly loading: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly color: { readonly default: "primary"; readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("vuesax-alpha/es/constants").Color>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __vsPropKey: true; }; readonly state: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("vuesax-alpha/es/constants").Color>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly block: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly hideScrollbar: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly labelFloat: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly label: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, unknown, unknown, null, boolean>; readonly placeholder: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, unknown, unknown, null, boolean>; readonly shape: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, "square", unknown, "", boolean>; readonly id: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly nativeScrollbar: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly clearable: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }, { messageTypes: string[]; props: import("@vue/shared").LooseRequired<{ readonly modelValue: import("./tokens").SelectValue; readonly color: import("vuesax-alpha/es/constants").Color; readonly label: string; readonly shape: "square"; readonly flip: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) & {}) | (() => boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) | ((new (...args: any[]) => (boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }) & {}) | (() => boolean | { padding?: import("vuesax-alpha/es/hooks").Padding | undefined; rootBoundary?: import("vuesax-alpha/es/hooks").RootBoundary | undefined; elementContext?: import("../../../hooks/use-floating/core").ElementContext | undefined; altBoundary?: boolean | undefined; mainAxis?: boolean | undefined; crossAxis?: boolean | undefined; fallbackPlacements?: import("vuesax-alpha/es/hooks").Placement[] | undefined; fallbackStrategy?: "bestFit" | "initialPlacement" | undefined; fallbackAxisSideDirection?: "none" | "end" | "start" | undefined; flipAlignment?: boolean | undefined; boundary?: import("vuesax-alpha/es/hooks").Boundary | undefined; }))[], unknown, unknown>; readonly multiple: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly notValue: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("./tokens").SelectOptionValue & {}) | (() => import("./tokens").SelectOptionValue) | ((new (...args: any[]) => import("./tokens").SelectOptionValue & {}) | (() => import("./tokens").SelectOptionValue))[], unknown, unknown>; readonly placeholder: string; readonly showAfter: number; readonly hideAfter: number; readonly teleported: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly strategy: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => import("vuesax-alpha/es/hooks").Strategy & {}) | (() => import("vuesax-alpha/es/hooks").Strategy) | ((new (...args: any[]) => import("vuesax-alpha/es/hooks").Strategy & {}) | (() => import("vuesax-alpha/es/hooks").Strategy))[], "fixed" | "absolute", unknown>; readonly fit: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly allowCreate: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly multipleLimit: number; readonly maxCollapseChips: number; readonly filter?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly disabled?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly loading?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly block?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly id?: string | undefined; readonly clearable?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly labelFloat?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly state?: import("vuesax-alpha/es/constants").Color | undefined; readonly onFocus?: (((e: Event) => boolean | void) & ((event: Event | FocusEvent) => any)) | undefined; readonly onMouseleave?: ((e: Event) => boolean | void) | undefined; readonly onBlur?: (((e: Event) => boolean | void) & ((event: Event | FocusEvent) => any)) | undefined; readonly onKeydown?: ((e: Event) => boolean | void) | undefined; readonly onMouseenter?: ((e: Event) => boolean | void) | undefined; readonly onClick?: ((e: Event) => boolean | void) | undefined; readonly onContextmenu?: ((e: Event) => boolean | void) | undefined; readonly loadingText?: string | undefined; readonly noMatchText?: string | undefined; readonly noDataText?: string | undefined; readonly filterMethod?: ((val: string) => void) | undefined; readonly collapseChips?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly defaultFirstOption?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly hideScrollbar?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly nativeScrollbar?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly "onUpdate:modelValue"?: ((val: import("./tokens").SelectValue) => any) | undefined; readonly onChange?: ((val: import("./tokens").SelectValue) => any) | undefined; readonly onClear?: (() => any) | undefined; readonly "onVisible-change"?: ((val: boolean) => any) | undefined; readonly "onRemove-tag"?: ((val: import("./tokens").SelectOptionValue) => any) | undefined; } & {}>; emit: ((event: "update:modelValue", val: import("./tokens").SelectValue) => void) & ((event: "change", val: import("./tokens").SelectValue) => void) & ((event: "focus", event: Event | FocusEvent) => void) & ((event: "blur", event: Event | FocusEvent) => void) & ((event: "clear") => void) & ((event: "visible-change", val: boolean) => void) & ((event: "remove-tag", val: import("./tokens").SelectOptionValue) => void); ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; states: import("./tokens").SelectStates; color: import("vue").ComputedRef<import("vuesax-alpha/es/constants").Color | undefined>; colorCssVar: import("vue").ComputedRef<Record<string, string>>; optionsAnimation: import("vue").ComputedRef<string>; showNewOption: import("vue").ComputedRef<boolean | undefined>; debouncedQueryChange: import("lodash").DebouncedFunc<(e: any) => void>; managePlaceholder: () => void; deletePrevTag: (e: KeyboardEvent) => void; deleteTag: (tag: import("./tokens").SelectOptionValue) => void; handleClearClick: () => void; showClose: import("vue").ComputedRef<boolean | undefined>; inputId: import("vue").Ref<string>; emptyText: import("vue").ComputedRef<string | null>; readonly: import("vue").ComputedRef<boolean>; input: import("vue").Ref<HTMLInputElement | undefined>; reference: import("vue").Ref<HTMLInputElement | undefined>; showTagList: import("vue").ComputedRef<SelectOptionContext[]>; collapseTagList: import("vue").ComputedRef<SelectOptionContext[]>; chips: import("vue").Ref<HTMLElement | undefined>; popperRef: import("vue").Ref<import("vuesax-alpha/es/components/popper").PopperExpose | undefined>; selectDisabled: import("vue").ComputedRef<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined>; selectWrapper: import("vue").Ref<HTMLElement | undefined>; handleMouseEnter: () => void; handleMouseLeave: () => void; handleTarget: (target: import("./tokens").SelectTargetElement | null, condition?: boolean) => void; selectOption: () => void; handleComposition: (event: Event) => void; navigateOptions: (direction?: string) => void; handleKeydownEscape: (event: KeyboardEvent | Event) => void; dropMenuVisible: import("vue").WritableComputedRef<boolean>; debouncedOnInputChange: import("lodash").DebouncedFunc<() => void>; handleFocus: (event: FocusEvent) => void; handleBlur: (event: FocusEvent) => void; toggleMenu: (e?: MouseEvent | undefined) => void; handleMenuEnter: () => void; handleResize: () => void; setSelected: () => void; handleClose: () => void; onOptionCreate: (value: import("./tokens").SelectOptionValue, option: SelectOptionContext) => void; onOptionDestroy: (value: import("./tokens").SelectOptionValue, option: SelectOptionContext) => void; handleOptionSelect: (option: SelectOptionContext, byClick: boolean) => void; focus: () => void; blur: () => void; processBeforeOpen: () => boolean; processBeforeClose: () => boolean; queryChange: import("vue").ShallowRef<string>; optionsArray: import("vue").ComputedRef<SelectOptionContext[]>; cachedOptionsArray: import("vue").ComputedRef<SelectOptionContext[]>; selectedArray: import("vue").ComputedRef<SelectOptionContext[]>; visible: import("vue").Ref<boolean>; hoverIndex: import("vue").Ref<number>; query: import("vue").Ref<string>; popperPaneRef: import("vue").ComputedRef<HTMLElement | undefined>; selectKls: import("vue").ComputedRef<(string | { [x: string]: string | import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; })[]>; selectStyle: import("vue").ComputedRef<Record<string, string>[]>; readonly isEqual: (value: any, other: any) => boolean; readonly vClickOutside: import("vue").ObjectDirective<any, any>; readonly VsIcon: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{ readonly size: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly color: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("vuesax-alpha/es/constants").Color, "", boolean>; }, { props: import("@vue/shared").LooseRequired<{ readonly color: import("vuesax-alpha/es/constants").Color; readonly size?: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown> | undefined; } & {}>; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; style: import("vue").ComputedRef<import("vue").CSSProperties>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ readonly size: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly color: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, "primary" | "success" | "danger" | "warn" | "dark" | "text" | "light" | "secondary" | "facebook" | "twitter" | "youtube" | "pinterest" | "linkedin" | "snapchat" | "whatsapp" | "tumblr" | "reddit" | "spotify" | "amazon" | "medium" | "vimeo" | "skype" | "dribbble" | "slack" | "yahoo" | "twitch" | "discord" | "telegram" | "google-plus" | "messenger", import("vuesax-alpha/es/constants").Color, "", boolean>; }>>, { readonly color: import("vuesax-alpha/es/constants").Color; }, {}>> & Record<string, any>; readonly IconClose: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{ readonly hover: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly scale: import("vuesax-alpha/es/utils").VsPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 1, boolean>; }, { ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{ readonly hover: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly scale: import("vuesax-alpha/es/utils").VsPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, 1, boolean>; }>>, { readonly scale: import("vuesax-alpha/es/utils").VsPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>; }, {}>> & Record<string, any>; readonly IconLoading: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, { ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>> & Record<string, any>; readonly VsCollapseTransition: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, { ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; on: { beforeEnter(el: import("vue").RendererElement): void; enter(el: import("vue").RendererElement): void; afterEnter(el: import("vue").RendererElement): void; beforeLeave(el: import("vue").RendererElement): void; leave(el: import("vue").RendererElement): void; afterLeave(el: import("vue").RendererElement): void; }; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>; readonly VsScrollbar: import("vuesax-alpha/es/utils").SFCWithInstall<import("vue").DefineComponent<{ readonly height: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly maxHeight: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly native: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly wrapStyle: import("vuesax-alpha/es/utils").VsPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, "", boolean>; readonly wrapClass: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewClass: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewStyle: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>; readonly noresize: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly tag: import("vuesax-alpha/es/utils").VsPropFinalized<StringConstructor, unknown, unknown, "div", boolean>; readonly always: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly minSize: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>; readonly thickness: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, 6, boolean>; }, { COMPONENT_NAME: string; props: import("@vue/shared").LooseRequired<{ readonly always: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly height: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly maxHeight: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly native: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly wrapStyle: import("vue").StyleValue; readonly wrapClass: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewClass: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewStyle: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown>; readonly tag: string; readonly minSize: number; readonly thickness: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>; readonly noresize?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly onScroll?: ((args_0: import("vuesax-alpha/es/components/scrollbar").ScrollEmitParams) => any) | undefined; } & {}>; emit: (event: "scroll", args_0: import("vuesax-alpha/es/components/scrollbar").ScrollEmitParams) => void; ns: { namespace: import("vue").ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string | undefined) => string; m: (modifier?: string | undefined) => string; be: (blockSuffix?: string | undefined, element?: string | undefined) => string; em: (element?: string | undefined, modifier?: string | undefined) => string; bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string; bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; stopResizeObserver: (() => void) | undefined; stopResizeListener: (() => void) | undefined; scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>; wrapRef: import("vue").Ref<HTMLDivElement | undefined>; resizeRef: import("vue").Ref<HTMLElement | undefined>; sizeWidth: import("vue").Ref<string>; sizeHeight: import("vue").Ref<string>; barRef: import("vue").Ref<({ $: import("vue").ComponentInternalInstance; $data: {}; $props: { readonly always?: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown> | undefined; readonly thickness?: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown> | undefined; readonly ratioX?: number | undefined; readonly ratioY?: number | undefined; key?: string | number | symbol | undefined; style?: unknown; readonly height?: string | undefined; readonly width?: string | undefined; ref?: import("vue").VNodeRef | undefined; ref_for?: boolean | undefined; ref_key?: string | undefined; onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[] | undefined; class?: unknown; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any> | undefined; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ readonly always: import("vuesax-alpha/es/utils").VsPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; readonly width: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly height: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly ratioX: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>; readonly ratioY: import("vuesax-alpha/es/utils").VsPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>; readonly thickness: import("vuesax-alpha/es/utils").VsPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, 6, boolean>; }>>, { props: import("@vue/shared").LooseRequired<{ readonly always: import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>; readonly thickness: import("vuesax-alpha/es/utils").VsPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>; readonly ratioX: number; readonly ratioY: number; readonly height?: string | undefined; readonly width?: string | undefined; } & {}>; moveX: import("vue").Ref<number>; moveY: import("vue").Ref<number>; handleScroll: (wrap: HTMLDivElement) => void; Thumb: import("vue").DefineComponent<{ readonly vertical: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly size: { readonly type: import("vue").PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly move: { readonly type: import("vue").PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly ratio: { readonly type: import("vue").PropType<number>; readonly required: true; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; readonly always: { readonly type: import("vue").PropType<import("vuesax-alpha/es/utils").VsPropMergeType<BooleanConstructor, unknown, unknown>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __vsPropKey: true; }; }, { COMPONENT_NAME: string; props: import("@vue/shared").LooseRequired<{ readonly ratio: number; readonly size?: string | undefined;