UNPKG

vuestic-ui

Version:
900 lines (899 loc) 29.3 kB
import { PropType } from 'vue'; declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{ closeOnContentClick: { type: BooleanConstructor; default: boolean; }; offset: { default: () => number[]; type: PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>; required: true; }; placement: { default: string; type: PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>; required: true; }; modelValue: { type: DateConstructor; default: undefined; }; clearValue: { type: DateConstructor; default: null; }; format: { type: PropType<(date?: Date) => string>; }; parse: { type: PropType<(input: string) => Date>; }; manualInput: { type: BooleanConstructor; default: boolean; }; leftIcon: { type: BooleanConstructor; default: boolean; }; icon: { type: StringConstructor; default: string; }; ariaLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; ariaResetLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; ariaToggleDropdownLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; stateful: { type: PropType<boolean>; default: boolean; }; rules: { type: PropType<import("../../composables").ValidationRule<Date>[]>; default: () => any; required: false; }; error: { type: BooleanConstructor; default: undefined; }; name: { type: StringConstructor; default: undefined; }; success: { type: BooleanConstructor; default: boolean; }; dirty: { type: BooleanConstructor; default: boolean; }; errorMessages: { type: PropType<string | string[]>; default: undefined; }; errorCount: { type: (StringConstructor | NumberConstructor)[]; default: number; }; messages: { type: PropType<string | string[]>; default: () => never[]; }; immediateValidation: { type: BooleanConstructor; default: boolean; }; "onUpdate:modelValue": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; preset: { type: PropType<NonNullable<import("../../composables").PresetPropValue | undefined>>; required: true; default: import("../../composables").PresetPropValue | undefined; }; disabled: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; readonly: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; view: { type: PropType<NonNullable<"hours" | "minutes" | "seconds" | undefined>>; required: true; default: "hours" | "minutes" | "seconds" | undefined; }; ampm: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hidePeriodSwitch: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; periodUpdatesModelValue: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hoursFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; minutesFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; secondsFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; framed: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; cellHeight: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; visibleCellsCount: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; clearable: { type: BooleanConstructor; default: boolean; }; clearableIcon: { type: StringConstructor; default: string; }; closeOnChange: { type: BooleanConstructor; default: null; }; isOpen: { type: BooleanConstructor; default: undefined; }; onClose: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; anchor: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; target: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; onOpen: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-outside": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; role: { type: PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>; required: true; default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined; }; "onAnchor-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onAnchor-right-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onContent-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onFocus-outside": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onAnchor-dblclick": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; anchorSelector: { type: PropType<string>; required: true; default: string | undefined; }; trigger: { type: PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>; required: true; default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined; }; closeOnClickOutside: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; closeOnFocusOutside: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; closeOnAnchorClick: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hoverOverTimeout: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; hoverOutTimeout: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; isContentHoverable: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; keepAnchorWidth: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; verticalScrollOnOverflow: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; cursor: { type: PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>; required: true; default: boolean | import("../va-dropdown/types").CursorAnchor | undefined; }; autoPlacement: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; stickToEdges: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; teleport: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; contentClass: { type: PropType<string>; required: true; default: string | undefined; }; label: { type: PropType<string>; required: true; default: string | undefined; }; onClick: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; color: { type: PropType<string>; required: true; default: string | undefined; }; loading: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; requiredMark: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; "onClick-prepend": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-append": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-prepend-inner": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-append-inner": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-field": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; counter: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; placeholder: { type: PropType<string>; required: true; default: string | undefined; }; background: { type: PropType<string>; required: true; default: string | undefined; }; innerLabel: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; inputAriaLabel: { type: PropType<NonNullable<import("../../composables").TranslationProp | undefined>>; required: true; default: import("../../composables").TranslationProp | undefined; }; inputAriaLabelledby: { type: PropType<string>; required: true; default: string | undefined; }; inputAriaDescribedby: { type: PropType<string>; required: true; default: string | undefined; }; }, { isFocused: import("vue").WritableComputedRef<boolean>; isValid: import("vue").Ref<boolean>; value: import("../../composables").StatefulValue<Date | undefined>; isDirty: import("vue").Ref<boolean>; isTouched: import("vue").Ref<boolean>; focus: () => void; blur: () => void; reset: () => void; withoutValidation: (cb: () => any) => void; resetValidation: () => void; toggleDropdown: (event: Event | KeyboardEvent) => void; showDropdown: (event?: KeyboardEvent, cancel?: boolean, prevent?: boolean) => void; hideDropdown: () => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, { [x: string]: (...args: any[]) => void; }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ closeOnContentClick: { type: BooleanConstructor; default: boolean; }; offset: { default: () => number[]; type: PropType<NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>>; required: true; }; placement: { default: string; type: PropType<NonNullable<import("../../composables").PlacementWithAlias | undefined>>; required: true; }; modelValue: { type: DateConstructor; default: undefined; }; clearValue: { type: DateConstructor; default: null; }; format: { type: PropType<(date?: Date) => string>; }; parse: { type: PropType<(input: string) => Date>; }; manualInput: { type: BooleanConstructor; default: boolean; }; leftIcon: { type: BooleanConstructor; default: boolean; }; icon: { type: StringConstructor; default: string; }; ariaLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; ariaResetLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; ariaToggleDropdownLabel: { type: PropType<import("../../composables").TranslationProp>; default: import("../../composables").TranslationProp; }; stateful: { type: PropType<boolean>; default: boolean; }; rules: { type: PropType<import("../../composables").ValidationRule<Date>[]>; default: () => any; required: false; }; error: { type: BooleanConstructor; default: undefined; }; name: { type: StringConstructor; default: undefined; }; success: { type: BooleanConstructor; default: boolean; }; dirty: { type: BooleanConstructor; default: boolean; }; errorMessages: { type: PropType<string | string[]>; default: undefined; }; errorCount: { type: (StringConstructor | NumberConstructor)[]; default: number; }; messages: { type: PropType<string | string[]>; default: () => never[]; }; immediateValidation: { type: BooleanConstructor; default: boolean; }; "onUpdate:modelValue": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; preset: { type: PropType<NonNullable<import("../../composables").PresetPropValue | undefined>>; required: true; default: import("../../composables").PresetPropValue | undefined; }; disabled: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; readonly: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; view: { type: PropType<NonNullable<"hours" | "minutes" | "seconds" | undefined>>; required: true; default: "hours" | "minutes" | "seconds" | undefined; }; ampm: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hidePeriodSwitch: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; periodUpdatesModelValue: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hoursFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; minutesFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; secondsFilter: { type: PropType<(h: number) => boolean>; required: true; default: ((h: number) => boolean) | undefined; }; framed: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; cellHeight: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; visibleCellsCount: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; clearable: { type: BooleanConstructor; default: boolean; }; clearableIcon: { type: StringConstructor; default: string; }; closeOnChange: { type: BooleanConstructor; default: null; }; isOpen: { type: BooleanConstructor; default: undefined; }; onClose: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; anchor: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; target: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; onOpen: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-outside": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; role: { type: PropType<NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>>; required: true; default: import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined; }; "onAnchor-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onAnchor-right-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onContent-click": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onFocus-outside": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onAnchor-dblclick": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; anchorSelector: { type: PropType<string>; required: true; default: string | undefined; }; trigger: { type: PropType<NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>>; required: true; default: import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined; }; closeOnClickOutside: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; closeOnFocusOutside: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; closeOnAnchorClick: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; hoverOverTimeout: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; hoverOutTimeout: { type: PropType<NonNullable<string | number | undefined>>; required: true; default: string | number | undefined; }; isContentHoverable: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; keepAnchorWidth: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; verticalScrollOnOverflow: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; cursor: { type: PropType<NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>>; required: true; default: boolean | import("../va-dropdown/types").CursorAnchor | undefined; }; autoPlacement: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; stickToEdges: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; teleport: { type: PropType<NonNullable<import("../../composables").MaybeHTMLElementOrSelector>>; required: true; default: import("../../composables").MaybeHTMLElementOrSelector; }; contentClass: { type: PropType<string>; required: true; default: string | undefined; }; label: { type: PropType<string>; required: true; default: string | undefined; }; onClick: { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; color: { type: PropType<string>; required: true; default: string | undefined; }; loading: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; requiredMark: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; "onClick-prepend": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-append": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-prepend-inner": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-append-inner": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; "onClick-field": { type: PropType<(...args: any[]) => any>; required: true; default: ((...args: any[]) => any) | undefined; }; counter: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; placeholder: { type: PropType<string>; required: true; default: string | undefined; }; background: { type: PropType<string>; required: true; default: string | undefined; }; innerLabel: { type: PropType<NonNullable<boolean | undefined>>; required: true; default: boolean | undefined; }; inputAriaLabel: { type: PropType<NonNullable<import("../../composables").TranslationProp | undefined>>; required: true; default: import("../../composables").TranslationProp | undefined; }; inputAriaLabelledby: { type: PropType<string>; required: true; default: string | undefined; }; inputAriaDescribedby: { type: PropType<string>; required: true; default: string | undefined; }; }>>, { label: string; error: boolean; onClick: (...args: any[]) => any; onClose: (...args: any[]) => any; anchor: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>; "onUpdate:modelValue": (...args: any[]) => any; modelValue: Date; stateful: boolean; preset: NonNullable<import("../../composables").PresetPropValue | undefined>; target: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>; color: string; icon: string; name: string; loading: NonNullable<boolean | undefined>; success: boolean; disabled: NonNullable<boolean | undefined>; onOpen: (...args: any[]) => any; "onClick-outside": (...args: any[]) => any; ariaLabel: import("../../composables").TranslationProp; placement: NonNullable<import("../../composables").PlacementWithAlias | undefined>; offset: NonNullable<import("../va-dropdown/types").DropdownOffsetProp | undefined>; role: NonNullable<import("../../utils/types/prop-type").StringWithAutocomplete<"button" | "none"> | undefined>; "onAnchor-click": (...args: any[]) => any; "onAnchor-right-click": (...args: any[]) => any; "onContent-click": (...args: any[]) => any; "onFocus-outside": (...args: any[]) => any; "onAnchor-dblclick": (...args: any[]) => any; anchorSelector: string; trigger: NonNullable<import("../va-dropdown/hooks/useDropdownNavigation").Trigger | readonly import("../va-dropdown/hooks/useDropdownNavigation").Trigger[] | undefined>; readonly: NonNullable<boolean | undefined>; closeOnClickOutside: NonNullable<boolean | undefined>; closeOnFocusOutside: NonNullable<boolean | undefined>; closeOnAnchorClick: NonNullable<boolean | undefined>; closeOnContentClick: boolean; hoverOverTimeout: NonNullable<string | number | undefined>; hoverOutTimeout: NonNullable<string | number | undefined>; isContentHoverable: NonNullable<boolean | undefined>; keepAnchorWidth: NonNullable<boolean | undefined>; verticalScrollOnOverflow: NonNullable<boolean | undefined>; cursor: NonNullable<boolean | import("../va-dropdown/types").CursorAnchor | undefined>; autoPlacement: NonNullable<boolean | undefined>; stickToEdges: NonNullable<boolean | undefined>; teleport: NonNullable<import("../../composables").MaybeHTMLElementOrSelector>; contentClass: string; view: NonNullable<"hours" | "minutes" | "seconds" | undefined>; leftIcon: boolean; rules: import("../../composables").ValidationRule<Date>[]; dirty: boolean; errorMessages: string | string[]; errorCount: string | number; messages: string | string[]; immediateValidation: boolean; requiredMark: NonNullable<boolean | undefined>; "onClick-prepend": (...args: any[]) => any; "onClick-append": (...args: any[]) => any; "onClick-prepend-inner": (...args: any[]) => any; "onClick-append-inner": (...args: any[]) => any; "onClick-field": (...args: any[]) => any; counter: NonNullable<boolean | undefined>; placeholder: string; background: string; innerLabel: NonNullable<boolean | undefined>; inputAriaLabel: NonNullable<import("../../composables").TranslationProp | undefined>; inputAriaLabelledby: string; inputAriaDescribedby: string; ariaResetLabel: import("../../composables").TranslationProp; clearable: boolean; clearableIcon: string; clearValue: Date; manualInput: boolean; ariaToggleDropdownLabel: import("../../composables").TranslationProp; closeOnChange: boolean; isOpen: boolean; ampm: NonNullable<boolean | undefined>; hidePeriodSwitch: NonNullable<boolean | undefined>; periodUpdatesModelValue: NonNullable<boolean | undefined>; hoursFilter: (h: number) => boolean; minutesFilter: (h: number) => boolean; secondsFilter: (h: number) => boolean; framed: NonNullable<boolean | undefined>; cellHeight: NonNullable<string | number | undefined>; visibleCellsCount: NonNullable<string | number | undefined>; }, {}>, Partial<Record<string, (_: any) => any>> & { prependInner?(_: any): any; }>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };