Vulture/VApp/node_modules/vuetify/dist/vuetify-labs.d.ts

69381 lines
2.6 MiB

import * as vue from 'vue';
import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, JSXComponent, CSSProperties, ComponentInternalInstance, ComputedRef, Component, EffectScope, DirectiveBinding, WritableComputedRef, UnwrapRef, nextTick, Prop, InjectionKey } from 'vue';
// @ts-ignore
import * as vue_router from 'vue-router';
// @ts-ignore
import { RouteLocationRaw } from 'vue-router';
interface DateAdapter<T = unknown> {
date(value?: any): T | null;
format(date: T, formatString: string): string;
toJsDate(value: T): Date;
parseISO(date: string): T;
toISO(date: T): string;
startOfDay(date: T): T;
endOfDay(date: T): T;
startOfWeek(date: T): T;
endOfWeek(date: T): T;
startOfMonth(date: T): T;
endOfMonth(date: T): T;
startOfYear(date: T): T;
endOfYear(date: T): T;
isBefore(date: T, comparing: T): boolean;
isAfter(date: T, comparing: T): boolean;
isEqual(date: T, comparing: T): boolean;
isSameDay(date: T, comparing: T): boolean;
isSameMonth(date: T, comparing: T): boolean;
isValid(date: any): boolean;
isWithinRange(date: T, range: [T, T]): boolean;
addMinutes(date: T, amount: number): T;
addHours(date: T, amount: number): T;
addDays(date: T, amount: number): T;
addWeeks(date: T, amount: number): T;
addMonths(date: T, amount: number): T;
getYear(date: T): number;
setYear(date: T, year: number): T;
getDiff(date: T, comparing: T | string, unit?: string): number;
getWeekArray(date: T): T[][];
getWeekdays(): string[];
getMonth(date: T): number;
setMonth(date: T, month: number): T;
getNextMonth(date: T): T;
getHours(date: T): number;
setHours(date: T, hours: number): T;
getMinutes(date: T): number;
setMinutes(date: T, minutes: number): T;
}
interface LocaleMessages {
[key: string]: LocaleMessages | string;
}
interface LocaleOptions {
messages?: LocaleMessages;
locale?: string;
fallback?: string;
adapter?: LocaleInstance;
}
interface LocaleInstance {
name: string;
messages: Ref<LocaleMessages>;
current: Ref<string>;
fallback: Ref<string>;
t: (key: string, ...params: unknown[]) => string;
n: (value: number) => string;
provide: (props: LocaleOptions) => LocaleInstance;
}
declare function useLocale(): LocaleInstance & RtlInstance;
interface RtlOptions {
rtl?: Record<string, boolean>;
}
interface RtlInstance {
isRtl: Ref<boolean>;
rtl: Ref<Record<string, boolean>>;
rtlClasses: Ref<string>;
}
declare function useRtl(): {
isRtl: Ref<boolean>;
rtlClasses: Ref<string>;
};
interface DateInstance<T = DateInstanceType['instanceType']> extends DateAdapter<T> {
locale?: any;
}
/** Supports module augmentation to specify date object types */
interface DateInstanceType {
instanceType: unknown;
}
type InternalDateOptions<T = unknown> = {
adapter: (new (options: {
locale: any;
formats?: any;
}) => DateInstance<T>) | DateInstance<T>;
formats?: Record<string, any>;
locale: Record<string, any>;
};
type DateOptions<T = any> = Partial<InternalDateOptions<T>>;
declare function useDate(): {
locale?: any;
date: (value?: any) => unknown;
format: (date: unknown, formatString: string) => string;
toJsDate: (value: unknown) => Date;
parseISO: (date: string) => unknown;
toISO: (date: unknown) => string;
startOfDay: (date: unknown) => unknown;
endOfDay: (date: unknown) => unknown;
startOfWeek: (date: unknown) => unknown;
endOfWeek: (date: unknown) => unknown;
startOfMonth: (date: unknown) => unknown;
endOfMonth: (date: unknown) => unknown;
startOfYear: (date: unknown) => unknown;
endOfYear: (date: unknown) => unknown;
isBefore: (date: unknown, comparing: unknown) => boolean;
isAfter: (date: unknown, comparing: unknown) => boolean;
isEqual: (date: unknown, comparing: unknown) => boolean;
isSameDay: (date: unknown, comparing: unknown) => boolean;
isSameMonth: (date: unknown, comparing: unknown) => boolean;
isValid: (date: any) => boolean;
isWithinRange: (date: unknown, range: [unknown, unknown]) => boolean;
addMinutes: (date: unknown, amount: number) => unknown;
addHours: (date: unknown, amount: number) => unknown;
addDays: (date: unknown, amount: number) => unknown;
addWeeks: (date: unknown, amount: number) => unknown;
addMonths: (date: unknown, amount: number) => unknown;
getYear: (date: unknown) => number;
setYear: (date: unknown, year: number) => unknown;
getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
getWeekArray: (date: unknown) => unknown[][];
getWeekdays: () => string[];
getMonth: (date: unknown) => number;
setMonth: (date: unknown, month: number) => unknown;
getNextMonth: (date: unknown) => unknown;
getHours: (date: unknown) => number;
setHours: (date: unknown, hours: number) => unknown;
getMinutes: (date: unknown) => number;
setMinutes: (date: unknown, minutes: number) => unknown;
};
type DeepPartial<T> = T extends object ? {
[P in keyof T]?: DeepPartial<T[P]>;
} : T;
type ThemeOptions = false | {
cspNonce?: string;
defaultTheme?: string;
variations?: false | VariationsOptions;
themes?: Record<string, ThemeDefinition>;
};
type ThemeDefinition = DeepPartial<InternalThemeDefinition>;
interface VariationsOptions {
colors: string[];
lighten: number;
darken: number;
}
interface InternalThemeDefinition {
dark: boolean;
colors: Colors;
variables: Record<string, string | number>;
}
interface Colors extends BaseColors, OnColors {
[key: string]: string;
}
interface BaseColors {
background: string;
surface: string;
primary: string;
secondary: string;
success: string;
warning: string;
error: string;
info: string;
}
interface OnColors {
'on-background': string;
'on-surface': string;
'on-primary': string;
'on-secondary': string;
'on-success': string;
'on-warning': string;
'on-error': string;
'on-info': string;
}
interface ThemeInstance {
readonly isDisabled: boolean;
readonly themes: Ref<Record<string, InternalThemeDefinition>>;
readonly name: Readonly<Ref<string>>;
readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
readonly computedThemes: DeepReadonly<Ref<Record<string, InternalThemeDefinition>>>;
readonly themeClasses: Readonly<Ref<string | undefined>>;
readonly styles: Readonly<Ref<string>>;
readonly global: {
readonly name: Ref<string>;
readonly current: DeepReadonly<Ref<InternalThemeDefinition>>;
};
}
declare function useTheme(): ThemeInstance;
declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
type Breakpoint = typeof breakpoints[number];
type DisplayBreakpoint = 'xs' | Breakpoint;
type DisplayThresholds = {
[key in DisplayBreakpoint]: number;
};
interface DisplayProps {
mobileBreakpoint?: number | DisplayBreakpoint;
}
interface DisplayOptions {
mobileBreakpoint?: number | DisplayBreakpoint;
thresholds?: Partial<DisplayThresholds>;
}
type SSROptions = boolean | {
clientWidth: number;
clientHeight?: number;
};
interface DisplayPlatform {
android: boolean;
ios: boolean;
cordova: boolean;
electron: boolean;
chrome: boolean;
edge: boolean;
firefox: boolean;
opera: boolean;
win: boolean;
mac: boolean;
linux: boolean;
touch: boolean;
ssr: boolean;
}
interface DisplayInstance {
xs: Ref<boolean>;
sm: Ref<boolean>;
md: Ref<boolean>;
lg: Ref<boolean>;
xl: Ref<boolean>;
xxl: Ref<boolean>;
smAndUp: Ref<boolean>;
mdAndUp: Ref<boolean>;
lgAndUp: Ref<boolean>;
xlAndUp: Ref<boolean>;
smAndDown: Ref<boolean>;
mdAndDown: Ref<boolean>;
lgAndDown: Ref<boolean>;
xlAndDown: Ref<boolean>;
name: Ref<DisplayBreakpoint>;
height: Ref<number>;
width: Ref<number>;
mobile: Ref<boolean>;
mobileBreakpoint: Ref<number | DisplayBreakpoint>;
platform: Ref<DisplayPlatform>;
thresholds: Ref<DisplayThresholds>;
update(): void;
}
declare function useDisplay(props?: DisplayProps, name?: string): {
displayClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
mobile: vue.ComputedRef<boolean>;
xs: Ref<boolean>;
sm: Ref<boolean>;
md: Ref<boolean>;
lg: Ref<boolean>;
xl: Ref<boolean>;
xxl: Ref<boolean>;
smAndUp: Ref<boolean>;
mdAndUp: Ref<boolean>;
lgAndUp: Ref<boolean>;
xlAndUp: Ref<boolean>;
smAndDown: Ref<boolean>;
mdAndDown: Ref<boolean>;
lgAndDown: Ref<boolean>;
xlAndDown: Ref<boolean>;
name: Ref<DisplayBreakpoint>;
height: Ref<number>;
width: Ref<number>;
mobileBreakpoint: Ref<number | DisplayBreakpoint>;
platform: Ref<DisplayPlatform>;
thresholds: Ref<DisplayThresholds>;
/** @internal */
ssr: boolean;
update(): void;
};
declare const block: readonly ["top", "bottom"];
declare const inline: readonly ["start", "end", "left", "right"];
type Tblock = typeof block[number];
type Tinline = typeof inline[number];
type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
declare class Box {
x: number;
y: number;
width: number;
height: number;
constructor({ x, y, width, height }: {
x: number;
y: number;
width: number;
height: number;
});
get top(): number;
get bottom(): number;
get left(): number;
get right(): number;
}
type HSV = {
h: number;
s: number;
v: number;
a?: number;
};
type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
$children?: (VNodeChild | (T extends {
default: infer V;
} ? V : {}) | {
[K in keyof T]?: T[K];
});
'v-slots'?: {
[K in keyof T]?: T[K] | false;
};
} & {
[K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
};
type RawSlots = Record<string, unknown>;
type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
type MakeInternalSlots<T extends RawSlots> = {
[K in keyof T]: Slot<T[K]>;
};
type MakeSlots<T extends RawSlots> = {
[K in keyof T]: VueSlot<T[K]>;
};
type GenericProps<Props, Slots extends Record<string, unknown>> = {
$props: Props & SlotsToProps<Slots>;
$slots: MakeSlots<Slots>;
};
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
}
declare function deepEqual(a: any, b: any): boolean;
type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
type MaybeRef<T> = T | Ref<T>;
type EventProp<T extends any[] = any[], F = (...args: T) => void> = F;
declare const EventProp: <T extends any[] = any[]>() => PropType<(...args: T) => void>;
type DefaultsInstance = undefined | {
[key: string]: undefined | Record<string, unknown>;
global?: Record<string, unknown>;
};
type DefaultsOptions = Partial<DefaultsInstance>;
declare function useDefaults<T extends Record<string, any>>(props: T, name?: string): T;
declare function useDefaults(props?: undefined, name?: string): Record<string, any>;
interface GoToInstance {
rtl: Ref<boolean>;
options: GoToOptions;
}
interface GoToOptions {
container: ComponentPublicInstance | HTMLElement | string;
duration: number;
layout: boolean;
offset: number;
easing: string | ((t: number) => number);
patterns: Record<string, (t: number) => number>;
}
declare function useGoTo(_options?: Partial<GoToOptions>): {
(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
horizontal(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
};
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType<IconValue>;
interface IconAliases {
[name: string]: IconValue;
complete: IconValue;
cancel: IconValue;
close: IconValue;
delete: IconValue;
clear: IconValue;
success: IconValue;
info: IconValue;
warning: IconValue;
error: IconValue;
prev: IconValue;
next: IconValue;
checkboxOn: IconValue;
checkboxOff: IconValue;
checkboxIndeterminate: IconValue;
delimiter: IconValue;
sortAsc: IconValue;
sortDesc: IconValue;
expand: IconValue;
menu: IconValue;
subgroup: IconValue;
dropdown: IconValue;
radioOn: IconValue;
radioOff: IconValue;
edit: IconValue;
ratingEmpty: IconValue;
ratingFull: IconValue;
ratingHalf: IconValue;
loading: IconValue;
first: IconValue;
last: IconValue;
unfold: IconValue;
file: IconValue;
plus: IconValue;
minus: IconValue;
calendar: IconValue;
}
interface IconProps {
tag: string;
icon?: IconValue;
disabled?: Boolean;
}
type IconComponent = JSXComponent<IconProps>;
interface IconSet {
component: IconComponent;
}
type IconOptions = {
defaultSet?: string;
aliases?: Partial<IconAliases>;
sets?: Record<string, IconSet>;
};
declare const VComponentIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}, vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>;
type VComponentIcon = InstanceType<typeof VComponentIcon>;
declare const VSvgIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, {}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}, vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>;
type VSvgIcon = InstanceType<typeof VSvgIcon>;
declare const VLigatureIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, {}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}, vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>;
type VLigatureIcon = InstanceType<typeof VLigatureIcon>;
declare const VClassIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, {}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}, vue.ExtractPropTypes<{
icon: {
type: PropType<IconValue>;
};
tag: {
type: StringConstructor;
required: true;
};
}>>;
type VClassIcon = InstanceType<typeof VClassIcon>;
type Position = 'top' | 'left' | 'right' | 'bottom';
interface Layer {
top: number;
bottom: number;
left: number;
right: number;
}
interface LayoutItem extends Layer {
id: string;
size: number;
position: Position;
}
declare function useLayout(): {
getLayoutItem: (id: string) => LayoutItem | undefined;
mainRect: Ref<Layer>;
mainStyles: Ref<CSSProperties>;
};
type ValidationResult = string | boolean;
type ValidationRule$1 = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
type ValidateOnValue = 'blur' | 'input' | 'submit';
interface ValidationProps {
disabled: boolean | null;
error: boolean;
errorMessages: string | readonly string[] | null;
focused: boolean;
maxErrors: string | number;
name: string | undefined;
label: string | undefined;
readonly: boolean | null;
rules: readonly ValidationRule$1[];
modelValue: any;
'onUpdate:modelValue': EventProp | undefined;
validateOn?: ValidateOnValue | `${ValidateOnValue} lazy` | `lazy ${ValidateOnValue}` | 'lazy';
validationValue: any;
}
declare function useValidation(props: ValidationProps, name?: string, id?: MaybeRef<string | number>): {
errorMessages: vue.ComputedRef<string[]>;
isDirty: vue.ComputedRef<boolean>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isPristine: vue.ShallowRef<boolean>;
isValid: vue.ComputedRef<boolean | null>;
isValidating: vue.ShallowRef<boolean>;
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
validationClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
};
interface FieldValidationResult {
id: number | string;
errorMessages: string[];
}
interface FormValidationResult {
valid: boolean;
errors: FieldValidationResult[];
}
interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {
}
interface VuetifyOptions {
aliases?: Record<string, any>;
blueprint?: Blueprint;
components?: Record<string, any>;
date?: DateOptions;
directives?: Record<string, any>;
defaults?: DefaultsOptions;
display?: DisplayOptions;
goTo?: GoToOptions;
theme?: ThemeOptions;
icons?: IconOptions;
locale?: LocaleOptions & RtlOptions;
ssr?: SSROptions;
}
interface Blueprint extends Omit<VuetifyOptions, 'blueprint'> {
}
declare const VApp: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
theme: ThemeInstance;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
fullHeight: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
theme: ThemeInstance;
}, {}, {}, {}, {
style: vue.StyleValue;
fullHeight: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
theme: ThemeInstance;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
fullHeight: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
overlaps: vue.Prop<string[]>;
fullHeight: {
type: vue.PropType<boolean>;
default: boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
overlaps: vue.Prop<string[]>;
fullHeight: {
type: vue.PropType<boolean>;
default: boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VApp = InstanceType<typeof VApp>;
type Density$1 = null | 'prominent' | 'default' | 'comfortable' | 'compact';
declare const VToolbar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
}, {
contentHeight: vue.ComputedRef<number>;
extensionHeight: vue.ComputedRef<number>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
}, {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
}, {
contentHeight: vue.ComputedRef<number>;
extensionHeight: vue.ComputedRef<number>;
}, {}, {}, {}, {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
}, {
contentHeight: vue.ComputedRef<number>;
extensionHeight: vue.ComputedRef<number>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
absolute: BooleanConstructor;
collapse: BooleanConstructor;
color: StringConstructor;
density: {
type: PropType<Density$1>;
default: string;
validator: (v: any) => boolean;
};
extended: BooleanConstructor;
extensionHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
flat: BooleanConstructor;
floating: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
image: StringConstructor;
title: StringConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
absolute: BooleanConstructor;
collapse: BooleanConstructor;
color: StringConstructor;
density: {
type: PropType<Density$1>;
default: string;
validator: (v: any) => boolean;
};
extended: BooleanConstructor;
extensionHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
flat: BooleanConstructor;
floating: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
image: StringConstructor;
title: StringConstructor;
}>>;
type VToolbar = InstanceType<typeof VToolbar>;
declare const VAppBar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
scrollTarget?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
scrollTarget?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
scrollTarget?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
scrollTarget?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
extension?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
extension?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
rounded: string | number | boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
modelValue: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
extension: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
scrollTarget: {
type: StringConstructor;
};
scrollThreshold: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
collapse: BooleanConstructor;
color: StringConstructor;
density: {
type: PropType<Density$1>;
default: string;
validator: (v: any) => boolean;
};
extended: BooleanConstructor;
extensionHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
flat: BooleanConstructor;
floating: BooleanConstructor;
image: StringConstructor;
title: StringConstructor;
scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image">;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
location: {
type: PropType<"top" | "bottom">;
default: string;
validator: (value: any) => boolean;
};
}, vue.ExtractPropTypes<{
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
scrollTarget: {
type: StringConstructor;
};
scrollThreshold: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
collapse: BooleanConstructor;
color: StringConstructor;
density: {
type: PropType<Density$1>;
default: string;
validator: (v: any) => boolean;
};
extended: BooleanConstructor;
extensionHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
flat: BooleanConstructor;
floating: BooleanConstructor;
image: StringConstructor;
title: StringConstructor;
scrollBehavior: PropType<"hide" | (string & {}) | "collapse" | "inverted" | "elevate" | "fade-image">;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
location: {
type: PropType<"top" | "bottom">;
default: string;
validator: (value: any) => boolean;
};
}>>;
type VAppBar = InstanceType<typeof VAppBar>;
interface GroupItem {
id: number;
value: Ref<unknown>;
disabled: Ref<boolean | undefined>;
}
interface GroupProvide {
register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
unregister: (id: number) => void;
select: (id: number, value: boolean) => void;
selected: Ref<Readonly<number[]>>;
isSelected: (id: number) => boolean;
prev: () => void;
next: () => void;
selectedClass: Ref<string | undefined>;
items: ComputedRef<{
id: number;
value: unknown;
disabled: boolean | undefined;
}[]>;
disabled: Ref<boolean | undefined>;
getItemIndex: (value: unknown) => number;
}
interface GroupItemProvide {
id: number;
isSelected: Ref<boolean>;
toggle: () => void;
select: (value: boolean) => void;
selectedClass: Ref<(string | undefined)[] | false>;
value: Ref<unknown>;
disabled: Ref<boolean | undefined>;
group: GroupProvide;
}
type Density = null | 'default' | 'comfortable' | 'compact';
declare const VAppBarNavIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
icon: NonNullable<boolean | IconValue>;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: {
type: vue.PropType<NonNullable<boolean | IconValue>>;
default: NonNullable<boolean | IconValue>;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
block: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: {
type: vue.PropType<NonNullable<boolean | IconValue>>;
default: NonNullable<boolean | IconValue>;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
block: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
}>>;
type VAppBarNavIcon = InstanceType<typeof VAppBarNavIcon>;
declare const VAppBarTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}>>;
type VAppBarTitle = InstanceType<typeof VAppBarTitle>;
declare const allowedTypes: readonly ["success", "info", "warning", "error"];
type ContextualType = typeof allowedTypes[number];
declare const VAlert: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
borderColor?: string | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
borderColor?: string | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
rounded: string | number | boolean;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
close: (arg: {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
borderColor?: string | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, {}, {}, {}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
rounded: string | number | boolean;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: boolean | "end" | "start" | "top" | "bottom" | undefined;
borderColor?: string | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | ((arg: {
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
}, string, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
rounded: string | number | boolean;
prominent: boolean;
density: Density;
modelValue: boolean;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
close: (arg: {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: {
type: PropType<boolean | "end" | "start" | "top" | "bottom">;
validator: (val: boolean | string) => boolean;
};
borderColor: StringConstructor;
closable: BooleanConstructor;
closeIcon: {
type: PropType<IconValue>;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
icon: {
type: PropType<false | IconValue>;
default: null;
};
modelValue: {
type: BooleanConstructor;
default: boolean;
};
prominent: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
type: {
type: PropType<"error" | "success" | "warning" | "info">;
validator: (val: ContextualType) => boolean;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: {
type: PropType<boolean | "end" | "start" | "top" | "bottom">;
validator: (val: boolean | string) => boolean;
};
borderColor: StringConstructor;
closable: BooleanConstructor;
closeIcon: {
type: PropType<IconValue>;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
icon: {
type: PropType<false | IconValue>;
default: null;
};
modelValue: {
type: BooleanConstructor;
default: boolean;
};
prominent: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
type: {
type: PropType<"error" | "success" | "warning" | "info">;
validator: (val: ContextualType) => boolean;
};
}>>;
type VAlert = InstanceType<typeof VAlert>;
declare const VAlertTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VAlertTitle = InstanceType<typeof VAlertTitle>;
interface LoaderSlotProps {
color: string | undefined;
isActive: boolean;
}
interface DefaultInputSlot {
isActive: Ref<boolean>;
isFocused: Ref<boolean>;
controlRef: Ref<HTMLElement | undefined>;
focus: () => void;
blur: () => void;
}
interface VFieldSlot extends DefaultInputSlot {
props: Record<string, unknown>;
}
type VFieldSlots = {
clear: never;
'prepend-inner': DefaultInputSlot;
'append-inner': DefaultInputSlot;
label: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
};
loader: LoaderSlotProps;
default: VFieldSlot;
};
declare const VField: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: Ref<HTMLElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, true, {}, vue.SlotsType<Partial<{
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: Ref<HTMLElement | undefined>;
}, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: Ref<HTMLElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VFieldSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VFieldSlots>) & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
id: StringConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
id: StringConstructor;
}>>;
type VField = InstanceType<typeof VField>;
type VMessageSlot = {
message: string;
};
declare const VMessages: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
} & {
color?: string | undefined;
class?: any;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
} & {
color?: string | undefined;
class?: any;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
}, {
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
} & {
color?: string | undefined;
class?: any;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
} & {
color?: string | undefined;
class?: any;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
active: boolean;
transition: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
style: vue.StyleValue;
messages: string | readonly string[];
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<{
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>>;
default: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
color: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<{
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>>;
default: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
color: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
}>>;
type VMessages = InstanceType<typeof VMessages>;
interface VInputSlot {
id: ComputedRef<string>;
messagesId: ComputedRef<string>;
isDirty: ComputedRef<boolean>;
isDisabled: ComputedRef<boolean>;
isReadonly: ComputedRef<boolean>;
isPristine: Ref<boolean>;
isValid: ComputedRef<boolean | null>;
isValidating: Ref<boolean>;
reset: () => void;
resetValidation: () => void;
validate: () => void;
}
type VInputSlots = {
default: VInputSlot;
prepend: VInputSlot;
append: VInputSlot;
details: VInputSlot;
message: VMessageSlot;
};
declare const VInput: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: ComputedRef<boolean | null>;
errorMessages: ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: ComputedRef<boolean | null>;
errorMessages: ComputedRef<string[]>;
}, {}, {}, {}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: ComputedRef<boolean | null>;
errorMessages: ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, slots: VInputSlots) => GenericProps<{
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, VInputSlots>) & FilterPropsOptions<{
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
disabled: {
type: PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
disabled: {
type: PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
}>>;
type VInput = InstanceType<typeof VInput>;
/**
* - match without highlight
* - single match (index), length already known
* - single match (start, end)
* - multiple matches (start, end), probably shouldn't overlap
*/
type FilterMatch = boolean | number | [number, number] | [number, number][];
type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
type FilterKeyFunctions = Record<string, FilterFunction>;
type FilterKeys = string | string[];
type FilterMode = 'some' | 'every' | 'union' | 'intersection';
interface InternalItem<T = any> {
value: any;
raw: T;
}
interface ScrollStrategyData {
root: Ref<HTMLElement | undefined>;
contentEl: Ref<HTMLElement | undefined>;
targetEl: Ref<HTMLElement | undefined>;
isActive: Ref<boolean>;
updateLocation: Ref<((e: Event) => void) | undefined>;
}
type ScrollStrategyFn = (data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope) => void;
declare const scrollStrategies: {
none: null;
close: typeof closeScrollStrategy;
block: typeof blockScrollStrategy;
reposition: typeof repositionScrollStrategy;
};
interface StrategyProps$1 {
scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
contained: boolean | undefined;
}
declare function closeScrollStrategy(data: ScrollStrategyData): void;
declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1): void;
declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps$1, scope: EffectScope): void;
interface LocationStrategyData {
contentEl: Ref<HTMLElement | undefined>;
target: Ref<HTMLElement | [x: number, y: number] | undefined>;
isActive: Ref<boolean>;
isRtl: Ref<boolean>;
}
type LocationStrategyFn = (data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e: Event) => void;
};
declare const locationStrategies: {
static: typeof staticLocationStrategy;
connected: typeof connectedLocationStrategy;
};
interface StrategyProps {
locationStrategy: keyof typeof locationStrategies | LocationStrategyFn;
location: Anchor;
origin: Anchor | 'auto' | 'overlap';
offset?: number | string | number[];
maxHeight?: number | string;
maxWidth?: number | string;
minHeight?: number | string;
minWidth?: number | string;
}
declare function staticLocationStrategy(): void;
declare function connectedLocationStrategy(data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>): {
updateLocation: () => {
available: {
x: number;
y: number;
};
contentBox: Box;
} | undefined;
};
type ListItemSlot = {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
};
type ListItemTitleSlot = {
title?: string | number;
};
type ListItemSubtitleSlot = {
subtitle?: string | number;
};
type VListItemSlots = {
prepend: ListItemSlot;
append: ListItemSlot;
default: ListItemSlot;
title: ListItemTitleSlot;
subtitle: ListItemSubtitleSlot;
};
declare const VListItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: vue.VNodeChild | {
prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ListItemSlot) => vue.VNodeChild);
'v-slots'?: {
prepend?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: (e: MouseEvent | KeyboardEvent) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: vue.VNodeChild | {
prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ListItemSlot) => vue.VNodeChild);
'v-slots'?: {
prepend?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
}, {
replace: boolean;
link: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: ListItemTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: ListItemSubtitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: vue.VNodeChild | {
prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ListItemSlot) => vue.VNodeChild);
'v-slots'?: {
prepend?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
}, {}, {}, {}, {}, {
replace: boolean;
link: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
replace: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: vue.VNodeChild | {
prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ListItemSlot) => vue.VNodeChild);
'v-slots'?: {
prepend?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: (e: MouseEvent | KeyboardEvent) => true;
}, string, {
replace: boolean;
link: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
prepend: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: ListItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: ListItemTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: ListItemSubtitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeClass: StringConstructor;
activeColor: StringConstructor;
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
disabled: BooleanConstructor;
lines: PropType<"one" | "two" | "three">;
link: {
type: BooleanConstructor;
default: undefined;
};
nav: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
slim: BooleanConstructor;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
value: null;
onClick: PropType<(args_0: MouseEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeClass: StringConstructor;
activeColor: StringConstructor;
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
disabled: BooleanConstructor;
lines: PropType<"one" | "two" | "three">;
link: {
type: BooleanConstructor;
default: undefined;
};
nav: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
slim: BooleanConstructor;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
value: null;
onClick: PropType<(args_0: MouseEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}>>;
type VListItem = InstanceType<typeof VListItem>;
type OpenStrategyFn = (data: {
id: unknown;
value: boolean;
opened: Set<unknown>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Set<unknown>;
type OpenSelectStrategyFn = (data: {
id: unknown;
value: boolean;
opened: Set<unknown>;
selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Set<unknown> | null;
type OpenStrategy = {
open: OpenStrategyFn;
select: OpenSelectStrategyFn;
};
type SelectStrategyFn = (data: {
id: unknown;
value: boolean;
selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategyFn;
type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
interface ListItem<T = any> extends InternalItem<T> {
title: string;
props: {
[key: string]: any;
title: string;
value: any;
};
children?: ListItem<T>[];
}
type Primitive$2 = string | number | boolean | symbol;
type Val$2<T, ReturnObject extends boolean> = [T] extends [Primitive$2] ? T : (ReturnObject extends true ? T : any);
type Value$2<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$2<T, ReturnObject>[] : Val$2<T, ReturnObject> | null;
type ItemType$6<T> = T extends readonly (infer U)[] ? U : never;
declare const VAutocomplete: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
search?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: any) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:search': (value: any) => true;
'update:modelValue': (value: any) => boolean;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
search?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: any) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
search?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: any) => any) | undefined;
}, any, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
search?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: any) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:search': (value: any) => true;
'update:modelValue': (value: any) => boolean;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], Item = ItemType$6<T>, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value$2<Item, ReturnObject, Multiple> = Value$2<Item, ReturnObject, Multiple>>(props: {
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$6<T>>;
itemValue?: SelectItemKey<ItemType$6<T>>;
itemProps?: SelectItemKey<ItemType$6<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}) => GenericProps<{
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$6<T>>;
itemValue?: SelectItemKey<ItemType$6<T>>;
itemProps?: SelectItemKey<ItemType$6<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: BooleanConstructor;
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<NonNullable<FilterKeys>>;
default: NonNullable<FilterKeys>;
};
filterMode: {
type: PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
autoSelectFirst: {
type: PropType<boolean | "exact">;
};
clearOnSelect: BooleanConstructor;
search: StringConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: BooleanConstructor;
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<NonNullable<FilterKeys>>;
default: NonNullable<FilterKeys>;
};
filterMode: {
type: PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
autoSelectFirst: {
type: PropType<boolean | "exact">;
};
clearOnSelect: BooleanConstructor;
search: StringConstructor;
}>>;
type VAutocomplete = InstanceType<typeof VAutocomplete>;
declare const VAvatar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
density: Density;
} & {
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
density: Density;
} & {
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
density: Density;
} & {
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
density: Density;
} & {
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
icon: vue.PropType<IconValue>;
image: StringConstructor;
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
icon: vue.PropType<IconValue>;
image: StringConstructor;
text: StringConstructor;
}>>;
type VAvatar = InstanceType<typeof VAvatar>;
declare const VBadge: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
badge?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
badge?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
badge?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
badge?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
}, {
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
badge: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
badge?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
badge?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
offsetX?: string | number | undefined;
offsetY?: string | number | undefined;
textColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
badge?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
badge?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:badge"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inline: boolean;
location: NonNullable<Anchor>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean;
bordered: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
badge: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
location: {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
bordered: BooleanConstructor;
color: StringConstructor;
content: (StringConstructor | NumberConstructor)[];
dot: BooleanConstructor;
floating: BooleanConstructor;
icon: vue.PropType<IconValue>;
inline: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
max: (StringConstructor | NumberConstructor)[];
modelValue: {
type: BooleanConstructor;
default: boolean;
};
offsetX: (StringConstructor | NumberConstructor)[];
offsetY: (StringConstructor | NumberConstructor)[];
textColor: StringConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
location: {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
bordered: BooleanConstructor;
color: StringConstructor;
content: (StringConstructor | NumberConstructor)[];
dot: BooleanConstructor;
floating: BooleanConstructor;
icon: vue.PropType<IconValue>;
inline: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
max: (StringConstructor | NumberConstructor)[];
modelValue: {
type: BooleanConstructor;
default: boolean;
};
offsetX: (StringConstructor | NumberConstructor)[];
offsetY: (StringConstructor | NumberConstructor)[];
textColor: StringConstructor;
}>>;
type VBadge = InstanceType<typeof VBadge>;
declare const VBanner: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
sticky: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
lines?: "one" | "two" | "three" | undefined;
avatar?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
sticky: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
lines?: "one" | "two" | "three" | undefined;
avatar?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
density: Density;
stacked: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
sticky: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
lines?: "one" | "two" | "three" | undefined;
avatar?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
density: Density;
stacked: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
sticky: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
lines?: "one" | "two" | "three" | undefined;
avatar?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
density: Density;
stacked: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
avatar: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
icon: PropType<IconValue>;
lines: PropType<"one" | "two" | "three">;
stacked: BooleanConstructor;
sticky: BooleanConstructor;
text: StringConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
avatar: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
icon: PropType<IconValue>;
lines: PropType<"one" | "two" | "three">;
stacked: BooleanConstructor;
sticky: BooleanConstructor;
text: StringConstructor;
}>>;
type VBanner = InstanceType<typeof VBanner>;
declare const VBannerActions: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
density: StringConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
density: StringConstructor;
}>>;
type VBannerActions = InstanceType<typeof VBannerActions>;
declare const VBannerText: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VBannerText = InstanceType<typeof VBannerText>;
declare const VBottomNavigation: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {}, {
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
grow: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {}, {}, {}, {}, {}, {
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
grow: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
absolute: boolean;
height: string | number;
active: boolean;
name: string;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
grow: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: {
default: never;
}) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, {
default: never;
}>) & FilterPropsOptions<{
theme: StringConstructor;
modelValue: Omit<{
type: null;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<any>;
default: any;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: vue.PropType<string>;
default: string;
};
disabled: BooleanConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
name: Omit<{
type: StringConstructor;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
bgColor: StringConstructor;
color: StringConstructor;
grow: BooleanConstructor;
mode: {
type: StringConstructor;
validator: (v: any) => boolean;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
active: {
type: BooleanConstructor;
default: boolean;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
modelValue: Omit<{
type: null;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<any>;
default: any;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: vue.PropType<string>;
default: string;
};
disabled: BooleanConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
name: Omit<{
type: StringConstructor;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
bgColor: StringConstructor;
color: StringConstructor;
grow: BooleanConstructor;
mode: {
type: StringConstructor;
validator: (v: any) => boolean;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
active: {
type: BooleanConstructor;
default: boolean;
};
}>>;
type VBottomNavigation = InstanceType<typeof VBottomNavigation>;
declare const VBottomSheet: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
inset: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>>;
default: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
inset: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>>;
default: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
inset: BooleanConstructor;
}>>;
type VBottomSheet = InstanceType<typeof VBottomSheet>;
interface LinkProps {
href: string | undefined;
replace: boolean | undefined;
to: RouteLocationRaw | undefined;
exact: boolean | undefined;
}
type BreadcrumbItem = string | (Partial<LinkProps> & {
title: string;
disabled?: boolean;
});
declare const VBreadcrumbs: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
density: Density;
}, true, {}, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
density: Density;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, string, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
density: Density;
}, {}, string, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends BreadcrumbItem>(props: {
items?: T[] | undefined;
}, slots: {
prepend: never;
title: {
item: T;
index: number;
};
divider: {
item: T;
index: number;
};
item: {
item: T;
index: number;
};
default: never;
}) => GenericProps<{
items?: T[] | undefined;
}, {
prepend: never;
title: {
item: T;
index: number;
};
divider: {
item: T;
index: number;
};
item: {
item: T;
index: number;
};
default: never;
}>) & FilterPropsOptions<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
activeClass: StringConstructor;
activeColor: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
disabled: BooleanConstructor;
divider: {
type: StringConstructor;
default: string;
};
icon: PropType<IconValue>;
items: {
type: PropType<readonly BreadcrumbItem[]>;
default: () => never[];
};
}, vue.ExtractPropTypes<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
activeClass: StringConstructor;
activeColor: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
disabled: BooleanConstructor;
divider: {
type: StringConstructor;
default: string;
};
icon: PropType<IconValue>;
items: {
type: PropType<readonly BreadcrumbItem[]>;
default: () => never[];
};
}>>;
type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>;
declare const VBreadcrumbsItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
href?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
href?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
href?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
href?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
activeClass: StringConstructor;
activeColor: StringConstructor;
color: StringConstructor;
disabled: BooleanConstructor;
title: StringConstructor;
}, vue.ExtractPropTypes<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
activeClass: StringConstructor;
activeColor: StringConstructor;
color: StringConstructor;
disabled: BooleanConstructor;
title: StringConstructor;
}>>;
type VBreadcrumbsItem = InstanceType<typeof VBreadcrumbsItem>;
declare const VBreadcrumbsDivider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
divider: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
divider: (StringConstructor | NumberConstructor)[];
}>>;
type VBreadcrumbsDivider = InstanceType<typeof VBreadcrumbsDivider>;
declare const VBtn: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, {}, {}, {}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: PropType<boolean | IconValue>;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
block: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: PropType<boolean | IconValue>;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
block: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
}>>;
type VBtn = InstanceType<typeof VBtn>;
declare const VBtnGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
divided: BooleanConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
divided: BooleanConstructor;
}>>;
type VBtnGroup = InstanceType<typeof VBtnGroup>;
type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev';
interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {
}
type VBtnToggleSlots = {
default: DefaultBtnToggleSlot;
};
declare const VBtnToggle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
} & {}, {
next: () => void;
prev: () => void;
select: (id: number, value: boolean) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
} & {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
} & {}, {
next: () => void;
prev: () => void;
select: (id: number, value: boolean) => void;
}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
} & {}, {
next: () => void;
prev: () => void;
select: (id: number, value: boolean) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
divided: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: DefaultBtnToggleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VBtnToggleSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VBtnToggleSlots>) & FilterPropsOptions<{
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
divided: BooleanConstructor;
}, vue.ExtractPropTypes<{
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
divided: BooleanConstructor;
}>>;
type VBtnToggle = InstanceType<typeof VBtnToggle>;
declare const VCardItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
density: Density;
} & {
title?: string | number | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
density: Density;
} & {
title?: string | number | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
density: Density;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
density: Density;
} & {
title?: string | number | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
density: Density;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
density: Density;
} & {
title?: string | number | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
density: Density;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
appendAvatar: StringConstructor;
appendIcon: vue.PropType<IconValue>;
prependAvatar: StringConstructor;
prependIcon: vue.PropType<IconValue>;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
appendAvatar: StringConstructor;
appendIcon: vue.PropType<IconValue>;
prependAvatar: StringConstructor;
prependIcon: vue.PropType<IconValue>;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
}>>;
type VCardItem = InstanceType<typeof VCardItem>;
declare const VCard: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
item?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
item?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
item?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
item?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
}, {
replace: boolean;
link: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
item?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
item?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
replace: boolean;
link: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
subtitle?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: (() => vue.VNodeChild) | undefined;
item?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
subtitle?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
image?: false | (() => vue.VNodeChild) | undefined;
item?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:image"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
replace: boolean;
link: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
disabled: BooleanConstructor;
flat: BooleanConstructor;
hover: BooleanConstructor;
image: StringConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
subtitle: (StringConstructor | NumberConstructor)[];
text: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
loading: (StringConstructor | BooleanConstructor)[];
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
disabled: BooleanConstructor;
flat: BooleanConstructor;
hover: BooleanConstructor;
image: StringConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
subtitle: (StringConstructor | NumberConstructor)[];
text: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
}>>;
type VCard = InstanceType<typeof VCard>;
declare const VCardActions: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VCardActions = InstanceType<typeof VCardActions>;
declare const VCardSubtitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
declare const VCardText: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VCardText = InstanceType<typeof VCardText>;
declare const VCardTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VCardTitle = InstanceType<typeof VCardTitle>;
interface TouchHandlers {
start?: (wrapperEvent: {
originalEvent: TouchEvent;
} & TouchData) => void;
end?: (wrapperEvent: {
originalEvent: TouchEvent;
} & TouchData) => void;
move?: (wrapperEvent: {
originalEvent: TouchEvent;
} & TouchData) => void;
left?: (wrapper: TouchData) => void;
right?: (wrapper: TouchData) => void;
up?: (wrapper: TouchData) => void;
down?: (wrapper: TouchData) => void;
}
interface TouchData {
touchstartX: number;
touchstartY: number;
touchmoveX: number;
touchmoveY: number;
touchendX: number;
touchendY: number;
offsetX: number;
offsetY: number;
}
interface TouchValue extends TouchHandlers {
parent?: boolean;
options?: AddEventListenerOptions;
}
interface TouchDirectiveBinding extends Omit<DirectiveBinding, 'value'> {
value?: TouchValue;
}
declare function mounted$5(el: HTMLElement, binding: TouchDirectiveBinding): void;
declare function unmounted$5(el: HTMLElement, binding: TouchDirectiveBinding): void;
declare const Touch: {
mounted: typeof mounted$5;
unmounted: typeof unmounted$5;
};
type VWindowSlots = {
default: {
group: GroupProvide;
};
additional: {
group: GroupProvide;
};
prev: {
props: ControlProps;
};
next: {
props: ControlProps;
};
};
type ControlProps = {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
declare const VWindow: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
} & {
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
group: GroupProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
} & {
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: {
props: ControlProps;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: ControlProps;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
} & {
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
group: GroupProvide;
}, {}, {}, {}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
} & {
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
group: GroupProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, string, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
continuous: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: {
props: ControlProps;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: ControlProps;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VWindowSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VWindowSlots>) & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
continuous: BooleanConstructor;
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
reverse: BooleanConstructor;
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
touch: {
type: PropType<boolean | TouchHandlers>;
default: undefined;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
modelValue: null;
disabled: BooleanConstructor;
selectedClass: {
type: StringConstructor;
default: string;
};
mandatory: {
type: PropType<boolean | "force">;
default: "force";
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
continuous: BooleanConstructor;
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
reverse: BooleanConstructor;
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
touch: {
type: PropType<boolean | TouchHandlers>;
default: undefined;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
modelValue: null;
disabled: BooleanConstructor;
selectedClass: {
type: StringConstructor;
default: string;
};
mandatory: {
type: PropType<boolean | "force">;
default: "force";
};
}>>;
type VWindow = InstanceType<typeof VWindow>;
type VCarouselSlots = VWindowSlots & {
item: {
props: Record<string, any>;
item: {
id: number;
value: unknown;
disabled: boolean | undefined;
};
};
};
declare const VCarousel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:item">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: Record<string, any>;
item: {
id: number;
value: unknown;
disabled: boolean | undefined;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, {}, {}, {}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
touch?: boolean | TouchHandlers | undefined;
theme?: string | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:additional" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:item">, string, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: NonNullable<string | boolean>;
continuous: boolean;
cycle: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: Record<string, any>;
item: {
id: number;
value: unknown;
disabled: boolean | undefined;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VCarouselSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VCarouselSlots>) & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
continuous: {
type: PropType<boolean>;
default: boolean;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
reverse: BooleanConstructor;
showArrows: Omit<{
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
touch: {
type: PropType<boolean | TouchHandlers>;
default: undefined;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
modelValue: null;
disabled: BooleanConstructor;
selectedClass: {
type: StringConstructor;
default: string;
};
mandatory: Omit<{
type: PropType<boolean | "force">;
default: "force";
}, "type" | "default"> & {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
color: StringConstructor;
cycle: BooleanConstructor;
delimiterIcon: {
type: PropType<IconValue>;
default: string;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideDelimiters: BooleanConstructor;
hideDelimiterBackground: BooleanConstructor;
interval: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (value: string | number) => boolean;
};
progress: (StringConstructor | BooleanConstructor)[];
verticalDelimiters: PropType<boolean | "left" | "right">;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
continuous: {
type: PropType<boolean>;
default: boolean;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
reverse: BooleanConstructor;
showArrows: Omit<{
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
touch: {
type: PropType<boolean | TouchHandlers>;
default: undefined;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
modelValue: null;
disabled: BooleanConstructor;
selectedClass: {
type: StringConstructor;
default: string;
};
mandatory: Omit<{
type: PropType<boolean | "force">;
default: "force";
}, "type" | "default"> & {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
color: StringConstructor;
cycle: BooleanConstructor;
delimiterIcon: {
type: PropType<IconValue>;
default: string;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideDelimiters: BooleanConstructor;
hideDelimiterBackground: BooleanConstructor;
interval: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (value: string | number) => boolean;
};
progress: (StringConstructor | BooleanConstructor)[];
verticalDelimiters: PropType<boolean | "left" | "right">;
}>>;
type VCarousel = InstanceType<typeof VCarousel>;
interface srcObject {
src?: string;
srcset?: string;
lazySrc?: string;
aspect: number;
}
declare const VImg: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
} & {
onError?: ((value: string | undefined) => any) | undefined;
onLoad?: ((value: string | undefined) => any) | undefined;
onLoadstart?: ((value: string | undefined) => any) | undefined;
}, {
currentSrc: vue.ShallowRef<string>;
image: vue.Ref<HTMLImageElement | undefined>;
state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
naturalWidth: vue.ShallowRef<number | undefined>;
naturalHeight: vue.ShallowRef<number | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
loadstart: (value: string | undefined) => true;
load: (value: string | undefined) => true;
error: (value: string | undefined) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
} & {
onError?: ((value: string | undefined) => any) | undefined;
onLoad?: ((value: string | undefined) => any) | undefined;
onLoadstart?: ((value: string | undefined) => any) | undefined;
}, {
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
} & {
onError?: ((value: string | undefined) => any) | undefined;
onLoad?: ((value: string | undefined) => any) | undefined;
onLoadstart?: ((value: string | undefined) => any) | undefined;
}, {
currentSrc: vue.ShallowRef<string>;
image: vue.Ref<HTMLImageElement | undefined>;
state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
naturalWidth: vue.ShallowRef<number | undefined>;
naturalHeight: vue.ShallowRef<number | undefined>;
}, {}, {}, {}, {
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
} & {
onError?: ((value: string | undefined) => any) | undefined;
onLoad?: ((value: string | undefined) => any) | undefined;
onLoadstart?: ((value: string | undefined) => any) | undefined;
}, {
currentSrc: vue.ShallowRef<string>;
image: vue.Ref<HTMLImageElement | undefined>;
state: vue.ShallowRef<"error" | "loaded" | "idle" | "loading">;
naturalWidth: vue.ShallowRef<number | undefined>;
naturalHeight: vue.ShallowRef<number | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
loadstart: (value: string | undefined) => true;
load: (value: string | undefined) => true;
error: (value: string | undefined) => true;
}, string, {
inline: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: PropType<boolean | "false" | "true">;
default: undefined;
};
eager: BooleanConstructor;
gradient: StringConstructor;
lazySrc: StringConstructor;
options: {
type: PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
sizes: StringConstructor;
src: {
type: PropType<string | srcObject>;
default: string;
};
crossorigin: PropType<"" | "anonymous" | "use-credentials">;
referrerpolicy: PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
srcset: StringConstructor;
position: StringConstructor;
}, vue.ExtractPropTypes<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: PropType<boolean | "false" | "true">;
default: undefined;
};
eager: BooleanConstructor;
gradient: StringConstructor;
lazySrc: StringConstructor;
options: {
type: PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
sizes: StringConstructor;
src: {
type: PropType<string | srcObject>;
default: string;
};
crossorigin: PropType<"" | "anonymous" | "use-credentials">;
referrerpolicy: PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
srcset: StringConstructor;
position: StringConstructor;
}>>;
type VImg = InstanceType<typeof VImg>;
declare const VCarouselItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
transition?: string | boolean | undefined;
value?: any;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
transition?: string | boolean | undefined;
value?: any;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {
inline: boolean;
transition: string | boolean;
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
reverseTransition: string | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
transition?: string | boolean | undefined;
value?: any;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
transition: string | boolean;
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
reverseTransition: string | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: string | undefined;
transition?: string | boolean | undefined;
value?: any;
draggable?: boolean | "false" | "true" | undefined;
class?: any;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
alt?: string | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
contentClass?: string | undefined;
rounded?: string | number | boolean | undefined;
gradient?: string | undefined;
lazySrc?: string | undefined;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inline: boolean;
transition: string | boolean;
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
reverseTransition: string | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: vue.PropType<boolean | "false" | "true">;
default: undefined;
};
gradient: StringConstructor;
lazySrc: StringConstructor;
options: {
type: vue.PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
sizes: StringConstructor;
src: {
type: vue.PropType<string | srcObject>;
default: string;
};
crossorigin: vue.PropType<"" | "anonymous" | "use-credentials">;
referrerpolicy: vue.PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
srcset: StringConstructor;
position: StringConstructor;
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: vue.PropType<boolean | "false" | "true">;
default: undefined;
};
gradient: StringConstructor;
lazySrc: StringConstructor;
options: {
type: vue.PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
sizes: StringConstructor;
src: {
type: vue.PropType<string | srcObject>;
default: string;
};
crossorigin: vue.PropType<"" | "anonymous" | "use-credentials">;
referrerpolicy: vue.PropType<"origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
srcset: StringConstructor;
position: StringConstructor;
}>>;
type VCarouselItem = InstanceType<typeof VCarouselItem>;
declare const VSelectionControlGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
} & {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
} & {}, {}, {}, {}, {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: {
default: never;
}) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, {
default: never;
}>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: PropType<boolean | null>;
default: null;
};
defaultsTarget: {
type: PropType<string>;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: PropType<IconValue>;
trueIcon: PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: PropType<boolean | null>;
default: null;
};
defaultsTarget: {
type: PropType<string>;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: PropType<IconValue>;
trueIcon: PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
}>>;
type VSelectionControlGroup = InstanceType<typeof VSelectionControlGroup>;
type SelectionControlSlot = {
model: WritableComputedRef<boolean>;
textColorClasses: Ref<string[]>;
textColorStyles: Ref<CSSProperties>;
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
inputNode: VNode;
icon: IconValue | undefined;
props: {
onBlur: (e: Event) => void;
onFocus: (e: FocusEvent) => void;
id: string;
};
};
type VSelectionControlSlots = {
default: {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
};
label: {
label: string | undefined;
props: Record<string, unknown>;
};
input: SelectionControlSlot;
};
declare const VSelectionControl: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
isFocused: vue.ShallowRef<boolean>;
input: Ref<HTMLInputElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
isFocused: vue.ShallowRef<boolean>;
input: Ref<HTMLInputElement | undefined>;
}, {}, {}, {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
isFocused: vue.ShallowRef<boolean>;
input: Ref<HTMLInputElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VSelectionControlSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VSelectionControlSlots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: vue.PropType<IconValue>;
trueIcon: vue.PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}, ExtractPropTypes<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: vue.PropType<IconValue>;
trueIcon: vue.PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}>>;
type VSelectionControl = InstanceType<typeof VSelectionControl>;
type VCheckboxSlots = Omit<VInputSlots, 'default'> & VSelectionControlSlots;
declare const VCheckbox: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
'update:focused': (focused: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
'update:focused': (focused: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, slots: VCheckboxSlots) => GenericProps<{
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, VCheckboxSlots>) & FilterPropsOptions<{
type: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
name: StringConstructor;
color: StringConstructor;
value: null;
label: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
class: vue.PropType<any>;
indeterminate: BooleanConstructor;
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: null;
ripple: {
type: BooleanConstructor;
default: boolean;
};
defaultsTarget: StringConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
indeterminateIcon: {
type: vue.PropType<IconValue>;
default: string;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
type: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
name: StringConstructor;
color: StringConstructor;
value: null;
label: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
class: vue.PropType<any>;
indeterminate: BooleanConstructor;
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: null;
ripple: {
type: BooleanConstructor;
default: boolean;
};
defaultsTarget: StringConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
indeterminateIcon: {
type: vue.PropType<IconValue>;
default: string;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
}>>;
type VCheckbox = InstanceType<typeof VCheckbox>;
declare const VCheckboxBtn: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
'update:indeterminate': (value: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
'update:indeterminate': (value: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label">, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VSelectionControlSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VSelectionControlSlots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
indeterminate: BooleanConstructor;
indeterminateIcon: {
type: vue.PropType<IconValue>;
default: string;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
indeterminate: BooleanConstructor;
indeterminateIcon: {
type: vue.PropType<IconValue>;
default: string;
};
}>>;
type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>;
declare const VChip: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: (() => vue.VNodeChild) | undefined;
filter?: (() => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | (() => vue.VNodeChild) | undefined;
filter?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
'group:selected': (val: {
value: boolean;
}) => true;
click: (e: MouseEvent | KeyboardEvent) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: (() => vue.VNodeChild) | undefined;
filter?: (() => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | (() => vue.VNodeChild) | undefined;
filter?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, {
replace: boolean;
link: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: (() => vue.VNodeChild) | undefined;
filter?: (() => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | (() => vue.VNodeChild) | undefined;
filter?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, {}, {}, {}, {
replace: boolean;
link: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
replace: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
close?: (() => vue.VNodeChild) | undefined;
filter?: (() => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
label?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
close?: false | (() => vue.VNodeChild) | undefined;
filter?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:close"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:filter"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
"onClick:close"?: ((e: MouseEvent) => any) | undefined;
}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:close': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
'group:selected': (val: {
value: boolean;
}) => true;
click: (e: MouseEvent | KeyboardEvent) => true;
}, string, {
replace: boolean;
link: boolean;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
modelValue: boolean;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: string;
pill: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
close: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
filter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activeClass: StringConstructor;
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
closable: BooleanConstructor;
closeIcon: {
type: PropType<IconValue>;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
draggable: BooleanConstructor;
filter: BooleanConstructor;
filterIcon: {
type: StringConstructor;
default: string;
};
label: BooleanConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
pill: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
onClick: PropType<(args_0: MouseEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activeClass: StringConstructor;
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
closable: BooleanConstructor;
closeIcon: {
type: PropType<IconValue>;
default: string;
};
closeLabel: {
type: StringConstructor;
default: string;
};
draggable: BooleanConstructor;
filter: BooleanConstructor;
filterIcon: {
type: StringConstructor;
default: string;
};
label: BooleanConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
pill: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
text: StringConstructor;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
onClick: PropType<(args_0: MouseEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}>>;
type VChip = InstanceType<typeof VChip>;
type VChipGroupSlots = {
default: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
};
};
declare const VChipGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, {}, {}, {}, {
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
symbol: any;
filter: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VChipGroupSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VChipGroupSlots>) & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
column: BooleanConstructor;
filter: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
column: BooleanConstructor;
filter: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
}>>;
type VChipGroup = InstanceType<typeof VChipGroup>;
declare const VCode: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VCode = InstanceType<typeof VCode>;
type ColorPickerMode = {
inputProps: Record<string, unknown>;
inputs: {
[key: string]: any;
getValue: (color: any) => number | string;
getColor: (color: any, v: string) => any;
}[];
from: (color: any) => HSV;
to: (color: HSV) => any;
};
declare const modes: {
rgb: {
inputs: {
[key: string]: any;
getValue: (color: any) => number | string;
getColor: (color: any, v: string) => any;
}[];
inputProps: Record<string, unknown>;
from: (color: any) => HSV;
to: (color: HSV) => any;
};
rgba: ColorPickerMode;
hsl: {
inputs: {
[key: string]: any;
getValue: (color: any) => number | string;
getColor: (color: any, v: string) => any;
}[];
inputProps: Record<string, unknown>;
from: (color: any) => HSV;
to: (color: HSV) => any;
};
hsla: ColorPickerMode;
hex: {
inputs: {
label: string;
getValue: (c: string) => string;
getColor: (c: string, v: string) => string;
}[];
inputProps: Record<string, unknown>;
from: (color: any) => HSV;
to: (color: HSV) => any;
};
hexa: ColorPickerMode;
};
declare const VColorPicker: {
new (...args: any[]): vue.CreateComponentPublicInstance<Readonly<vue.ExtractPropTypes<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (color: any) => true;
'update:mode': (mode: keyof typeof modes) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & Readonly<vue.ExtractPropTypes<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
}, {
width: NonNullable<string | number>;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
rounded: string | number | boolean;
dotSize: string | number;
modes: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
canvasHeight: string | number;
hideCanvas: boolean;
hideSliders: boolean;
hideInputs: boolean;
showSwatches: boolean;
swatchesMaxHeight: string | number;
}, true, {}, {}, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<vue.ExtractPropTypes<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
}, {}, {}, {}, {}, {
width: NonNullable<string | number>;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
rounded: string | number | boolean;
dotSize: string | number;
modes: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
canvasHeight: string | number;
hideCanvas: boolean;
hideSliders: boolean;
hideInputs: boolean;
showSwatches: boolean;
swatchesMaxHeight: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa") => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (color: any) => true;
'update:mode': (mode: keyof typeof modes) => true;
}, string, {
width: NonNullable<string | number>;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa";
rounded: string | number | boolean;
dotSize: string | number;
modes: readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[];
canvasHeight: string | number;
hideCanvas: boolean;
hideSliders: boolean;
hideInputs: boolean;
showSwatches: boolean;
swatchesMaxHeight: string | number;
}, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}, vue.ExtractPropTypes<{
width: {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<"rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa">;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly ("rgb" | "rgba" | "hsl" | "hsla" | "hex" | "hexa")[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<readonly (readonly (string | number | {
readonly r: number;
readonly g: number;
readonly b: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly v: number;
readonly a?: number | undefined;
} | {
readonly h: number;
readonly s: number;
readonly l: number;
readonly a?: number | undefined;
})[])[]>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<string | Record<string, unknown> | null | undefined>;
};
}>>;
type VColorPicker = InstanceType<typeof VColorPicker>;
type Primitive$1 = string | number | boolean | symbol;
type Val$1<T, ReturnObject extends boolean> = string | ([T] extends [Primitive$1] ? T : (ReturnObject extends true ? T : any));
type Value$1<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val$1<T, ReturnObject>[] : Val$1<T, ReturnObject> | null;
type ItemType$5<T> = T extends readonly (infer U)[] ? U : never;
declare const VCombobox: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: string) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
'update:search': (value: string) => true;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: string) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: string) => any) | undefined;
}, any, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
autoSelectFirst?: boolean | "exact" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((value: boolean) => any) | undefined;
"onUpdate:search"?: ((value: string) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
'update:search': (value: string) => true;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: NonNullable<FilterKeys>;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
clearOnSelect: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], Item = ItemType$5<T>, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value$1<Item, ReturnObject, Multiple> = Value$1<Item, ReturnObject, Multiple>>(props: {
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$5<T>>;
itemValue?: SelectItemKey<ItemType$5<T>>;
itemProps?: SelectItemKey<ItemType$5<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}) => GenericProps<{
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$5<T>>;
itemValue?: SelectItemKey<ItemType$5<T>>;
itemProps?: SelectItemKey<ItemType$5<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: {
type: PropType<boolean>;
default: boolean;
};
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: {
type: PropType<boolean>;
default: boolean;
};
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<NonNullable<FilterKeys>>;
default: NonNullable<FilterKeys>;
};
filterMode: {
type: PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
autoSelectFirst: {
type: PropType<boolean | "exact">;
};
clearOnSelect: {
type: BooleanConstructor;
default: boolean;
};
delimiters: PropType<readonly string[]>;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: {
type: PropType<boolean>;
default: boolean;
};
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: {
type: PropType<boolean>;
default: boolean;
};
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<NonNullable<FilterKeys>>;
default: NonNullable<FilterKeys>;
};
filterMode: {
type: PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
autoSelectFirst: {
type: PropType<boolean | "exact">;
};
clearOnSelect: {
type: BooleanConstructor;
default: boolean;
};
delimiters: PropType<readonly string[]>;
}>>;
type VCombobox = InstanceType<typeof VCombobox>;
type VCounterSlot = {
counter: string;
max: string | number | undefined;
value: string | number | undefined;
};
declare const VCounter: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
} & {
max?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | ((arg: VCounterSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
} & {
max?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | ((arg: VCounterSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
}, {
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
} & {
max?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | ((arg: VCounterSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
} & {
max?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | ((arg: VCounterSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
active: boolean;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
max: (StringConstructor | NumberConstructor)[];
value: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
max: (StringConstructor | NumberConstructor)[];
value: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}>>;
type VCounter = InstanceType<typeof VCounter>;
type ExpandProps = {
expandOnClick: boolean;
expanded: readonly string[];
'onUpdate:expanded': ((value: any[]) => void) | undefined;
};
declare function provideExpanded(props: ExpandProps): {
expand: (item: DataTableItem, value: boolean) => void;
expanded: Ref<Set<string>> & {
readonly externalValue: readonly string[];
};
expandOnClick: Ref<boolean>;
isExpanded: (item: DataTableItem) => boolean;
toggleExpand: (item: DataTableItem) => void;
};
type SortItem = {
key: string;
order?: boolean | 'asc' | 'desc';
};
declare function provideSort(options: {
sortBy: Ref<readonly SortItem[]>;
mustSort: Ref<boolean>;
multiSort: Ref<boolean>;
page?: Ref<number>;
}): {
sortBy: Ref<readonly SortItem[]>;
toggleSort: (column: InternalDataTableHeader) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
};
interface GroupableItem<T = any> {
type: 'item';
raw: T;
}
interface Group<T = any> {
type: 'group';
depth: number;
id: string;
key: string;
value: any;
items: readonly (T | Group<T>)[];
}
declare function provideGroupBy(options: {
groupBy: Ref<readonly SortItem[]>;
sortBy: Ref<readonly SortItem[]>;
}): {
sortByWithGroups: vue.ComputedRef<SortItem[]>;
toggleGroup: (group: Group) => void;
opened: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
groupBy: Ref<readonly SortItem[]>;
extractRows: <T extends GroupableItem<any>>(items: readonly (T | Group<T>)[]) => T[];
isGroupOpen: (group: Group) => boolean;
};
interface DataTableItemProps {
items: any[];
itemValue: SelectItemKey;
itemSelectable: SelectItemKey;
returnObject: boolean;
}
interface SelectableItem {
value: any;
selectable: boolean;
}
type SelectionProps = Pick<DataTableItemProps, 'itemValue'> & {
modelValue: readonly any[];
selectStrategy: 'single' | 'page' | 'all';
valueComparator: typeof deepEqual;
'onUpdate:modelValue': EventProp<[any[]]> | undefined;
};
declare function provideSelection(props: SelectionProps, { allItems, currentPage }: {
allItems: Ref<SelectableItem[]>;
currentPage: Ref<SelectableItem[]>;
}): {
toggleSelect: (item: SelectableItem) => void;
select: (items: SelectableItem[], value: boolean) => void;
selectAll: (value: boolean) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
isSomeSelected: (items: SelectableItem | SelectableItem[]) => boolean;
someSelected: vue.ComputedRef<boolean>;
allSelected: vue.ComputedRef<boolean>;
showSelectAll: boolean;
};
type DataTableCompareFunction<T = any> = (a: T, b: T) => number;
type DataTableHeader = {
key?: 'data-table-group' | 'data-table-select' | 'data-table-expand' | (string & {});
value?: SelectItemKey;
title?: string;
fixed?: boolean;
align?: 'start' | 'end' | 'center';
width?: number | string;
minWidth?: string;
maxWidth?: string;
headerProps?: Record<string, any>;
cellProps?: HeaderCellProps;
sortable?: boolean;
sort?: DataTableCompareFunction;
sortRaw?: DataTableCompareFunction;
filter?: FilterFunction;
children?: DataTableHeader[];
};
type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children'> & {
key: string | null;
value: SelectItemKey | null;
sortable: boolean;
fixedOffset?: number;
lastFixed?: boolean;
colspan?: number;
rowspan?: number;
children?: InternalDataTableHeader[];
};
interface DataTableItem<T = any> extends InternalItem<T>, GroupableItem<T>, SelectableItem {
key: any;
index: number;
columns: {
[key: string]: any;
};
}
type GroupHeaderSlot = {
index: number;
item: Group;
columns: InternalDataTableHeader[];
isExpanded: ReturnType<typeof provideExpanded>['isExpanded'];
toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand'];
isSelected: ReturnType<typeof provideSelection>['isSelected'];
toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
};
type ItemSlotBase<T> = {
index: number;
item: T;
internalItem: DataTableItem<T>;
isExpanded: ReturnType<typeof provideExpanded>['isExpanded'];
toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand'];
isSelected: ReturnType<typeof provideSelection>['isSelected'];
toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
};
type ItemSlot$1<T> = ItemSlotBase<T> & {
columns: InternalDataTableHeader[];
};
type ItemKeySlot<T> = ItemSlotBase<T> & {
value: any;
column: InternalDataTableHeader;
};
type RowProps<T> = Record<string, any> | ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem'>) => Record<string, any>);
type CellProps<T> = Record<string, any> | ((data: Pick<ItemKeySlot<T>, 'index' | 'item' | 'internalItem' | 'value' | 'column'>) => Record<string, any>);
type HeaderCellProps = Record<string, any> | ((data: Pick<ItemKeySlot<any>, 'index' | 'item' | 'internalItem' | 'value'>) => Record<string, any>);
declare function providePagination(options: {
page: Ref<number>;
itemsPerPage: Ref<number>;
itemsLength: Ref<number>;
}): {
page: Ref<number>;
itemsPerPage: Ref<number>;
startIndex: vue.ComputedRef<number>;
stopIndex: vue.ComputedRef<number>;
pageCount: vue.ComputedRef<number>;
itemsLength: Ref<number>;
nextPage: () => void;
prevPage: () => void;
setPage: (value: number) => void;
setItemsPerPage: (value: number) => void;
};
interface DataIteratorItem<T = any> extends GroupableItem<T>, SelectableItem {
value: unknown;
}
type VDataIteratorSlotProps = {
page: number;
itemsPerPage: number;
sortBy: readonly SortItem[];
pageCount: number;
toggleSort: ReturnType<typeof provideSort>['toggleSort'];
prevPage: ReturnType<typeof providePagination>['prevPage'];
nextPage: ReturnType<typeof providePagination>['nextPage'];
setPage: ReturnType<typeof providePagination>['setPage'];
setItemsPerPage: ReturnType<typeof providePagination>['setItemsPerPage'];
isSelected: ReturnType<typeof provideSelection>['isSelected'];
select: ReturnType<typeof provideSelection>['select'];
selectAll: ReturnType<typeof provideSelection>['selectAll'];
toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
isExpanded: ReturnType<typeof provideExpanded>['isExpanded'];
toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand'];
isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
items: readonly DataIteratorItem[];
groupedItems: readonly (DataIteratorItem | Group<DataIteratorItem>)[];
};
declare const VDataIterator: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: (() => vue.VNodeChild) | undefined;
} | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: any[]) => boolean;
'update:groupBy': (value: any) => boolean;
'update:page': (value: number) => boolean;
'update:itemsPerPage': (value: number) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
'update:currentItems': (value: any) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: (() => vue.VNodeChild) | undefined;
} | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
footer: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: (() => vue.VNodeChild) | undefined;
} | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, {}, {}, {}, {
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: (() => vue.VNodeChild) | undefined;
} | ((arg: VDataIteratorSlotProps) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
header?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
footer?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
'no-data'?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:footer"?: false | ((arg: VDataIteratorSlotProps) => vue.VNodeChild) | undefined;
"v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: any[]) => boolean;
'update:groupBy': (value: any) => boolean;
'update:page': (value: number) => boolean;
'update:itemsPerPage': (value: number) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
'update:currentItems': (value: any) => boolean;
}, string, {
page: string | number;
loading: boolean;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sortBy: readonly SortItem[];
items: any[];
modelValue: readonly any[];
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemValue: SelectItemKey;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
itemSelectable: SelectItemKey;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: NonNullable<string | number>;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
footer: (arg: VDataIteratorSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
multiSort: BooleanConstructor;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
returnObject: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
search: StringConstructor;
loading: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
multiSort: BooleanConstructor;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
returnObject: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
search: StringConstructor;
loading: BooleanConstructor;
}>>;
type VDataIterator = InstanceType<typeof VDataIterator>;
type HeadersSlotProps = {
headers: InternalDataTableHeader[][];
columns: InternalDataTableHeader[];
sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>;
someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>;
allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>;
toggleSort: ReturnType<typeof provideSort>['toggleSort'];
selectAll: ReturnType<typeof provideSelection>['selectAll'];
getSortIcon: (column: InternalDataTableHeader) => IconValue;
isSorted: ReturnType<typeof provideSort>['isSorted'];
};
type VDataTableHeaderCellColumnSlotProps = {
column: InternalDataTableHeader;
selectAll: ReturnType<typeof provideSelection>['selectAll'];
isSorted: ReturnType<typeof provideSort>['isSorted'];
toggleSort: ReturnType<typeof provideSort>['toggleSort'];
sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>;
someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>;
allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
};
type VDataTableHeadersSlots = {
headers: HeadersSlotProps;
loader: LoaderSlotProps;
'header.data-table-select': VDataTableHeaderCellColumnSlotProps;
'header.data-table-expand': VDataTableHeaderCellColumnSlotProps;
} & {
[key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
};
type VDataTableGroupHeaderRowSlots = {
'data-table-group': {
item: Group;
count: number;
props: Record<string, unknown>;
};
'data-table-select': {
props: Record<string, unknown>;
};
};
type VDataTableRowSlots<T> = {
'item.data-table-select': Omit<ItemKeySlot<T>, 'value'>;
'item.data-table-expand': Omit<ItemKeySlot<T>, 'value'>;
} & {
[key: `item.${string}`]: ItemKeySlot<T>;
};
declare const VDataTableRow: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
}, {}, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:item.${string}`>, string, {}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
item?: DataTableItem<T> | undefined;
cellProps?: CellProps<T> | undefined;
}, slots: VDataTableRowSlots<T>) => GenericProps<{
item?: DataTableItem<T> | undefined;
cellProps?: CellProps<T> | undefined;
}, VDataTableRowSlots<T>>) & FilterPropsOptions<{
index: NumberConstructor;
item: PropType<DataTableItem<any>>;
cellProps: PropType<CellProps<any>>;
onClick: PropType<(args_0: MouseEvent) => void>;
onContextmenu: PropType<(args_0: MouseEvent) => void>;
onDblclick: PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
index: NumberConstructor;
item: PropType<DataTableItem<any>>;
cellProps: PropType<CellProps<any>>;
onClick: PropType<(args_0: MouseEvent) => void>;
onContextmenu: PropType<(args_0: MouseEvent) => void>;
onDblclick: PropType<(args_0: MouseEvent) => void>;
}>>;
type VDataTableRow = InstanceType<typeof VDataTableRow>;
type VDataTableRowsSlots<T> = VDataTableGroupHeaderRowSlots & VDataTableRowSlots<T> & {
item: ItemSlot$1<T> & {
props: Record<string, any>;
};
loading: never;
'group-header': GroupHeaderSlot;
'no-data': never;
'expanded-row': ItemSlot$1<T>;
};
declare const VDataTableRows: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {
noDataText: string;
loadingText: string;
hideNoData: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: unknown;
internalItem: DataTableItem<unknown>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {}, {}, {}, {}, {
noDataText: string;
loadingText: string;
hideNoData: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "items" | "v-slot:item" | "v-slot:no-data" | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row">, string, {
noDataText: string;
loadingText: string;
hideNoData: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: unknown;
internalItem: DataTableItem<unknown>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
items?: readonly (DataTableItem<T> | Group<T>)[] | undefined;
}, slots: VDataTableRowsSlots<T>) => GenericProps<{
items?: readonly (DataTableItem<T> | Group<T>)[] | undefined;
}, VDataTableRowsSlots<T>>) & FilterPropsOptions<{
loading: (StringConstructor | BooleanConstructor)[];
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
items: {
type: PropType<readonly (Group<any> | DataTableItem<any>)[]>;
default: () => never[];
};
noDataText: {
type: StringConstructor;
default: string;
};
rowProps: PropType<RowProps<any>>;
cellProps: PropType<CellProps<any>>;
}, vue.ExtractPropTypes<{
loading: (StringConstructor | BooleanConstructor)[];
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
items: {
type: PropType<readonly (Group<any> | DataTableItem<any>)[]>;
default: () => never[];
};
noDataText: {
type: StringConstructor;
default: string;
};
rowProps: PropType<RowProps<any>>;
cellProps: PropType<CellProps<any>>;
}>>;
type VDataTableRows = InstanceType<typeof VDataTableRows>;
type VDataTableSlotProps<T> = {
page: number;
itemsPerPage: number;
sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>;
pageCount: number;
toggleSort: ReturnType<typeof provideSort>['toggleSort'];
setItemsPerPage: ReturnType<typeof providePagination>['setItemsPerPage'];
someSelected: boolean;
allSelected: boolean;
isSelected: ReturnType<typeof provideSelection>['isSelected'];
select: ReturnType<typeof provideSelection>['select'];
selectAll: ReturnType<typeof provideSelection>['selectAll'];
toggleSelect: ReturnType<typeof provideSelection>['toggleSelect'];
isExpanded: ReturnType<typeof provideExpanded>['isExpanded'];
toggleExpand: ReturnType<typeof provideExpanded>['toggleExpand'];
isGroupOpen: ReturnType<typeof provideGroupBy>['isGroupOpen'];
toggleGroup: ReturnType<typeof provideGroupBy>['toggleGroup'];
items: readonly T[];
internalItems: readonly DataTableItem[];
groupedItems: readonly (DataTableItem<T> | Group<DataTableItem<T>>)[];
columns: InternalDataTableHeader[];
headers: InternalDataTableHeader[][];
};
type VDataTableSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
default: VDataTableSlotProps<T>;
colgroup: VDataTableSlotProps<T>;
top: VDataTableSlotProps<T>;
body: VDataTableSlotProps<T>;
tbody: VDataTableSlotProps<T>;
thead: VDataTableSlotProps<T>;
tfoot: VDataTableSlotProps<T>;
bottom: VDataTableSlotProps<T>;
'body.prepend': VDataTableSlotProps<T>;
'body.append': VDataTableSlotProps<T>;
'footer.prepend': never;
};
type ItemType$4<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTable: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:page': (value: number) => boolean;
'update:itemsPerPage': (value: number) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:groupBy': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
'update:currentItems': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'footer.prepend': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, {}, {}, {}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:page"?: ((value: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((value: number) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
"onUpdate:currentItems"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:page': (value: number) => boolean;
'update:itemsPerPage': (value: number) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:groupBy': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
'update:currentItems': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'footer.prepend': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$4<T>>;
rowProps?: RowProps<ItemType$4<T>> | undefined;
cellProps?: CellProps<ItemType$4<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$4<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: VDataTableSlots<ItemType$4<T>>) => GenericProps<{
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$4<T>>;
rowProps?: RowProps<ItemType$4<T>> | undefined;
cellProps?: CellProps<ItemType$4<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$4<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, VDataTableSlots<ItemType$4<T>>>) & FilterPropsOptions<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: vue.PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: vue.PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}>>;
type VDataTable = InstanceType<typeof VDataTable>;
declare const VDataTableFooter: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
} & {} & {
$children?: {} | vue.VNodeChild | {
prepend?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
} & {} & {
$children?: {} | vue.VNodeChild | {
prepend?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
}, {
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
}, true, {}, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
} & {} & {
$children?: {} | vue.VNodeChild | {
prepend?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
} & {} & {
$children?: {} | vue.VNodeChild | {
prepend?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
itemsPerPageText: string;
pageText: string;
nextIcon: string;
prevIcon: string;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
}, {}, string, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
}, vue.ExtractPropTypes<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
}>>;
type VDataTableVirtualSlotProps<T> = Omit<VDataTableSlotProps<T>, 'setItemsPerPage' | 'page' | 'pageCount' | 'itemsPerPage'>;
type VDataTableVirtualSlots<T> = VDataTableRowsSlots<T> & VDataTableHeadersSlots & {
colgroup: VDataTableVirtualSlotProps<T>;
top: VDataTableVirtualSlotProps<T>;
headers: VDataTableHeadersSlots['headers'];
bottom: VDataTableVirtualSlotProps<T>;
'body.prepend': VDataTableVirtualSlotProps<T>;
'body.append': VDataTableVirtualSlotProps<T>;
item: {
itemRef: Ref<HTMLElement | undefined>;
};
};
type ItemType$3<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTableVirtual: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:groupBy': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
}, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
}, {
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
} & {
itemRef: Ref<HTMLElement | undefined>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((value: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((value: any) => any) | undefined;
"onUpdate:options"?: ((value: any) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:sortBy': (value: any) => boolean;
'update:options': (value: any) => boolean;
'update:groupBy': (value: any) => boolean;
'update:expanded': (value: any) => boolean;
}, "$children" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:colgroup" | "v-slot:body.prepend" | "v-slot:body.append">, string, {
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
sortBy: readonly SortItem[];
density: Density;
valueComparator: typeof deepEqual;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
itemHeight: string | number;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
} & {
itemRef: Ref<HTMLElement | undefined>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$3<T>>;
rowProps?: RowProps<ItemType$3<T>> | undefined;
cellProps?: CellProps<ItemType$3<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$3<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: VDataTableVirtualSlots<ItemType$3<T>>) => GenericProps<{
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$3<T>>;
rowProps?: RowProps<ItemType$3<T>> | undefined;
cellProps?: CellProps<ItemType$3<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$3<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, VDataTableVirtualSlots<ItemType$3<T>>>) & FilterPropsOptions<{
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
itemHeight: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
height: (StringConstructor | NumberConstructor)[];
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
customFilter: vue.PropType<FilterFunction>;
customKeyFilter: vue.PropType<FilterKeyFunctions>;
filterKeys: vue.PropType<FilterKeys>;
filterMode: {
type: vue.PropType<FilterMode>;
default: string;
};
noFilter: BooleanConstructor;
itemHeight: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
height: (StringConstructor | NumberConstructor)[];
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
}>>;
type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
type ItemType$2<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTableServer: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((options: any) => any) | undefined;
"onUpdate:page"?: ((page: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
"onUpdate:options"?: ((options: any) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:page': (page: number) => boolean;
'update:itemsPerPage': (page: number) => boolean;
'update:sortBy': (sortBy: any) => boolean;
'update:options': (options: any) => boolean;
'update:expanded': (options: any) => boolean;
'update:groupBy': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((options: any) => any) | undefined;
"onUpdate:page"?: ((page: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
"onUpdate:options"?: ((options: any) => any) | undefined;
}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'footer.prepend': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((options: any) => any) | undefined;
"onUpdate:page"?: ((page: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
"onUpdate:options"?: ((options: any) => any) | undefined;
}, {}, {}, {}, {}, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
headers?: readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
theme?: string | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | undefined;
headerProps?: Record<string, any> | undefined;
} & {
"onUpdate:sortBy"?: ((sortBy: any) => any) | undefined;
"onUpdate:groupBy"?: ((value: any) => any) | undefined;
"onUpdate:expanded"?: ((options: any) => any) | undefined;
"onUpdate:page"?: ((page: number) => any) | undefined;
"onUpdate:itemsPerPage"?: ((page: number) => any) | undefined;
"onUpdate:options"?: ((options: any) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any[]) => boolean;
'update:page': (page: number) => boolean;
'update:itemsPerPage': (page: number) => boolean;
'update:sortBy': (sortBy: any) => boolean;
'update:options': (options: any) => boolean;
'update:expanded': (options: any) => boolean;
'update:groupBy': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "items" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:item" | "itemValue" | "v-slot:no-data" | "cellProps" | "itemSelectable" | "rowProps" | "v-slot:headers" | `v-slot:header.${string}` | "v-slot:data-table-group" | "v-slot:data-table-select" | `v-slot:item.${string}` | "v-slot:loading" | "v-slot:group-header" | "v-slot:expanded-row" | "v-slot:top" | "v-slot:bottom" | "v-slot:body" | "v-slot:colgroup" | "v-slot:tbody" | "v-slot:tfoot" | "v-slot:thead" | "v-slot:body.prepend" | "v-slot:body.append" | "v-slot:footer.prepend">, string, {
page: string | number;
style: vue.StyleValue;
expanded: readonly string[];
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: string;
prevIcon: string;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: string;
lastIcon: string;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedHeader: boolean;
fixedFooter: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `header.${string}`]: (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-group': (arg: {
item: Group<any>;
count: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: (item: DataTableItem<any>) => boolean;
toggleExpand: (item: DataTableItem<any>) => void;
isSelected: (items: SelectableItem | SelectableItem[]) => boolean;
toggleSelect: (item: SelectableItem) => void;
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
headers: (arg: HeadersSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-select': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header.data-table-expand': (arg: {
column: InternalDataTableHeader;
selectAll: (value: boolean) => void;
isSorted: (column: InternalDataTableHeader) => boolean;
toggleSort: (column: InternalDataTableHeader) => void;
sortBy: readonly SortItem[];
someSelected: boolean;
allSelected: boolean;
getSortIcon: (column: InternalDataTableHeader) => IconValue;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'footer.prepend': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$2<T>>;
rowProps?: RowProps<ItemType$2<T>> | undefined;
cellProps?: CellProps<ItemType$2<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$2<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: VDataTableSlots<ItemType$2<T>>) => GenericProps<{
items?: T | undefined;
itemValue?: SelectItemKey<ItemType$2<T>>;
rowProps?: RowProps<ItemType$2<T>> | undefined;
cellProps?: CellProps<ItemType$2<T>> | undefined;
itemSelectable?: SelectItemKey<ItemType$2<T>>;
modelValue?: V | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, VDataTableSlots<ItemType$2<T>>>) & FilterPropsOptions<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: vue.PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsLength: {
type: (StringConstructor | NumberConstructor)[];
required: true;
};
}, vue.ExtractPropTypes<{
prevIcon: {
type: StringConstructor;
default: string;
};
nextIcon: {
type: StringConstructor;
default: string;
};
firstIcon: {
type: StringConstructor;
default: string;
};
lastIcon: {
type: StringConstructor;
default: string;
};
itemsPerPageText: {
type: StringConstructor;
default: string;
};
pageText: {
type: StringConstructor;
default: string;
};
firstPageLabel: {
type: StringConstructor;
default: string;
};
prevPageLabel: {
type: StringConstructor;
default: string;
};
nextPageLabel: {
type: StringConstructor;
default: string;
};
lastPageLabel: {
type: StringConstructor;
default: string;
};
itemsPerPageOptions: {
type: vue.PropType<readonly (number | {
title: string;
value: number;
})[]>;
default: () => {
value: number;
title: string;
}[];
};
showCurrentPage: BooleanConstructor;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
color: StringConstructor;
sticky: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"all" | "page" | "single">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<any[]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
rowProps: vue.PropType<RowProps<any>>;
cellProps: vue.PropType<CellProps<any>>;
returnObject: BooleanConstructor;
headers: vue.PropType<readonly {
readonly key?: (string & {}) | "data-table-group" | "data-table-select" | "data-table-expand" | undefined;
readonly value?: SelectItemKey;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: "center" | "end" | "start" | undefined;
readonly width?: string | number | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "value" | "internalItem">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction<any> | undefined;
readonly sortRaw?: DataTableCompareFunction<any> | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[]>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
page: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsPerPage: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemsLength: {
type: (StringConstructor | NumberConstructor)[];
required: true;
};
}>>;
type VDataTableServer = InstanceType<typeof VDataTableServer>;
type VPickerSlots = {
header: never;
default: never;
actions: never;
title: never;
};
declare const VPicker: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
landscape: boolean;
hideHeader: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
header?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
landscape: boolean;
hideHeader: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
header?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
hideHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
landscape: boolean;
hideHeader: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
header?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
hideHeader: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
landscape: boolean;
hideHeader: boolean;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
title?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
header?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
hideHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
header: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
bgColor: StringConstructor;
landscape: BooleanConstructor;
title: StringConstructor;
hideHeader: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
bgColor: StringConstructor;
landscape: BooleanConstructor;
title: StringConstructor;
hideHeader: BooleanConstructor;
}>>;
type VPicker = InstanceType<typeof VPicker>;
type VDatePickerSlots = Omit<VPickerSlots, 'header'> & {
header: {
header: string;
transition: string;
};
};
declare const VDatePicker: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: string | string[] | undefined;
min?: unknown;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (date: any) => true;
'update:month': (date: any) => true;
'update:year': (date: any) => true;
'update:viewMode': (date: any) => true;
}, "multiple" | "$children" | "v-slot:default" | "v-slots" | "v-slot:title" | "modelValue" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: string | string[] | undefined;
min?: unknown;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {
active: string | string[];
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
header: string;
transition: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: string | string[] | undefined;
min?: unknown;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {}, {}, {}, {}, {
active: string | string[];
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: string | string[] | undefined;
min?: unknown;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (date: any) => true;
'update:month': (date: any) => true;
'update:year': (date: any) => true;
'update:viewMode': (date: any) => true;
}, "multiple" | "$children" | "v-slot:default" | "v-slots" | "v-slot:title" | "modelValue" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, string, {
active: string | string[];
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
header: string;
transition: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, Multiple extends number | boolean | "range" | (string & {}) = false, TModel = Multiple extends string | number | true ? T[] : T>(props: {
modelValue?: TModel | undefined;
'onUpdate:modelValue'?: ((value: TModel) => void) | undefined;
multiple?: Multiple | undefined;
}, slots: VDatePickerSlots) => GenericProps<{
modelValue?: TModel | undefined;
'onUpdate:modelValue'?: ((value: TModel) => void) | undefined;
multiple?: Multiple | undefined;
}, VDatePickerSlots>) & FilterPropsOptions<{
modelValue: null;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
bgColor: StringConstructor;
landscape: BooleanConstructor;
title: {
type: vue.PropType<string>;
default: string;
};
hideHeader: BooleanConstructor;
max: vue.PropType<unknown>;
min: vue.PropType<unknown>;
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: vue.PropType<unknown>;
month: (StringConstructor | NumberConstructor)[];
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T_1>(arrayLike: ArrayLike<T_1>): T_1[];
from<T_2, U>(arrayLike: ArrayLike<T_2>, mapfn: (v: T_2, k: number) => U, thisArg?: any): U[];
from<T_3>(iterable: Iterable<T_3> | ArrayLike<T_3>): T_3[];
from<T_4, U_1>(iterable: Iterable<T_4> | ArrayLike<T_4>, mapfn: (v: T_4, k: number) => U_1, thisArg?: any): U_1[];
of<T_5>(...items: T_5[]): T_5[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
hideWeekdays: BooleanConstructor;
multiple: vue.PropType<number | boolean | "range" | (string & {})>;
showWeek: BooleanConstructor;
active: {
type: vue.PropType<string | string[]>;
default: undefined;
};
nextIcon: {
type: StringConstructor[];
default: string;
};
prevIcon: {
type: StringConstructor[];
default: string;
};
modeIcon: {
type: StringConstructor[];
default: string;
};
text: StringConstructor;
viewMode: {
type: vue.PropType<"month" | "year" | "months">;
default: string;
};
header: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
modelValue: null;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
bgColor: StringConstructor;
landscape: BooleanConstructor;
title: {
type: vue.PropType<string>;
default: string;
};
hideHeader: BooleanConstructor;
max: vue.PropType<unknown>;
min: vue.PropType<unknown>;
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: vue.PropType<unknown>;
month: (StringConstructor | NumberConstructor)[];
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T_1>(arrayLike: ArrayLike<T_1>): T_1[];
from<T_2, U>(arrayLike: ArrayLike<T_2>, mapfn: (v: T_2, k: number) => U, thisArg?: any): U[];
from<T_3>(iterable: Iterable<T_3> | ArrayLike<T_3>): T_3[];
from<T_4, U_1>(iterable: Iterable<T_4> | ArrayLike<T_4>, mapfn: (v: T_4, k: number) => U_1, thisArg?: any): U_1[];
of<T_5>(...items: T_5[]): T_5[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
hideWeekdays: BooleanConstructor;
multiple: vue.PropType<number | boolean | "range" | (string & {})>;
showWeek: BooleanConstructor;
active: {
type: vue.PropType<string | string[]>;
default: undefined;
};
nextIcon: {
type: StringConstructor[];
default: string;
};
prevIcon: {
type: StringConstructor[];
default: string;
};
modeIcon: {
type: StringConstructor[];
default: string;
};
text: StringConstructor;
viewMode: {
type: vue.PropType<"month" | "year" | "months">;
default: string;
};
header: {
type: StringConstructor;
default: string;
};
}>>;
type VDatePicker = InstanceType<typeof VDatePicker>;
declare const VDatePickerControls: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:year"?: (() => any) | undefined;
"onClick:month"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:text"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:year': () => true;
'click:month': () => true;
'click:prev': () => true;
'click:next': () => true;
'click:text': () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:year"?: (() => any) | undefined;
"onClick:month"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:text"?: (() => any) | undefined;
}, {
active: string | string[];
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:year"?: (() => any) | undefined;
"onClick:month"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:text"?: (() => any) | undefined;
}, {}, {}, {}, {}, {
active: string | string[];
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:year"?: (() => any) | undefined;
"onClick:month"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:text"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:year': () => true;
'click:month': () => true;
'click:prev': () => true;
'click:next': () => true;
'click:text': () => true;
}, string, {
active: string | string[];
disabled: string | boolean | string[];
nextIcon: string;
prevIcon: string;
modeIcon: string;
viewMode: "month" | "year" | "months";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
active: {
type: PropType<string | string[]>;
default: undefined;
};
disabled: {
type: PropType<string | boolean | string[]>;
default: boolean;
};
nextIcon: {
type: StringConstructor[];
default: string;
};
prevIcon: {
type: StringConstructor[];
default: string;
};
modeIcon: {
type: StringConstructor[];
default: string;
};
text: StringConstructor;
viewMode: {
type: PropType<"month" | "year" | "months">;
default: string;
};
}, vue.ExtractPropTypes<{
active: {
type: PropType<string | string[]>;
default: undefined;
};
disabled: {
type: PropType<string | boolean | string[]>;
default: boolean;
};
nextIcon: {
type: StringConstructor[];
default: string;
};
prevIcon: {
type: StringConstructor[];
default: string;
};
modeIcon: {
type: StringConstructor[];
default: string;
};
text: StringConstructor;
viewMode: {
type: PropType<"month" | "year" | "months">;
default: string;
};
}>>;
type VDatePickerControls = InstanceType<typeof VDatePickerControls>;
declare const VDatePickerHeader: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
prepend?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: (() => any) | undefined;
"onClick:append"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: () => true;
'click:append': () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
prepend?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: (() => any) | undefined;
"onClick:append"?: (() => any) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
prepend?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: (() => any) | undefined;
"onClick:append"?: (() => any) | undefined;
}, {}, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
prepend?: (() => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prepend?: false | (() => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
} & {
onClick?: (() => any) | undefined;
"onClick:append"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: () => true;
'click:append': () => true;
}, string, {}, {}, string, vue.SlotsType<Partial<{
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
appendIcon: StringConstructor;
color: StringConstructor;
header: StringConstructor;
transition: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
appendIcon: StringConstructor;
color: StringConstructor;
header: StringConstructor;
transition: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}>>;
type VDatePickerHeader = InstanceType<typeof VDatePickerHeader>;
declare const VDatePickerMonth: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
} & {
max?: unknown;
min?: unknown;
color?: string | undefined;
multiple?: number | boolean | "range" | (string & {}) | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
$children?: {} | vue.VNodeChild | {
day?: ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
day?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:day"?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
"onUpdate:month"?: ((date: number) => any) | undefined;
"onUpdate:year"?: ((date: number) => any) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (date: unknown) => true;
'update:month': (date: number) => true;
'update:year': (date: number) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
} & {
max?: unknown;
min?: unknown;
color?: string | undefined;
multiple?: number | boolean | "range" | (string & {}) | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
$children?: {} | vue.VNodeChild | {
day?: ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
day?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:day"?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
"onUpdate:month"?: ((date: number) => any) | undefined;
"onUpdate:year"?: ((date: number) => any) | undefined;
}, {
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
}, true, {}, vue.SlotsType<Partial<{
day: (arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
} & {
max?: unknown;
min?: unknown;
color?: string | undefined;
multiple?: number | boolean | "range" | (string & {}) | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
$children?: {} | vue.VNodeChild | {
day?: ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
day?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:day"?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
"onUpdate:month"?: ((date: number) => any) | undefined;
"onUpdate:year"?: ((date: number) => any) | undefined;
}, () => JSX.Element, {}, {}, {}, {
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
} & {
max?: unknown;
min?: unknown;
color?: string | undefined;
multiple?: number | boolean | "range" | (string & {}) | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
} & {
$children?: {} | vue.VNodeChild | {
day?: ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
day?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:day"?: false | ((arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: unknown) => any) | undefined;
"onUpdate:month"?: ((date: number) => any) | undefined;
"onUpdate:year"?: ((date: number) => any) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (date: unknown) => true;
'update:month': (date: number) => true;
'update:year': (date: number) => true;
}, string, {
disabled: boolean;
showAdjacentMonths: boolean;
weekdays: number[];
hideWeekdays: boolean;
showWeek: boolean;
}, {}, string, vue.SlotsType<Partial<{
day: (arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: PropType<unknown>;
modelValue: PropType<unknown[]>;
month: (StringConstructor | NumberConstructor)[];
max: PropType<unknown>;
min: PropType<unknown>;
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
color: StringConstructor;
hideWeekdays: BooleanConstructor;
multiple: PropType<number | boolean | "range" | (string & {})>;
showWeek: BooleanConstructor;
}, vue.ExtractPropTypes<{
allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: PropType<unknown>;
modelValue: PropType<unknown[]>;
month: (StringConstructor | NumberConstructor)[];
max: PropType<unknown>;
min: PropType<unknown>;
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
color: StringConstructor;
hideWeekdays: BooleanConstructor;
multiple: PropType<number | boolean | "range" | (string & {})>;
showWeek: BooleanConstructor;
}>>;
type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>;
declare const VDatePickerMonths: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
height?: string | number | undefined;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
month?: ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
month?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:month"?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (date: any) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
height?: string | number | undefined;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
month?: ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
month?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:month"?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: any) => any) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
month: (arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
height?: string | number | undefined;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
month?: ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
month?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:month"?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: any) => any) | undefined;
}, {}, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{} & {
height?: string | number | undefined;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
month?: ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
month?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:month"?: false | ((arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((date: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (date: any) => boolean;
}, string, {}, {}, string, vue.SlotsType<Partial<{
month: (arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
modelValue: NumberConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
modelValue: NumberConstructor;
}>>;
type VDatePickerMonths = InstanceType<typeof VDatePickerMonths>;
declare const VDatePickerYears: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
year?: ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
year?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:year"?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((year: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (year: number) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
year?: ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
year?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:year"?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((year: number) => any) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
year: (arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
year?: ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
year?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:year"?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((year: number) => any) | undefined;
}, {}, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
modelValue?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
year?: ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
year?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:year"?: false | ((arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((year: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (year: number) => boolean;
}, string, {}, {}, string, vue.SlotsType<Partial<{
year: (arg: {
year: {
text: string;
value: number;
};
i: number;
props: {
active: boolean;
color?: string;
rounded: boolean;
text: string;
variant: 'flat' | 'text';
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
min: PropType<unknown>;
max: PropType<unknown>;
modelValue: NumberConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
min: PropType<unknown>;
max: PropType<unknown>;
modelValue: NumberConstructor;
}>>;
type VDatePickerYears = InstanceType<typeof VDatePickerYears>;
declare const VDefaultsProvider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
disabled: boolean;
scoped: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, {
disabled: boolean;
scoped: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
disabled: boolean;
scoped: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
defaults: PropType<DefaultsOptions>;
disabled: BooleanConstructor;
reset: (StringConstructor | NumberConstructor)[];
root: (StringConstructor | BooleanConstructor)[];
scoped: BooleanConstructor;
}, vue.ExtractPropTypes<{
defaults: PropType<DefaultsOptions>;
disabled: BooleanConstructor;
reset: (StringConstructor | NumberConstructor)[];
root: (StringConstructor | BooleanConstructor)[];
scoped: BooleanConstructor;
}>>;
type VDefaultsProvider = InstanceType<typeof VDefaultsProvider>;
declare const VDialog: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
absolute: boolean;
location: Anchor;
origin: NonNullable<"auto" | Anchor | "overlap">;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: NonNullable<string | number>;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
}>>;
type VDialog = InstanceType<typeof VDialog>;
declare const VDivider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
length: (StringConstructor | NumberConstructor)[];
thickness: (StringConstructor | NumberConstructor)[];
vertical: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
length: (StringConstructor | NumberConstructor)[];
thickness: (StringConstructor | NumberConstructor)[];
vertical: BooleanConstructor;
}>>;
type VDivider = InstanceType<typeof VDivider>;
declare const VExpansionPanels: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
modelValue?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => boolean;
}, string, {
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean;
static: boolean;
tag: string;
modelValue: any;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
static: BooleanConstructor;
variant: {
type: PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
};
readonly: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
static: BooleanConstructor;
variant: {
type: PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
};
readonly: BooleanConstructor;
}>>;
type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
declare const VExpansionPanel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
text?: string | undefined;
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, string, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
static: boolean;
tag: string;
rounded: string | number | boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
}>>;
type VExpansionPanel = InstanceType<typeof VExpansionPanel>;
declare const VExpansionPanelText: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
eager: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
eager: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VExpansionPanelText = InstanceType<typeof VExpansionPanelText>;
interface ExpansionPanelTitleSlot {
collapseIcon: IconValue;
disabled: boolean | undefined;
expanded: boolean;
expandIcon: IconValue;
readonly: boolean;
}
declare const VExpansionPanelTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
actions?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: ExpansionPanelTitleSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
}, vue.ExtractPropTypes<{
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
}>>;
type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>;
declare const VFieldLabel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
floating: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
floating: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
floating: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
floating: BooleanConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
floating: BooleanConstructor;
}>>;
type VFieldLabel = InstanceType<typeof VFieldLabel>;
declare const VFileInput: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: (() => vue.VNodeChild) | undefined;
selection?: ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: false | (() => vue.VNodeChild) | undefined;
selection?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:selection"?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (files: File[]) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: (() => vue.VNodeChild) | undefined;
selection?: ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: false | (() => vue.VNodeChild) | undefined;
selection?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:selection"?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot & VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: (() => vue.VNodeChild) | undefined;
selection?: ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: false | (() => vue.VNodeChild) | undefined;
selection?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:selection"?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: (() => vue.VNodeChild) | undefined;
selection?: ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
counter?: false | (() => vue.VNodeChild) | undefined;
selection?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot & VFieldSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:selection"?: false | ((arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((files: File[]) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (files: File[]) => true;
}, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
counter: boolean;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: File[];
prependIcon: NonNullable<IconValue>;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
showSize: boolean | 1024 | 1000;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot & VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: {
type: PropType<boolean>;
default: boolean;
};
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
modelValue: {
type: PropType<File[]>;
default: () => never[];
validator: (val: any) => boolean;
};
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: {
type: PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
chips: BooleanConstructor;
counter: BooleanConstructor;
counterSizeString: {
type: StringConstructor;
default: string;
};
counterString: {
type: StringConstructor;
default: string;
};
multiple: BooleanConstructor;
showSize: {
type: PropType<boolean | 1024 | 1000>;
default: boolean;
validator: (v: boolean | number) => boolean;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: {
type: PropType<boolean>;
default: boolean;
};
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
modelValue: {
type: PropType<File[]>;
default: () => never[];
validator: (val: any) => boolean;
};
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: {
type: PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
chips: BooleanConstructor;
counter: BooleanConstructor;
counterSizeString: {
type: StringConstructor;
default: string;
};
counterString: {
type: StringConstructor;
default: string;
};
multiple: BooleanConstructor;
showSize: {
type: PropType<boolean | 1024 | 1000>;
default: boolean;
validator: (v: boolean | number) => boolean;
};
}>>;
type VFileInput = InstanceType<typeof VFileInput>;
declare const VFooter: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
rounded: string | number | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
rounded: string | number | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
rounded: string | number | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
app: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
app: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
}>>;
type VFooter = InstanceType<typeof VFooter>;
declare const VForm: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} & {
onSubmit?: ((e: SubmitEventPromise) => any) | undefined;
"onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
}, {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: boolean | null) => true;
submit: (e: SubmitEventPromise) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} & {
onSubmit?: ((e: SubmitEventPromise) => any) | undefined;
"onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
}, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} & {
onSubmit?: ((e: SubmitEventPromise) => any) | undefined;
"onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
}, {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} & {
onSubmit?: ((e: SubmitEventPromise) => any) | undefined;
"onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
}, {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: boolean | null) => true;
submit: (e: SubmitEventPromise) => true;
}, string, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
fastFail: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
errors: vue.Ref<{
id: string | number;
errorMessages: string[];
}[]>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isValidating: vue.ShallowRef<boolean>;
isValid: vue.Ref<boolean | null> & {
readonly externalValue: boolean | null;
};
items: vue.Ref<{
id: string | number;
validate: () => Promise<string[]>;
reset: () => void;
resetValidation: () => void;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: string | number;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
fastFail: BooleanConstructor;
readonly: BooleanConstructor;
modelValue: {
type: vue.PropType<boolean | null>;
default: null;
};
validateOn: {
type: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
fastFail: BooleanConstructor;
readonly: BooleanConstructor;
modelValue: {
type: vue.PropType<boolean | null>;
default: null;
};
validateOn: {
type: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VForm = InstanceType<typeof VForm>;
declare const VContainer: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
fluid: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
fluid: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
fluid: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
fluid: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
fluid: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
fluid: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
fluid: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fluid: {
type: BooleanConstructor;
default: boolean;
};
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fluid: {
type: BooleanConstructor;
default: boolean;
};
}>>;
type VContainer = InstanceType<typeof VContainer>;
declare const VCol: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
} & {
class?: any;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
offsetSm?: string | number | undefined;
offsetMd?: string | number | undefined;
offsetLg?: string | number | undefined;
offsetXl?: string | number | undefined;
offsetXxl?: string | number | undefined;
orderSm?: string | number | undefined;
orderMd?: string | number | undefined;
orderLg?: string | number | undefined;
orderXl?: string | number | undefined;
orderXxl?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
} & {
class?: any;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
offsetSm?: string | number | undefined;
offsetMd?: string | number | undefined;
offsetLg?: string | number | undefined;
offsetXl?: string | number | undefined;
offsetXxl?: string | number | undefined;
orderSm?: string | number | undefined;
orderMd?: string | number | undefined;
orderLg?: string | number | undefined;
orderXl?: string | number | undefined;
orderXxl?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
} & {
class?: any;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
offsetSm?: string | number | undefined;
offsetMd?: string | number | undefined;
offsetLg?: string | number | undefined;
offsetXl?: string | number | undefined;
offsetXxl?: string | number | undefined;
orderSm?: string | number | undefined;
orderMd?: string | number | undefined;
orderLg?: string | number | undefined;
orderXl?: string | number | undefined;
orderXxl?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
} & {
class?: any;
sm?: string | number | boolean | undefined;
md?: string | number | boolean | undefined;
lg?: string | number | boolean | undefined;
xl?: string | number | boolean | undefined;
xxl?: string | number | boolean | undefined;
offsetSm?: string | number | undefined;
offsetMd?: string | number | undefined;
offsetLg?: string | number | undefined;
offsetXl?: string | number | undefined;
offsetXxl?: string | number | undefined;
orderSm?: string | number | undefined;
orderMd?: string | number | undefined;
orderLg?: string | number | undefined;
orderXl?: string | number | undefined;
orderXxl?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
offset: string | number;
alignSelf: "auto" | "center" | "end" | "start" | "stretch" | "baseline";
order: string | number;
style: vue.StyleValue;
tag: string;
cols: string | number | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignSelf: {
type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
default: null;
validator: (str: any) => boolean;
};
orderSm: Prop<string | number, null>;
orderMd: Prop<string | number, null>;
orderLg: Prop<string | number, null>;
orderXl: Prop<string | number, null>;
orderXxl: Prop<string | number, null>;
order: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
offsetSm: Prop<string | number, null>;
offsetMd: Prop<string | number, null>;
offsetLg: Prop<string | number, null>;
offsetXl: Prop<string | number, null>;
offsetXxl: Prop<string | number, null>;
offset: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
sm: Prop<string | number | boolean, false>;
md: Prop<string | number | boolean, false>;
lg: Prop<string | number | boolean, false>;
xl: Prop<string | number | boolean, false>;
xxl: Prop<string | number | boolean, false>;
cols: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: boolean;
};
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignSelf: {
type: PropType<"auto" | "center" | "end" | "start" | "stretch" | "baseline">;
default: null;
validator: (str: any) => boolean;
};
orderSm: Prop<string | number, null>;
orderMd: Prop<string | number, null>;
orderLg: Prop<string | number, null>;
orderXl: Prop<string | number, null>;
orderXxl: Prop<string | number, null>;
order: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
offsetSm: Prop<string | number, null>;
offsetMd: Prop<string | number, null>;
offsetLg: Prop<string | number, null>;
offsetXl: Prop<string | number, null>;
offsetXxl: Prop<string | number, null>;
offset: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
sm: Prop<string | number | boolean, false>;
md: Prop<string | number | boolean, false>;
lg: Prop<string | number | boolean, false>;
xl: Prop<string | number | boolean, false>;
xxl: Prop<string | number | boolean, false>;
cols: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: boolean;
};
}>>;
type VCol = InstanceType<typeof VCol>;
declare const VRow: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
} & {
class?: any;
alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
} & {
class?: any;
alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
} & {
class?: any;
alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
} & {
class?: any;
alignSm?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignMd?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignLg?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
alignXxl?: "center" | "end" | "start" | "stretch" | "baseline" | undefined;
justifySm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
justifyXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | undefined;
alignContentSm?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentMd?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentLg?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
alignContentXxl?: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
alignContent: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
style: vue.StyleValue;
tag: string;
dense: boolean;
justify: "center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch";
align: "center" | "end" | "start" | "stretch" | "baseline";
noGutters: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContent: {
type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
default: null;
validator: (str: any) => boolean;
};
justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justify: {
type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
default: null;
validator: (str: any) => boolean;
};
alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
dense: BooleanConstructor;
noGutters: BooleanConstructor;
align: {
type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
default: null;
validator: (str: any) => boolean;
};
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignContentSm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContentXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch", null>;
alignContent: {
type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
default: null;
validator: (str: any) => boolean;
};
justifySm: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyMd: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyLg: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyXl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justifyXxl: Prop<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly", null>;
justify: {
type: PropType<"center" | "end" | "start" | "space-around" | "space-between" | "space-evenly" | "stretch">;
default: null;
validator: (str: any) => boolean;
};
alignSm: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignMd: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignLg: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignXl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
alignXxl: Prop<"center" | "end" | "start" | "stretch" | "baseline", null>;
dense: BooleanConstructor;
noGutters: BooleanConstructor;
align: {
type: PropType<"center" | "end" | "start" | "stretch" | "baseline">;
default: null;
validator: (str: any) => boolean;
};
}>>;
type VRow = InstanceType<typeof VRow>;
declare const VSpacer: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VSpacer = InstanceType<typeof VSpacer>;
declare const VHover: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
} & {
modelValue?: boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
} & {
modelValue?: boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
disabled: boolean;
modelValue: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
} & {
modelValue?: boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, {
disabled: boolean;
modelValue: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
} & {
modelValue?: boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, string, {
disabled: boolean;
modelValue: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isHovering: boolean | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
disabled: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: undefined;
};
}, vue.ExtractPropTypes<{
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
disabled: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: undefined;
};
}>>;
type VHover = InstanceType<typeof VHover>;
declare const VIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
start: BooleanConstructor;
end: BooleanConstructor;
icon: vue.PropType<IconValue>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
start: BooleanConstructor;
end: BooleanConstructor;
icon: vue.PropType<IconValue>;
}>>;
type VIcon = InstanceType<typeof VIcon>;
type InfiniteScrollSide = 'start' | 'end' | 'both';
type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error';
type InfiniteScrollSlot = {
side: InfiniteScrollSide;
props: Record<string, any>;
};
declare const VInfiniteScroll: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
margin?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} & {
onLoad?: ((options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
load: (options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
margin?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} & {
onLoad?: ((options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => any) | undefined;
}, {
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
margin?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} & {
onLoad?: ((options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => any) | undefined;
}, {}, {}, {}, {}, {
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
margin?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loading?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loading?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
error?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
empty?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
'load-more'?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loading"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:error"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:empty"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
"v-slot:load-more"?: false | ((arg: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
} & {
onLoad?: ((options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
load: (options: {
side: InfiniteScrollSide;
done: (status: InfiniteScrollStatus) => void;
}) => true;
}, string, {
direction: "horizontal" | "vertical";
tag: string;
mode: "manual" | "intersect";
side: InfiniteScrollSide;
loadMoreText: string;
emptyText: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loading: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
empty: (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'load-more': (arg: InfiniteScrollSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
side: {
type: PropType<InfiniteScrollSide>;
default: string;
validator: (v: any) => boolean;
};
mode: {
type: PropType<"manual" | "intersect">;
default: string;
validator: (v: any) => boolean;
};
margin: (StringConstructor | NumberConstructor)[];
loadMoreText: {
type: StringConstructor;
default: string;
};
emptyText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
side: {
type: PropType<InfiniteScrollSide>;
default: string;
validator: (v: any) => boolean;
};
mode: {
type: PropType<"manual" | "intersect">;
default: string;
validator: (v: any) => boolean;
};
margin: (StringConstructor | NumberConstructor)[];
loadMoreText: {
type: StringConstructor;
default: string;
};
emptyText: {
type: StringConstructor;
default: string;
};
}>>;
type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
type VItemGroupSlots = {
default: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
};
};
declare const VItemGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
} & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
} & {}, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
} & {}, () => JSX.Element, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
theme?: string | undefined;
} & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isSelected: (id: number) => boolean;
select: (id: number, value: boolean) => void;
next: () => void;
prev: () => void;
selected: readonly number[];
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VItemGroupSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VItemGroupSlots>) & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: vue.PropType<string>;
default: string;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: vue.PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: vue.PropType<string>;
default: string;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VItemGroup = InstanceType<typeof VItemGroup>;
declare const VItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
disabled: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, {
disabled: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
disabled: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isSelected: boolean | undefined;
selectedClass: boolean | (string | undefined)[] | undefined;
select: ((value: boolean) => void) | undefined;
toggle: (() => void) | undefined;
value: unknown;
disabled: boolean | undefined;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
}, vue.ExtractPropTypes<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
}>>;
type VItem = InstanceType<typeof VItem>;
declare const VKbd: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VKbd = InstanceType<typeof VKbd>;
declare const VLabel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
onClick?: ((args_0: MouseEvent) => void) | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}>>;
type VLabel = InstanceType<typeof VLabel>;
declare const VLayout: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
fullHeight: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
}, {}, {}, {}, {
style: vue.StyleValue;
fullHeight: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: "left" | "top" | "bottom" | "right";
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
fullHeight: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
overlaps: vue.Prop<string[]>;
fullHeight: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
overlaps: vue.Prop<string[]>;
fullHeight: BooleanConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VLayout = InstanceType<typeof VLayout>;
declare const VLayoutItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
order: string | number;
position: "left" | "top" | "bottom" | "right";
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
order: string | number;
position: "left" | "top" | "bottom" | "right";
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
absolute: boolean;
order: string | number;
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
order: string | number;
position: "left" | "top" | "bottom" | "right";
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {
absolute: boolean;
order: string | number;
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
order: string | number;
position: "left" | "top" | "bottom" | "right";
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
} & {
name?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
absolute: boolean;
order: string | number;
style: vue.StyleValue;
size: string | number;
modelValue: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
position: {
type: PropType<"left" | "top" | "bottom" | "right">;
required: true;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: BooleanConstructor;
}, vue.ExtractPropTypes<{
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
position: {
type: PropType<"left" | "top" | "bottom" | "right">;
required: true;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: BooleanConstructor;
}>>;
type VLayoutItem = InstanceType<typeof VLayoutItem>;
declare const VLazy: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
tag: {
type: StringConstructor;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
modelValue: BooleanConstructor;
options: {
type: PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
tag: {
type: StringConstructor;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
modelValue: BooleanConstructor;
options: {
type: PropType<IntersectionObserverInit>;
default: () => {
root: undefined;
rootMargin: undefined;
threshold: undefined;
};
};
}>>;
type VLazy = InstanceType<typeof VLazy>;
type VListChildrenSlots<T> = {
[K in keyof Omit<VListItemSlots, 'default'>]: VListItemSlots[K] & {
item: T;
};
} & {
default: never;
item: {
props: InternalListItem['props'];
};
divider: {
props: InternalListItem['props'];
};
subheader: {
props: InternalListItem['props'];
};
header: {
props: InternalListItem['props'];
};
};
interface InternalListItem<T = any> extends ListItem<T> {
type?: 'item' | 'subheader' | 'divider';
}
type ItemType$1<T> = T extends readonly (infer U)[] ? U : never;
declare const VList: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (value: unknown[]) => boolean;
'update:opened': (value: unknown[]) => boolean;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
}, "$children" | "selected" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "opened" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "update:selected" | "update:opened">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}, true, {}, vue.SlotsType<Partial<{
title: (arg: ListItemTitleSlot & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subheader: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, {}, {}, {}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (value: unknown[]) => boolean;
'update:opened': (value: unknown[]) => boolean;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
}, "$children" | "selected" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:append" | "v-slot:prepend" | "opened" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "update:selected" | "update:opened">, string, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}, {}, string, vue.SlotsType<Partial<{
title: (arg: ListItemTitleSlot & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subheader: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], S = unknown, O = unknown>(props: {
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$1<T>>;
itemValue?: SelectItemKey<ItemType$1<T>>;
itemChildren?: SelectItemKey<ItemType$1<T>>;
itemProps?: SelectItemKey<ItemType$1<T>>;
selected?: readonly S[] | undefined;
'onUpdate:selected'?: ((value: S[]) => void) | undefined;
opened?: readonly O[] | undefined;
'onUpdate:opened'?: ((value: O[]) => void) | undefined;
}, slots: VListChildrenSlots<ItemType$1<T>>) => GenericProps<{
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType$1<T>>;
itemValue?: SelectItemKey<ItemType$1<T>>;
itemChildren?: SelectItemKey<ItemType$1<T>>;
itemProps?: SelectItemKey<ItemType$1<T>>;
selected?: readonly S[] | undefined;
'onUpdate:selected'?: ((value: S[]) => void) | undefined;
opened?: readonly O[] | undefined;
'onUpdate:opened'?: ((value: O[]) => void) | undefined;
}, VListChildrenSlots<ItemType$1<T>>>) & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<readonly unknown[]>;
selected: PropType<readonly unknown[]>;
mandatory: BooleanConstructor;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
expandIcon: StringConstructor;
collapseIcon: StringConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<readonly unknown[]>;
selected: PropType<readonly unknown[]>;
mandatory: BooleanConstructor;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
expandIcon: StringConstructor;
collapseIcon: StringConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
}>>;
type VList = InstanceType<typeof VList>;
declare const VListGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
color: StringConstructor;
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
fluid: BooleanConstructor;
subgroup: BooleanConstructor;
title: StringConstructor;
value: null;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
color: StringConstructor;
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
fluid: BooleanConstructor;
subgroup: BooleanConstructor;
title: StringConstructor;
value: null;
}>>;
type VListGroup = InstanceType<typeof VListGroup>;
declare const VListImg: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VListImg = InstanceType<typeof VListImg>;
declare const VListItemAction: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}>>;
type VListItemAction = InstanceType<typeof VListItemAction>;
declare const VListItemMedia: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}>>;
type VListItemMedia = InstanceType<typeof VListItemMedia>;
declare const VListItemSubtitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>;
declare const VListItemTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VListItemTitle = InstanceType<typeof VListItemTitle>;
declare const VListSubheader: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
sticky: BooleanConstructor;
title: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
sticky: BooleanConstructor;
title: StringConstructor;
}>>;
type VListSubheader = InstanceType<typeof VListSubheader>;
declare const VLocaleProvider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
messages?: Record<string, any> | undefined;
fallbackLocale?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
messages?: Record<string, any> | undefined;
fallbackLocale?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
rtl: boolean;
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
messages?: Record<string, any> | undefined;
fallbackLocale?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
rtl: boolean;
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
messages?: Record<string, any> | undefined;
fallbackLocale?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
rtl: boolean;
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
locale: StringConstructor;
fallbackLocale: StringConstructor;
messages: ObjectConstructor;
rtl: {
type: BooleanConstructor;
default: undefined;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
locale: StringConstructor;
fallbackLocale: StringConstructor;
messages: ObjectConstructor;
rtl: {
type: BooleanConstructor;
default: undefined;
};
}>>;
type VLocaleProvider = InstanceType<typeof VLocaleProvider>;
declare const VMain: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
scrollable: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
scrollable: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scrollable: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scrollable: BooleanConstructor;
}>>;
type VMain = InstanceType<typeof VMain>;
declare const VMenu: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<number>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<number>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<number>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: vue.PropType<string | number | number[] | undefined>;
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: BooleanConstructor;
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
};
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
closeDelay: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
openDelay: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: {
type: vue.PropType<boolean>;
default: boolean;
};
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
noClickAnimation: BooleanConstructor;
persistent: BooleanConstructor;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<string | boolean | Element>;
id: StringConstructor;
}, vue.ExtractPropTypes<{
offset: vue.PropType<string | number | number[] | undefined>;
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: BooleanConstructor;
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
};
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
closeDelay: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
openDelay: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: {
type: vue.PropType<boolean>;
default: boolean;
};
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
noClickAnimation: BooleanConstructor;
persistent: BooleanConstructor;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<string | boolean | Element>;
id: StringConstructor;
}>>;
type VMenu = InstanceType<typeof VMenu>;
type VNavigationDrawerImageSlot = {
image: string | undefined;
};
declare const VNavigationDrawer: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
image?: ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
image?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
"onUpdate:rail"?: ((val: boolean) => any) | undefined;
}, {
isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: boolean) => true;
'update:rail': (val: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
image?: ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
image?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
"onUpdate:rail"?: ((val: boolean) => any) | undefined;
}, {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: (arg: VNavigationDrawerImageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
image?: ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
image?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
"onUpdate:rail"?: ((val: boolean) => any) | undefined;
}, {
isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
}, {}, {}, {}, {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
image?: ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
image?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:image"?: false | ((arg: VNavigationDrawerImageSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
"onUpdate:rail"?: ((val: boolean) => any) | undefined;
}, {
isStuck: vue.ShallowRef<boolean | "top" | "bottom">;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: boolean) => true;
'update:rail': (val: boolean) => true;
}, string, {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
temporary: boolean;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
floating: boolean;
modelValue: boolean | null;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
image: (arg: VNavigationDrawerImageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
disableResizeWatcher: BooleanConstructor;
disableRouteWatcher: BooleanConstructor;
expandOnHover: BooleanConstructor;
floating: BooleanConstructor;
modelValue: {
type: PropType<boolean | null>;
default: null;
};
permanent: BooleanConstructor;
rail: {
type: PropType<boolean | null>;
default: null;
};
railWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
image: StringConstructor;
temporary: BooleanConstructor;
touchless: BooleanConstructor;
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
location: {
type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
default: string;
validator: (value: any) => boolean;
};
sticky: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
disableResizeWatcher: BooleanConstructor;
disableRouteWatcher: BooleanConstructor;
expandOnHover: BooleanConstructor;
floating: BooleanConstructor;
modelValue: {
type: PropType<boolean | null>;
default: null;
};
permanent: BooleanConstructor;
rail: {
type: PropType<boolean | null>;
default: null;
};
railWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
image: StringConstructor;
temporary: BooleanConstructor;
touchless: BooleanConstructor;
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
location: {
type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
default: string;
validator: (value: any) => boolean;
};
sticky: BooleanConstructor;
}>>;
type VNavigationDrawer = InstanceType<typeof VNavigationDrawer>;
declare const VNoSsr: vue.DefineComponent<{}, () => false | vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string>;
type VNoSsr = InstanceType<typeof VNoSsr>;
declare const VOtpInput: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
focusAll: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
divider?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: string | number | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((val: boolean) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
blur: () => void;
focus: () => void;
reset: () => void;
isFocused: vue.Ref<boolean> & {
readonly externalValue: boolean;
};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
finish: (val: string) => true;
'update:focused': (val: boolean) => true;
'update:modelValue': (val: string) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
focusAll: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
divider?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: string | number | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((val: boolean) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
rounded: string | number | boolean;
modelValue: string | number;
focused: boolean;
focusAll: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
focusAll: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
divider?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: string | number | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((val: boolean) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
blur: () => void;
focus: () => void;
reset: () => void;
isFocused: vue.Ref<boolean> & {
readonly externalValue: boolean;
};
}, {}, {}, {}, {
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
rounded: string | number | boolean;
modelValue: string | number;
focused: boolean;
focusAll: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
focusAll: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
divider?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: string | number | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((val: boolean) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
blur: () => void;
focus: () => void;
reset: () => void;
isFocused: vue.Ref<boolean> & {
readonly externalValue: boolean;
};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
finish: (val: string) => true;
'update:focused': (val: boolean) => true;
'update:modelValue': (val: string) => true;
}, string, {
length: string | number;
variant: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
rounded: string | number | boolean;
modelValue: string | number;
focused: boolean;
focusAll: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
variant: Omit<{
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
};
error: BooleanConstructor;
color: StringConstructor;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: BooleanConstructor;
default: null;
};
class: PropType<any>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
bgColor: StringConstructor;
baseColor: StringConstructor;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
autofocus: BooleanConstructor;
divider: StringConstructor;
focusAll: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
placeholder: StringConstructor;
type: {
type: PropType<"number" | "text" | "password">;
default: string;
};
}, vue.ExtractPropTypes<{
variant: Omit<{
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">>;
default: NonNullable<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
};
error: BooleanConstructor;
color: StringConstructor;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: BooleanConstructor;
default: null;
};
class: PropType<any>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
bgColor: StringConstructor;
baseColor: StringConstructor;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
autofocus: BooleanConstructor;
divider: StringConstructor;
focusAll: BooleanConstructor;
label: {
type: StringConstructor;
default: string;
};
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
placeholder: StringConstructor;
type: {
type: PropType<"number" | "text" | "password">;
default: string;
};
}>>;
type VOtpInput = InstanceType<typeof VOtpInput>;
declare const VOverlay: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined>;
globalTop: Readonly<Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined>;
globalTop: Readonly<Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, {}, {}, {}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: Ref<HTMLElement | undefined>;
globalTop: Readonly<Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType<Anchor>;
default: string;
};
origin: {
type: PropType<"auto" | Anchor | "overlap">;
default: string;
};
offset: PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
_disableGlobalStack: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType<Anchor>;
default: string;
};
origin: {
type: PropType<"auto" | Anchor | "overlap">;
default: string;
};
offset: PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
activator: PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
activatorProps: {
type: PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
_disableGlobalStack: BooleanConstructor;
}>>;
type VOverlay = InstanceType<typeof VOverlay>;
type ItemSlot = {
isActive: boolean;
key: string | number;
page: string;
props: Record<string, any>;
};
type ControlSlot = {
icon: IconValue;
onClick: (e: Event) => void;
disabled: boolean;
'aria-label': string;
'aria-disabled': boolean;
};
declare const VPagination: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
activeColor?: string | undefined;
totalVisible?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
"v-slot:first"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:last"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
onNext?: ((value: number) => any) | undefined;
onPrev?: ((value: number) => any) | undefined;
onFirst?: ((value: number) => any) | undefined;
onLast?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number) => true;
first: (value: number) => true;
prev: (value: number) => true;
next: (value: number) => true;
last: (value: number) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
activeColor?: string | undefined;
totalVisible?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
"v-slot:first"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:last"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
onNext?: ((value: number) => any) | undefined;
onPrev?: ((value: number) => any) | undefined;
onFirst?: ((value: number) => any) | undefined;
onLast?: ((value: number) => any) | undefined;
}, {
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
rounded: string | number | boolean;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
}, true, {}, vue.SlotsType<Partial<{
item: (arg: ItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
first: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
last: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
activeColor?: string | undefined;
totalVisible?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
"v-slot:first"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:last"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
onNext?: ((value: number) => any) | undefined;
onPrev?: ((value: number) => any) | undefined;
onFirst?: ((value: number) => any) | undefined;
onLast?: ((value: number) => any) | undefined;
}, {}, {}, {}, {}, {
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
rounded: string | number | boolean;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
activeColor?: string | undefined;
totalVisible?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: ((arg: ControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
first?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
prev?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
next?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
last?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: ItemSlot) => vue.VNodeChild) | undefined;
"v-slot:first"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
"v-slot:last"?: false | ((arg: ControlSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
onNext?: ((value: number) => any) | undefined;
onPrev?: ((value: number) => any) | undefined;
onFirst?: ((value: number) => any) | undefined;
onLast?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number) => true;
first: (value: number) => true;
prev: (value: number) => true;
next: (value: number) => true;
last: (value: number) => true;
}, string, {
length: string | number;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
rounded: string | number | boolean;
density: Density;
modelValue: number;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
}, {}, string, vue.SlotsType<Partial<{
item: (arg: ItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
first: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
last: (arg: ControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activeColor: StringConstructor;
start: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: (props: any) => number;
};
disabled: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (val: number) => boolean;
};
totalVisible: (StringConstructor | NumberConstructor)[];
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
pageAriaLabel: {
type: StringConstructor;
default: string;
};
currentPageAriaLabel: {
type: StringConstructor;
default: string;
};
firstAriaLabel: {
type: StringConstructor;
default: string;
};
previousAriaLabel: {
type: StringConstructor;
default: string;
};
nextAriaLabel: {
type: StringConstructor;
default: string;
};
lastAriaLabel: {
type: StringConstructor;
default: string;
};
ellipsis: {
type: StringConstructor;
default: string;
};
showFirstLastPage: BooleanConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activeColor: StringConstructor;
start: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: NumberConstructor;
default: (props: any) => number;
};
disabled: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (val: number) => boolean;
};
totalVisible: (StringConstructor | NumberConstructor)[];
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
default: string;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
pageAriaLabel: {
type: StringConstructor;
default: string;
};
currentPageAriaLabel: {
type: StringConstructor;
default: string;
};
firstAriaLabel: {
type: StringConstructor;
default: string;
};
previousAriaLabel: {
type: StringConstructor;
default: string;
};
nextAriaLabel: {
type: StringConstructor;
default: string;
};
lastAriaLabel: {
type: StringConstructor;
default: string;
};
ellipsis: {
type: StringConstructor;
default: string;
};
showFirstLastPage: BooleanConstructor;
}>>;
type VPagination = InstanceType<typeof VPagination>;
declare const VParallax: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
scale: string | number;
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
scale: string | number;
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {
scale: string | number;
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
scale: string | number;
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
scale: string | number;
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
scale: string | number;
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
placeholder?: (() => vue.VNodeChild) | undefined;
error?: (() => vue.VNodeChild) | undefined;
sources?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
placeholder?: false | (() => vue.VNodeChild) | undefined;
error?: false | (() => vue.VNodeChild) | undefined;
sources?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
scale: string | number;
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
placeholder: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
error: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
sources: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scale: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scale: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}>>;
type VParallax = InstanceType<typeof VParallax>;
declare const VProgressCircular: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
} & {
color?: string | undefined;
class?: any;
indeterminate?: boolean | "disable-shrink" | undefined;
theme?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
} & {
color?: string | undefined;
class?: any;
indeterminate?: boolean | "disable-shrink" | undefined;
theme?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
}, {
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
value: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
} & {
color?: string | undefined;
class?: any;
indeterminate?: boolean | "disable-shrink" | undefined;
theme?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
} & {
color?: string | undefined;
class?: any;
indeterminate?: boolean | "disable-shrink" | undefined;
theme?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
value: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
bgColor: StringConstructor;
color: StringConstructor;
indeterminate: PropType<boolean | "disable-shrink">;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rotate: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
bgColor: StringConstructor;
color: StringConstructor;
indeterminate: PropType<boolean | "disable-shrink">;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rotate: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}>>;
type VProgressCircular = InstanceType<typeof VProgressCircular>;
declare const VProgressLinear: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
}, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
rounded: string | number | boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
value: number;
buffer: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
}, {}, {}, {}, {}, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
rounded: string | number | boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
value: number;
buffer: number;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number) => boolean;
}, string, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: NonNullable<Anchor>;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
rounded: string | number | boolean;
modelValue: string | number;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
value: number;
buffer: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
location: {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
absolute: BooleanConstructor;
active: {
type: BooleanConstructor;
default: boolean;
};
bgColor: StringConstructor;
bgOpacity: (StringConstructor | NumberConstructor)[];
bufferValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
clickable: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
indeterminate: BooleanConstructor;
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
reverse: BooleanConstructor;
stream: BooleanConstructor;
striped: BooleanConstructor;
roundedBar: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
location: {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
absolute: BooleanConstructor;
active: {
type: BooleanConstructor;
default: boolean;
};
bgColor: StringConstructor;
bgOpacity: (StringConstructor | NumberConstructor)[];
bufferValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
clickable: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
indeterminate: BooleanConstructor;
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
reverse: BooleanConstructor;
stream: BooleanConstructor;
striped: BooleanConstructor;
roundedBar: BooleanConstructor;
}>>;
type VProgressLinear = InstanceType<typeof VProgressLinear>;
declare const VRadio: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
defaultsTarget?: string | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
$children?: vue.VNodeChild | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | {
default?: ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
input?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:input"?: false | ((arg: SelectionControlSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean;
falseIcon: NonNullable<IconValue>;
trueIcon: NonNullable<IconValue>;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<NonNullable<IconValue>>;
default: NonNullable<IconValue>;
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
}>>;
type VRadio = InstanceType<typeof VRadio>;
type VRadioGroupSlots = Omit<VInputSlots, 'default'> & {
default: never;
label: {
label: string | undefined;
props: Record<string, any>;
};
};
declare const VRadioGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {}, {}, {}, {}, {
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
type: string;
inline: boolean;
error: boolean;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
ripple: boolean;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, slots: VRadioGroupSlots) => GenericProps<{
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, VRadioGroupSlots>) & FilterPropsOptions<{
trueIcon: {
type: vue.PropType<IconValue>;
default: string;
};
falseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
inline: BooleanConstructor;
error: BooleanConstructor;
id: StringConstructor;
name: StringConstructor;
color: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
class: vue.PropType<any>;
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: null;
ripple: {
type: BooleanConstructor;
default: boolean;
};
defaultsTarget: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
label: StringConstructor;
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
height: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
}, vue.ExtractPropTypes<{
trueIcon: {
type: vue.PropType<IconValue>;
default: string;
};
falseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
inline: BooleanConstructor;
error: BooleanConstructor;
id: StringConstructor;
name: StringConstructor;
color: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
class: vue.PropType<any>;
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: null;
ripple: {
type: BooleanConstructor;
default: boolean;
};
defaultsTarget: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
label: StringConstructor;
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
height: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
}>>;
type VRadioGroup = InstanceType<typeof VRadioGroup>;
type Tick = {
value: number;
position: number;
label?: string;
};
declare const VRangeSlider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
onStart?: ((value: [number, number]) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:focused': (value: boolean) => true;
'update:modelValue': (value: [number, number]) => true;
end: (value: [number, number]) => true;
start: (value: [number, number]) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
onStart?: ((value: [number, number]) => any) | undefined;
}, {
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
onStart?: ((value: [number, number]) => any) | undefined;
}, {}, {}, {}, {}, {
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
onStart?: ((value: [number, number]) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:focused': (value: boolean) => true;
'update:modelValue': (value: [number, number]) => true;
end: (value: [number, number]) => true;
start: (value: [number, number]) => true;
}, string, {
reverse: boolean;
max: string | number;
error: boolean;
strict: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: readonly (string | number)[];
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
strict: BooleanConstructor;
modelValue: {
type: PropType<readonly (string | number)[]>;
default: () => number[];
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
elevation: Omit<{
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
disabled: {
type: PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
min: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
thumbColor: StringConstructor;
thumbLabel: {
type: PropType<boolean | "always" | undefined>;
default: undefined;
validator: (v: any) => boolean;
};
thumbSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showTicks: {
type: PropType<boolean | "always">;
default: boolean;
validator: (v: any) => boolean;
};
ticks: {
type: PropType<readonly number[] | Record<number, string>>;
};
tickSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
color: StringConstructor;
trackColor: StringConstructor;
trackFillColor: StringConstructor;
trackSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
reverse: BooleanConstructor;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
strict: BooleanConstructor;
modelValue: {
type: PropType<readonly (string | number)[]>;
default: () => number[];
};
ripple: {
type: BooleanConstructor;
default: boolean;
};
elevation: Omit<{
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
disabled: {
type: PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
min: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
thumbColor: StringConstructor;
thumbLabel: {
type: PropType<boolean | "always" | undefined>;
default: undefined;
validator: (v: any) => boolean;
};
thumbSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showTicks: {
type: PropType<boolean | "always">;
default: boolean;
validator: (v: any) => boolean;
};
ticks: {
type: PropType<readonly number[] | Record<number, string>>;
};
tickSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
color: StringConstructor;
trackColor: StringConstructor;
trackFillColor: StringConstructor;
trackSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
reverse: BooleanConstructor;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
}>>;
type VRangeSlider = InstanceType<typeof VRangeSlider>;
type VRatingItemSlot = {
value: number;
index: number;
isFilled: boolean;
isHovered: boolean;
icon: IconValue;
color?: string;
props: Record<string, unknown>;
rating: number;
};
type VRatingItemLabelSlot = {
value: number;
index: number;
label?: string;
};
declare const VRating: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number | string) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}, true, {}, vue.SlotsType<Partial<{
item: (arg: VRatingItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, {}, {}, {}, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
} & {
name?: string | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
activeColor?: string | undefined;
itemLabels?: string[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
item?: ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
item?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
'item-label'?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:item"?: false | ((arg: VRatingItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item-label"?: false | ((arg: VRatingItemLabelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: number | string) => boolean;
}, string, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
density: Density;
modelValue: string | number;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}, {}, string, vue.SlotsType<Partial<{
item: (arg: VRatingItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
name: StringConstructor;
itemAriaLabel: {
type: StringConstructor;
default: string;
};
activeColor: StringConstructor;
color: StringConstructor;
clearable: BooleanConstructor;
disabled: BooleanConstructor;
emptyIcon: {
type: vue.PropType<IconValue>;
default: string;
};
fullIcon: {
type: vue.PropType<IconValue>;
default: string;
};
halfIncrements: BooleanConstructor;
hover: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
readonly: BooleanConstructor;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemLabels: Prop<string[]>;
itemLabelPosition: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
ripple: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
name: StringConstructor;
itemAriaLabel: {
type: StringConstructor;
default: string;
};
activeColor: StringConstructor;
color: StringConstructor;
clearable: BooleanConstructor;
disabled: BooleanConstructor;
emptyIcon: {
type: vue.PropType<IconValue>;
default: string;
};
fullIcon: {
type: vue.PropType<IconValue>;
default: string;
};
halfIncrements: BooleanConstructor;
hover: BooleanConstructor;
length: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
readonly: BooleanConstructor;
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
itemLabels: Prop<string[]>;
itemLabelPosition: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
ripple: BooleanConstructor;
}>>;
type VRating = InstanceType<typeof VRating>;
declare const VResponsive: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
inline: boolean;
style: vue.StyleValue;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
contentClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
additional?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
inline: boolean;
style: vue.StyleValue;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
contentClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
additional?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
}, {
inline: boolean;
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
style: vue.StyleValue;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
contentClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
additional?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inline: boolean;
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
inline: boolean;
style: vue.StyleValue;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
aspectRatio?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
contentClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
additional?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:additional"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
inline: boolean;
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
additional: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
}, vue.ExtractPropTypes<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: StringConstructor;
inline: BooleanConstructor;
}>>;
type VResponsive = InstanceType<typeof VResponsive>;
type Primitive = string | number | boolean | symbol;
type Val<T, ReturnObject extends boolean> = [T] extends [Primitive] ? T : (ReturnObject extends true ? T : any);
type Value<T, ReturnObject extends boolean, Multiple extends boolean> = Multiple extends true ? readonly Val<T, ReturnObject>[] : Val<T, ReturnObject> | null;
type ItemType<T> = T extends readonly (infer U)[] ? U : never;
declare const VSelect: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:modelValue': (value: any) => boolean;
'update:menu': (ue: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, any, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
listProps?: (Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, any, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:modelValue': (value: any) => boolean;
'update:menu': (ue: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "items" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "returnObject" | "v-slot:item" | "itemTitle" | "itemValue" | "itemProps" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:chip" | "v-slot:selection" | "v-slot:prepend-item" | "v-slot:append-item" | "v-slot:no-data">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
noDataText: string;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
valueComparator: typeof deepEqual;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: NonNullable<SelectItemKey>;
clearable: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
chips: boolean;
closableChips: boolean;
closeText: string;
openText: string;
hideNoData: boolean;
hideSelected: boolean;
menuIcon: IconValue;
openOnClear: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-item': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'no-data': () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], Item = ItemType<T>, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value<Item, ReturnObject, Multiple> = Value<Item, ReturnObject, Multiple>>(props: {
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType<T>>;
itemValue?: SelectItemKey<ItemType<T>>;
itemProps?: SelectItemKey<ItemType<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, slots: Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}) => GenericProps<{
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType<T>>;
itemValue?: SelectItemKey<ItemType<T>>;
itemProps?: SelectItemKey<ItemType<T>>;
returnObject?: ReturnObject | undefined;
multiple?: Multiple | undefined;
modelValue?: V | null | undefined;
'onUpdate:modelValue'?: ((value: V) => void) | undefined;
}, Omit<VInputSlots & VFieldSlots, "default"> & {
item: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
chip: {
item: ListItem<Item>;
index: number;
props: Record<string, unknown>;
};
selection: {
item: ListItem<Item>;
index: number;
};
'prepend-item': never;
'append-item': never;
'no-data': never;
}>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: BooleanConstructor;
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
active: BooleanConstructor;
name: StringConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
loading: (StringConstructor | BooleanConstructor)[];
label: StringConstructor;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
prefix: StringConstructor;
role: {
type: PropType<string>;
default: string;
};
autofocus: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
readonly: {
type: PropType<boolean | null>;
default: null;
};
class: PropType<any>;
placeholder: StringConstructor;
theme: StringConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: PropType<any>;
default: any;
};
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
baseColor: StringConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
prependInnerIcon: PropType<IconValue>;
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
hideDetails: PropType<boolean | "auto">;
clearable: BooleanConstructor;
persistentClear: BooleanConstructor;
singleLine: BooleanConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
counterValue: PropType<number | ((value: any) => number)>;
modelModifiers: PropType<Record<string, boolean>>;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "type" | "default"> & {
type: PropType<NonNullable<SelectItemKey>>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: {
type: PropType<typeof deepEqual>;
default: typeof deepEqual;
};
chips: BooleanConstructor;
closableChips: BooleanConstructor;
closeText: {
type: StringConstructor;
default: string;
};
openText: {
type: StringConstructor;
default: string;
};
eager: BooleanConstructor;
hideNoData: BooleanConstructor;
hideSelected: BooleanConstructor;
listProps: {
type: PropType<Partial<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mandatory: boolean;
density: Density;
slim: boolean;
valueComparator: typeof deepEqual;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
returnObject: boolean;
itemType: string;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
activeClass?: string | undefined;
activeColor?: string | undefined;
collapseIcon?: string | undefined;
expandIcon?: string | undefined;
} & {
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: readonly unknown[] | undefined;
'onUpdate:selected'?: ((value: unknown[]) => void) | undefined;
opened?: readonly unknown[] | undefined;
'onUpdate:opened'?: ((value: unknown[]) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: {
isActive: boolean;
isSelected: boolean;
isIndeterminate: boolean;
select: (value: boolean) => void;
} & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => vue.VNodeChild) | undefined;
}>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<Partial<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
}> & Omit<{
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component | undefined;
})> | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
closeDelay: NonNullable<string | number>;
openDelay: NonNullable<string | number>;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: NonNullable<string | boolean>;
} & {
offset?: string | number | number[] | undefined;
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
}>>;
type VSelect = InstanceType<typeof VSelect>;
declare const VSheet: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
}>>;
type VSheet = InstanceType<typeof VSheet>;
declare const VSkeletonLoader: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
elevation?: string | number | undefined;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
type: "button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
loading: boolean;
loadingText: string;
boilerplate: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
boilerplate: BooleanConstructor;
color: StringConstructor;
loading: BooleanConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
type: {
type: PropType<"button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
default: string;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
boilerplate: BooleanConstructor;
color: StringConstructor;
loading: BooleanConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
type: {
type: PropType<"button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("button" | "article" | "table" | "image" | "text" | (string & {}) | "table-row" | "list-item" | "sentences" | "heading" | "divider" | "subtitle" | "chip" | "avatar" | "actions" | "paragraph" | "ossein" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[]>;
default: string;
};
}>>;
type VSkeletonLoader = InstanceType<typeof VSkeletonLoader>;
interface SlideGroupSlot {
next: GroupProvide['next'];
prev: GroupProvide['prev'];
select: GroupProvide['select'];
isSelected: GroupProvide['isSelected'];
}
type VSlideGroupSlots = {
default: SlideGroupSlot;
prev: SlideGroupSlot;
next: SlideGroupSlot;
};
declare const VSlideGroup: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
selected: vue.Ref<readonly number[]>;
scrollTo: (location: 'prev' | 'next') => void;
scrollOffset: vue.ShallowRef<number>;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
selected: vue.Ref<readonly number[]>;
scrollTo: (location: 'prev' | 'next') => void;
scrollOffset: vue.ShallowRef<number>;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, {}, {}, {}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
} & {
max?: number | undefined;
class?: any;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
selected: vue.Ref<readonly number[]>;
scrollTo: (location: 'prev' | 'next') => void;
scrollOffset: vue.ShallowRef<number>;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, string, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: SlideGroupSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, slots: VSlideGroupSlots) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
}, VSlideGroupSlots>) & FilterPropsOptions<{
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
}, vue.ExtractPropTypes<{
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
}>>;
type VSlideGroup = InstanceType<typeof VSlideGroup>;
declare const VSlideGroupItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
disabled: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, {
disabled: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
} & {
value?: any;
selectedClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
disabled: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isSelected: UnwrapRef<GroupItemProvide['isSelected']>;
select: GroupItemProvide['select'];
toggle: GroupItemProvide['toggle'];
selectedClass: UnwrapRef<GroupItemProvide['selectedClass']>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
}, vue.ExtractPropTypes<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
}>>;
type VSlideGroupItem = InstanceType<typeof VSlideGroupItem>;
declare const VSlider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
onStart?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:focused': (value: boolean) => true;
'update:modelValue': (v: number) => true;
start: (value: number) => true;
end: (value: number) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
onStart?: ((value: number) => any) | undefined;
}, {
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
onStart?: ((value: number) => any) | undefined;
}, {}, {}, {}, {}, {
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
label?: string | undefined;
class?: any;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
trackColor?: string | undefined;
trackFillColor?: string | undefined;
thumbColor?: string | undefined;
thumbLabel?: boolean | "always" | undefined;
ticks?: readonly number[] | Record<number, string> | undefined;
} & {
$children?: vue.VNodeChild | ((arg: VInputSlot) => vue.VNodeChild) | {
default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
'thumb-label'?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
'tick-label'?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
label?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:thumb-label"?: false | ((arg: {
modelValue: number;
}) => vue.VNodeChild) | undefined;
"v-slot:tick-label"?: false | ((arg: {
tick: Tick;
index: number;
}) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
onStart?: ((value: number) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:focused': (value: boolean) => true;
'update:modelValue': (v: number) => true;
start: (value: number) => true;
end: (value: number) => true;
}, string, {
reverse: boolean;
max: string | number;
error: boolean;
min: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
step: string | number;
elevation: NonNullable<string | number>;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
modelValue: string | number;
ripple: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
elevation: Omit<{
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
min: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
thumbColor: StringConstructor;
thumbLabel: {
type: vue.PropType<boolean | "always" | undefined>;
default: undefined;
validator: (v: any) => boolean;
};
thumbSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showTicks: {
type: vue.PropType<boolean | "always">;
default: boolean;
validator: (v: any) => boolean;
};
ticks: {
type: vue.PropType<readonly number[] | Record<number, string>>;
};
tickSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
color: StringConstructor;
trackColor: StringConstructor;
trackFillColor: StringConstructor;
trackSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
reverse: BooleanConstructor;
}, vue.ExtractPropTypes<{
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
id: StringConstructor;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
elevation: Omit<{
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
min: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
step: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
thumbColor: StringConstructor;
thumbLabel: {
type: vue.PropType<boolean | "always" | undefined>;
default: undefined;
validator: (v: any) => boolean;
};
thumbSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showTicks: {
type: vue.PropType<boolean | "always">;
default: boolean;
validator: (v: any) => boolean;
};
ticks: {
type: vue.PropType<readonly number[] | Record<number, string>>;
};
tickSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
color: StringConstructor;
trackColor: StringConstructor;
trackFillColor: StringConstructor;
trackSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
reverse: BooleanConstructor;
}>>;
type VSlider = InstanceType<typeof VSlider>;
declare const VSnackbar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
timer?: string | boolean | undefined;
theme?: string | undefined;
contentClass?: any;
rounded?: string | number | boolean | undefined;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
timer?: string | boolean | undefined;
theme?: string | undefined;
contentClass?: any;
rounded?: string | number | boolean | undefined;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
rounded: string | number | boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
}, true, {}, vue.SlotsType<Partial<{
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
timer?: string | boolean | undefined;
theme?: string | undefined;
contentClass?: any;
rounded?: string | number | boolean | undefined;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
rounded: string | number | boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
timer?: string | boolean | undefined;
theme?: string | undefined;
contentClass?: any;
rounded?: string | number | boolean | undefined;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
actions?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: boolean) => boolean;
}, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
rounded: string | number | boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: vue.PropType<string | number | number[] | undefined>;
absolute: BooleanConstructor;
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: BooleanConstructor;
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
attach: vue.PropType<string | boolean | Element>;
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
multiLine: BooleanConstructor;
text: StringConstructor;
timer: (StringConstructor | BooleanConstructor)[];
timeout: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
vertical: BooleanConstructor;
}, vue.ExtractPropTypes<{
offset: vue.PropType<string | number | number[] | undefined>;
absolute: BooleanConstructor;
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: BooleanConstructor;
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
attach: vue.PropType<string | boolean | Element>;
color: StringConstructor;
variant: {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: vue.PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
multiLine: BooleanConstructor;
text: StringConstructor;
timer: (StringConstructor | BooleanConstructor)[];
timeout: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
vertical: BooleanConstructor;
}>>;
type VSnackbar = InstanceType<typeof VSnackbar>;
type StepperItemSlot = {
canEdit: boolean;
hasError: boolean;
hasCompleted: boolean;
title?: string | number;
subtitle?: string | number;
step: any;
};
type ValidationRule = () => string | boolean;
declare const VStepperItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, {}, {}, {}, {
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => boolean;
}, string, {
error: boolean;
complete: boolean;
disabled: boolean;
ripple: boolean | {
class: string;
} | undefined;
rules: readonly ValidationRule[];
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
color: StringConstructor;
title: StringConstructor;
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: StringConstructor;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: StringConstructor;
default: string;
};
icon: StringConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
rules: {
type: PropType<readonly ValidationRule[]>;
default: () => never[];
};
}, vue.ExtractPropTypes<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
color: StringConstructor;
title: StringConstructor;
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: StringConstructor;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: StringConstructor;
default: string;
};
icon: StringConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
rules: {
type: PropType<readonly ValidationRule[]>;
default: () => never[];
};
}>>;
type VStepperItem = InstanceType<typeof VStepperItem>;
type StepperItem = string | Record<string, any>;
type VStepperSlot = {
prev: () => void;
next: () => void;
};
declare const VStepper: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
rounded: string | number | boolean;
modelValue: any;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `header-item.${string}`]: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `item.${string}`]: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: VStepperSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VStepperSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header-item': (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, {}, {}, {}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
rounded: string | number | boolean;
modelValue: any;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, string, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly StepperItem[];
rounded: string | number | boolean;
modelValue: any;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `header-item.${string}`]: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
[x: `item.${string}`]: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
actions: (arg: VStepperSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VStepperSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
header: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'header-item': (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
item: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prev: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
altLabels: BooleanConstructor;
bgColor: StringConstructor;
editable: BooleanConstructor;
hideActions: BooleanConstructor;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
mobile: BooleanConstructor;
nonLinear: BooleanConstructor;
flat: BooleanConstructor;
}, vue.ExtractPropTypes<{
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
position: {
type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
validator: (v: any) => boolean;
};
location: PropType<Anchor>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
altLabels: BooleanConstructor;
bgColor: StringConstructor;
editable: BooleanConstructor;
hideActions: BooleanConstructor;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
mobile: BooleanConstructor;
nonLinear: BooleanConstructor;
flat: BooleanConstructor;
}>>;
type VStepper = InstanceType<typeof VStepper>;
declare const VStepperActions: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
} & {
color?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prev?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prev?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prev"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:prev': () => true;
'click:next': () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
} & {
color?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prev?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prev?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prev"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
}, {
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
}, true, {}, vue.SlotsType<Partial<{
prev: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
} & {
color?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prev?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prev?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prev"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
}, {}, {}, {}, {}, {
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
} & {
color?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prev?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
prev?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
next?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prev"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: {
props: {
onClick: () => void;
};
}) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:prev': () => true;
'click:next': () => true;
}, string, {
disabled: boolean | "next" | "prev";
prevText: string;
nextText: string;
}, {}, string, vue.SlotsType<Partial<{
prev: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
next: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
disabled: {
type: PropType<boolean | "next" | "prev">;
default: boolean;
};
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
disabled: {
type: PropType<boolean | "next" | "prev">;
default: boolean;
};
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}>>;
type VStepperActions = InstanceType<typeof VStepperActions>;
declare const VStepperHeader: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VStepperHeader = InstanceType<typeof VStepperHeader>;
declare const VStepperWindow: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
} & {
class?: any;
theme?: string | undefined;
modelValue?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
} & {
class?: any;
theme?: string | undefined;
modelValue?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
} & {
class?: any;
theme?: string | undefined;
modelValue?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
} & {
class?: any;
theme?: string | undefined;
modelValue?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, string, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
reverse: BooleanConstructor;
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
modelValue: null;
selectedClass: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
reverse: BooleanConstructor;
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
modelValue: null;
selectedClass: {
type: StringConstructor;
default: string;
};
}>>;
type VStepperWindow = InstanceType<typeof VStepperWindow>;
declare const VStepperWindowItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
}>>;
type VStepperWindowItem = InstanceType<typeof VStepperWindowItem>;
type VSwitchSlot = {
model: Ref<boolean>;
isValid: ComputedRef<boolean | null>;
};
type VSwitchSlots = VInputSlots & VSelectionControlSlots & {
loader: LoaderSlotProps;
thumb: {
icon: IconValue | undefined;
} & VSwitchSlot;
'track-false': VSwitchSlot;
'track-true': VSwitchSlot;
};
declare const VSwitch: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:modelValue': (value: any) => boolean;
'update:indeterminate': (value: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot & {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thumb: (arg: {
icon: IconValue | undefined;
} & VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'track-false': (arg: VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'track-true': (arg: VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
type?: string | undefined;
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
baseColor?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => boolean;
'update:modelValue': (value: any) => boolean;
'update:indeterminate': (value: boolean) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details" | "v-slot:thumb" | "v-slot:track-false" | "v-slot:track-true">, string, {
flat: boolean;
inline: boolean;
error: boolean;
direction: "horizontal" | "vertical";
inset: boolean;
loading: string | boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
messages: string | readonly string[];
density: Density;
ripple: boolean;
valueComparator: typeof deepEqual;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot & {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<vue.CSSProperties>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
input: (arg: SelectionControlSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
thumb: (arg: {
icon: IconValue | undefined;
} & VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'track-false': (arg: VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'track-true': (arg: VSwitchSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, slots: VSwitchSlots) => GenericProps<{
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, VSwitchSlots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: vue.PropType<IconValue>;
trueIcon: vue.PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
indeterminate: BooleanConstructor;
inset: BooleanConstructor;
flat: BooleanConstructor;
loading: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
defaultsTarget: StringConstructor;
error: BooleanConstructor;
id: StringConstructor;
inline: BooleanConstructor;
falseIcon: vue.PropType<IconValue>;
trueIcon: vue.PropType<IconValue>;
ripple: {
type: BooleanConstructor;
default: boolean;
};
multiple: {
type: vue.PropType<boolean | null>;
default: null;
};
name: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
modelValue: null;
type: StringConstructor;
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
label: StringConstructor;
baseColor: StringConstructor;
trueValue: null;
falseValue: null;
value: null;
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
appendIcon: vue.PropType<IconValue>;
centerAffix: {
type: BooleanConstructor;
default: boolean;
};
prependIcon: vue.PropType<IconValue>;
hideDetails: vue.PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: vue.PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: vue.PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': vue.PropType<(args_0: MouseEvent) => void>;
'onClick:append': vue.PropType<(args_0: MouseEvent) => void>;
indeterminate: BooleanConstructor;
inset: BooleanConstructor;
flat: BooleanConstructor;
loading: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
}>>;
type VSwitch = InstanceType<typeof VSwitch>;
declare const VSystemBar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
} & {
height?: string | number | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
} & {
height?: string | number | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
} & {
height?: string | number | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
} & {
height?: string | number | undefined;
name?: string | undefined;
color?: string | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
window: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
window: BooleanConstructor;
}>>;
type VSystemBar = InstanceType<typeof VSystemBar>;
type TabItem = string | number | Record<string, any>;
declare const VTabs: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
modelValue?: any;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
modelValue?: any;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
modelValue: any;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
modelValue?: any;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
modelValue: any;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
} & {
max?: number | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
modelValue?: any;
bgColor?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => boolean;
}, string, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: NonNullable<boolean | "force">;
items: readonly TabItem[];
density: Density;
modelValue: any;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
alignTabs: {
type: PropType<"center" | "end" | "start" | "title">;
default: string;
};
color: StringConstructor;
fixedTabs: BooleanConstructor;
items: {
type: PropType<readonly TabItem[]>;
default: () => never[];
};
stacked: BooleanConstructor;
bgColor: StringConstructor;
grow: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
hideSlider: BooleanConstructor;
sliderColor: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<NonNullable<boolean | "force">>;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
centerActive: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
showArrows: {
type: (StringConstructor | BooleanConstructor)[];
validator: (v: any) => boolean;
};
alignTabs: {
type: PropType<"center" | "end" | "start" | "title">;
default: string;
};
color: StringConstructor;
fixedTabs: BooleanConstructor;
items: {
type: PropType<readonly TabItem[]>;
default: () => never[];
};
stacked: BooleanConstructor;
bgColor: StringConstructor;
grow: BooleanConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
hideSlider: BooleanConstructor;
sliderColor: StringConstructor;
}>>;
type VTabs = InstanceType<typeof VTabs>;
declare const VTab: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "group"> & vue.ShallowUnwrapRef<{
group: GroupItemProvide | null;
}> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, {
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "group"> & vue.ShallowUnwrapRef<{
group: GroupItemProvide | null;
}> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, {}, {}, {}, {
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
sliderColor?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
group: GroupItemProvide | null;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
prepend?: (() => vue.VNodeChild) | undefined;
append?: (() => vue.VNodeChild) | undefined;
loader?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
prepend?: false | (() => vue.VNodeChild) | undefined;
append?: false | (() => vue.VNodeChild) | undefined;
loader?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, "group"> & vue.ShallowUnwrapRef<{
group: GroupItemProvide | null;
}> & {} & vue.ComponentCustomProperties & {}, "key" | "location" | "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "position" | "value" | "loading" | "text" | "class" | "ref" | "icon" | "$children" | "href" | "elevation" | "to" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "selectedClass" | "onGroup:selected" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "tag" | "rounded" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
replace: boolean;
fixed: boolean;
variant: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
rounded: string | number | boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
replace: BooleanConstructor;
variant: Omit<Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
};
exact: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
value: null;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
disabled: BooleanConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: PropType<any>;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
icon: PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
to: PropType<vue_router.RouteLocationRaw>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
selectedClass: {
type: PropType<string>;
default: string;
};
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
fixed: BooleanConstructor;
sliderColor: StringConstructor;
hideSlider: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
}, vue.ExtractPropTypes<{
replace: BooleanConstructor;
variant: Omit<Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>>;
default: NonNullable<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
};
exact: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
value: null;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
disabled: BooleanConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
class: PropType<any>;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
icon: PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
to: PropType<vue_router.RouteLocationRaw>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
selectedClass: {
type: PropType<string>;
default: string;
};
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class: string;
} | undefined>;
default: boolean;
};
fixed: BooleanConstructor;
sliderColor: StringConstructor;
hideSlider: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
}>>;
type VTab = InstanceType<typeof VTab>;
declare const VTable: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
height?: string | number | undefined;
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
top?: (() => vue.VNodeChild) | undefined;
bottom?: (() => vue.VNodeChild) | undefined;
wrapper?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
top?: false | (() => vue.VNodeChild) | undefined;
bottom?: false | (() => vue.VNodeChild) | undefined;
wrapper?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
height?: string | number | undefined;
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
top?: (() => vue.VNodeChild) | undefined;
bottom?: (() => vue.VNodeChild) | undefined;
wrapper?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
top?: false | (() => vue.VNodeChild) | undefined;
bottom?: false | (() => vue.VNodeChild) | undefined;
wrapper?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
wrapper: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
height?: string | number | undefined;
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
top?: (() => vue.VNodeChild) | undefined;
bottom?: (() => vue.VNodeChild) | undefined;
wrapper?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
top?: false | (() => vue.VNodeChild) | undefined;
bottom?: false | (() => vue.VNodeChild) | undefined;
wrapper?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
} & {
height?: string | number | undefined;
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
top?: (() => vue.VNodeChild) | undefined;
bottom?: (() => vue.VNodeChild) | undefined;
wrapper?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
top?: false | (() => vue.VNodeChild) | undefined;
bottom?: false | (() => vue.VNodeChild) | undefined;
wrapper?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:top"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:bottom"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:wrapper"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
density: Density;
hover: boolean;
fixedHeader: boolean;
fixedFooter: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
top: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
bottom: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
wrapper: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
}>>;
type VTable = InstanceType<typeof VTable>;
declare const VTextarea: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | true | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
maxRows?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (val: string) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | true | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
maxRows?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | true | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
maxRows?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | true | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
maxRows?: string | number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (val: string) => true;
}, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
autoGrow: BooleanConstructor;
autofocus: BooleanConstructor;
counter: PropType<string | number | true>;
counterValue: PropType<(value: any) => number>;
prefix: StringConstructor;
placeholder: StringConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
noResize: BooleanConstructor;
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (v: any) => boolean;
};
maxRows: {
type: (StringConstructor | NumberConstructor)[];
validator: (v: any) => boolean;
};
suffix: StringConstructor;
modelModifiers: PropType<Record<string, boolean>>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
autoGrow: BooleanConstructor;
autofocus: BooleanConstructor;
counter: PropType<string | number | true>;
counterValue: PropType<(value: any) => number>;
prefix: StringConstructor;
placeholder: StringConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
noResize: BooleanConstructor;
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (v: any) => boolean;
};
maxRows: {
type: (StringConstructor | NumberConstructor)[];
validator: (v: any) => boolean;
};
suffix: StringConstructor;
modelModifiers: PropType<Record<string, boolean>>;
}>>;
type VTextarea = InstanceType<typeof VTextarea>;
declare const VTextField: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: vue.Ref<HTMLElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "controlRef"> & vue.ShallowUnwrapRef<{
controlRef: vue.Ref<HTMLElement | undefined>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (val: string) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: vue.Ref<HTMLElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "controlRef"> & vue.ShallowUnwrapRef<{
controlRef: vue.Ref<HTMLElement | undefined>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
placeholder?: string | undefined;
theme?: string | undefined;
counter?: string | number | boolean | undefined;
rounded?: string | number | boolean | undefined;
modelValue?: any;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
centerAffix?: boolean | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
suffix?: string | undefined;
counterValue?: number | ((value: any) => number) | undefined;
modelModifiers?: Record<string, boolean> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: (() => vue.VNodeChild) | undefined;
details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
counter?: ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
clear?: false | (() => vue.VNodeChild) | undefined;
details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
label?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'prepend-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
'append-inner'?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
counter?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
"v-slot:clear"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:prepend-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:append-inner"?: false | ((arg: DefaultInputSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:counter"?: false | ((arg: VCounterSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, HTMLInputElement & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}> & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:message" | "v-slot:details">, string, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
density: Density;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
id?: string | undefined;
name?: string | undefined;
label?: string | undefined;
class?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "validate" | "resetValidation" | "isValid" | "errorMessages"> & vue.ShallowUnwrapRef<{
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VInputSlots>, "key" | "id" | "name" | "label" | "class" | "ref" | "$children" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "onUpdate:modelValue" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "onUpdate:focused" | "validateOn" | "validationValue" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "density" | "focused" | "errorMessages" | "maxErrors" | "rules" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: vue.Ref<HTMLElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "v-slot:loader" | "v-slot:label" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner">, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
rounded: string | number | boolean;
clearIcon: IconValue;
focused: boolean;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: (arg: VFieldSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
clearIcon: IconValue;
focused: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
} & {
id?: string | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
baseColor?: string | undefined;
appendInnerIcon?: IconValue | undefined;
prependInnerIcon?: IconValue | undefined;
'onClick:clear'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:appendInner'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prependInner'?: ((args_0: MouseEvent) => void) | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "controlRef"> & vue.ShallowUnwrapRef<{
controlRef: vue.Ref<HTMLElement | undefined>;
}> & {} & vue.ComponentCustomProperties & {} & GenericProps<{
modelValue?: unknown;
'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
}, VFieldSlots>, "key" | "id" | "color" | "loading" | "label" | "class" | "ref" | "$children" | "theme" | "v-slot:default" | "v-slots" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:loader" | "baseColor" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "rounded" | "clearIcon" | "focused" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (val: string) => true;
}, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
rounded: string | number | boolean;
density: Density;
clearIcon: IconValue;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
clear: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
loader: (arg: LoaderSlotProps) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
counter: (arg: VCounterSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
autofocus: BooleanConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
counterValue: PropType<number | ((value: any) => number)>;
prefix: StringConstructor;
placeholder: StringConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
role: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
modelModifiers: PropType<Record<string, boolean>>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
appendInnerIcon: PropType<IconValue>;
bgColor: StringConstructor;
clearable: BooleanConstructor;
clearIcon: {
type: PropType<IconValue>;
default: string;
};
active: BooleanConstructor;
centerAffix: {
type: BooleanConstructor;
default: undefined;
};
color: StringConstructor;
baseColor: StringConstructor;
dirty: BooleanConstructor;
disabled: {
type: BooleanConstructor;
default: null;
};
error: BooleanConstructor;
flat: BooleanConstructor;
label: StringConstructor;
persistentClear: BooleanConstructor;
prependInnerIcon: PropType<IconValue>;
reverse: BooleanConstructor;
singleLine: BooleanConstructor;
variant: {
type: PropType<"filled" | "outlined" | "plain" | "underlined" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
'onClick:clear': PropType<(args_0: MouseEvent) => void>;
'onClick:appendInner': PropType<(args_0: MouseEvent) => void>;
'onClick:prependInner': PropType<(args_0: MouseEvent) => void>;
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
readonly: {
type: PropType<boolean | null>;
default: null;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: PropType<IconValue>;
hideDetails: PropType<boolean | "auto">;
hideSpinButtons: BooleanConstructor;
hint: StringConstructor;
persistentHint: BooleanConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
'onClick:prepend': PropType<(args_0: MouseEvent) => void>;
'onClick:append': PropType<(args_0: MouseEvent) => void>;
autofocus: BooleanConstructor;
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
counterValue: PropType<number | ((value: any) => number)>;
prefix: StringConstructor;
placeholder: StringConstructor;
persistentPlaceholder: BooleanConstructor;
persistentCounter: BooleanConstructor;
suffix: StringConstructor;
role: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
modelModifiers: PropType<Record<string, boolean>>;
}>>;
type VTextField = InstanceType<typeof VTextField>;
declare const VThemeProvider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | JSX.Element | undefined, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | JSX.Element | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
withBackground: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
withBackground: BooleanConstructor;
}>>;
type VThemeProvider = InstanceType<typeof VThemeProvider>;
type TimelineDirection = 'vertical' | 'horizontal';
type TimelineSide = 'start' | 'end' | undefined;
type TimelineAlign = 'center' | 'start';
type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined;
declare const VTimeline: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
align?: TimelineAlign | undefined;
side?: TimelineSide;
theme?: string | undefined;
lineColor?: string | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
align?: TimelineAlign | undefined;
side?: TimelineSide;
theme?: string | undefined;
lineColor?: string | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
align?: TimelineAlign | undefined;
side?: TimelineSide;
theme?: string | undefined;
lineColor?: string | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
align?: TimelineAlign | undefined;
side?: TimelineSide;
theme?: string | undefined;
lineColor?: string | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
justify: string;
density: Density;
lineInset: string | number;
lineThickness: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
align: Prop<TimelineAlign>;
direction: Prop<TimelineDirection>;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop<TimelineSide>;
lineInset: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineThickness: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineColor: StringConstructor;
truncateLine: Prop<TimelineTruncateLine>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
align: Prop<TimelineAlign>;
direction: Prop<TimelineDirection>;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop<TimelineSide>;
lineInset: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineThickness: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineColor: StringConstructor;
truncateLine: Prop<TimelineTruncateLine>;
}>>;
type VTimeline = InstanceType<typeof VTimeline>;
declare const VTimelineItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
size: string | number;
tag: string;
fillDot: boolean;
hideDot: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
density?: "default" | "compact" | undefined;
lineInset?: string | number | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
size: string | number;
tag: string;
fillDot: boolean;
hideDot: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
density?: "default" | "compact" | undefined;
lineInset?: string | number | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
opposite: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
fillDot: boolean;
hideDot: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
density?: "default" | "compact" | undefined;
lineInset?: string | number | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number;
tag: string;
fillDot: boolean;
hideDot: boolean;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
density?: "default" | "compact" | undefined;
lineInset?: string | number | undefined;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
icon?: (() => vue.VNodeChild) | undefined;
opposite?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
icon?: false | (() => vue.VNodeChild) | undefined;
opposite?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:opposite"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
icon: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
opposite: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
density: PropType<"default" | "compact">;
dotColor: StringConstructor;
fillDot: BooleanConstructor;
hideDot: BooleanConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
icon: PropType<IconValue>;
iconColor: StringConstructor;
lineInset: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
density: PropType<"default" | "compact">;
dotColor: StringConstructor;
fillDot: BooleanConstructor;
hideDot: BooleanConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
icon: PropType<IconValue>;
iconColor: StringConstructor;
lineInset: (StringConstructor | NumberConstructor)[];
}>>;
type VTimelineItem = InstanceType<typeof VTimelineItem>;
declare const VToolbarTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
text?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
text: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}>>;
type VToolbarTitle = InstanceType<typeof VToolbarTitle>;
declare const VToolbarItems: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VToolbarItems = InstanceType<typeof VToolbarItems>;
declare const VTooltip: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
} & {
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
opacity?: string | number | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
} & {
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
opacity?: string | number | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
} & {
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
opacity?: string | number | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
} & {
id?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
opacity?: string | number | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[]) | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:outside': (e: MouseEvent) => true;
'update:modelValue': (value: boolean) => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined);
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
_disableGlobalStack: boolean;
} & {
offset?: string | number | number[] | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
opacity?: string | number | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
contentClass?: any;
activator?: Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
openOnClick?: boolean | undefined;
openOnFocus?: boolean | undefined;
contentProps?: any;
attach?: string | boolean | Element | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
activator?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
} & {
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
target: vue.ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
animateClick: () => void;
contentEl: vue.Ref<HTMLElement | undefined>;
globalTop: Readonly<vue.Ref<boolean>>;
localTop: vue.ComputedRef<boolean>;
updateLocation: vue.Ref<((e: Event) => void) | undefined>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "ref" | "onAfterLeave" | "$children" | "theme" | "v-slot:default" | "v-slots" | "contentClass" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => boolean;
}, string, {
offset: NonNullable<string | number | number[] | undefined>;
location: NonNullable<Anchor>;
origin: NonNullable<"auto" | Anchor | "overlap">;
minWidth: NonNullable<string | number>;
transition: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
modelValue: boolean;
locationStrategy: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
scrollStrategy: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: NonNullable<string | boolean>;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: {
type: vue.PropType<NonNullable<string | number | number[] | undefined>>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<{
type: vue.PropType<Anchor>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: {
type: vue.PropType<boolean>;
default: boolean;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
};
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: Omit<{
type: BooleanConstructor;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
openOnHover: {
type: vue.PropType<boolean>;
default: boolean;
};
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
closeOnBack: Omit<{
type: BooleanConstructor;
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
noClickAnimation: BooleanConstructor;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<string | boolean | Element>;
id: StringConstructor;
text: StringConstructor;
}, vue.ExtractPropTypes<{
offset: {
type: vue.PropType<NonNullable<string | number | number[] | undefined>>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<{
type: vue.PropType<Anchor>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<Anchor>>;
default: NonNullable<Anchor>;
};
origin: Omit<{
type: vue.PropType<"auto" | Anchor | "overlap">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"auto" | Anchor | "overlap">>;
default: NonNullable<"auto" | Anchor | "overlap">;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
};
zIndex: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
target: vue.PropType<Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined>;
eager: {
type: vue.PropType<boolean>;
default: boolean;
};
disabled: BooleanConstructor;
class: vue.PropType<any>;
theme: StringConstructor;
contentClass: null;
modelValue: BooleanConstructor;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined)>;
};
scrollStrategy: Omit<{
type: vue.PropType<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition">;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: Omit<{
type: BooleanConstructor;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
openOnHover: {
type: vue.PropType<boolean>;
default: boolean;
};
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
closeOnBack: Omit<{
type: BooleanConstructor;
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
contained: BooleanConstructor;
contentProps: null;
noClickAnimation: BooleanConstructor;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<NonNullable<string | boolean>>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<string | boolean | Element>;
id: StringConstructor;
text: StringConstructor;
}>>;
type VTooltip = InstanceType<typeof VTooltip>;
type VValidationSlots = {
default: ReturnType<typeof useValidation>;
};
declare const VValidation: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
} & {
name?: string | undefined;
label?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
} & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
} & {
name?: string | undefined;
label?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
} & {}, {
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
errorMessages: vue.ComputedRef<string[]>;
isDirty: vue.ComputedRef<boolean>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isPristine: vue.ShallowRef<boolean>;
isValid: vue.ComputedRef<boolean | null>;
isValidating: vue.ShallowRef<boolean>;
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
validationClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
} & {
name?: string | undefined;
label?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
} & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, {
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
} & {
name?: string | undefined;
label?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
validationValue?: any;
} & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => boolean;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue">, string, {
error: boolean;
disabled: boolean | null;
readonly: boolean | null;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
errorMessages: vue.ComputedRef<string[]>;
isDirty: vue.ComputedRef<boolean>;
isDisabled: vue.ComputedRef<boolean>;
isReadonly: vue.ComputedRef<boolean>;
isPristine: vue.ShallowRef<boolean>;
isValid: vue.ComputedRef<boolean | null>;
isValidating: vue.ShallowRef<boolean>;
reset: () => void;
resetValidation: () => void;
validate: (silent?: boolean) => Promise<string[]>;
validationClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, slots: VValidationSlots) => GenericProps<{
modelValue?: T | null | undefined;
'onUpdate:modelValue'?: ((value: T | null) => void) | undefined;
}, VValidationSlots>) & FilterPropsOptions<{
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
}, vue.ExtractPropTypes<{
focused: BooleanConstructor;
'onUpdate:focused': vue.PropType<(args_0: boolean) => void>;
disabled: {
type: vue.PropType<boolean | null>;
default: null;
};
error: BooleanConstructor;
errorMessages: {
type: vue.PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
name: StringConstructor;
label: StringConstructor;
readonly: {
type: vue.PropType<boolean | null>;
default: null;
};
rules: {
type: vue.PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: null;
validateOn: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
validationValue: null;
}>>;
type VValidation = InstanceType<typeof VValidation>;
interface VVirtualScrollSlot<T> {
item: T;
index: number;
}
declare const VVirtualScroll: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
itemHeight: string | number;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
}, {
scrollToIndex: (index: number) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
itemHeight: string | number;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
}, {
style: vue.StyleValue;
itemHeight: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
itemRef: Ref<HTMLElement | undefined>;
})) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
itemHeight: string | number;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
}, {
scrollToIndex: (index: number) => void;
}, {}, {}, {}, {
style: vue.StyleValue;
itemHeight: string | number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
itemHeight: string | number;
} & {
height?: string | number | undefined;
width?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
class?: any;
}, {
scrollToIndex: (index: number) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "renderless">, string, {
style: vue.StyleValue;
itemHeight: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VVirtualScrollSlot<unknown> | (VVirtualScrollSlot<unknown> & {
itemRef: Ref<HTMLElement | undefined>;
})) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, Renderless extends boolean = false>(props: {
items?: readonly T[] | undefined;
renderless?: Renderless | undefined;
}, slots: {
default: VVirtualScrollSlot<T> & (Renderless extends true ? {
itemRef: Ref<HTMLElement | undefined>;
} : {});
}) => GenericProps<{
items?: readonly T[] | undefined;
renderless?: Renderless | undefined;
}, {
default: VVirtualScrollSlot<T> & (Renderless extends true ? {
itemRef: Ref<HTMLElement | undefined>;
} : {});
}>) & FilterPropsOptions<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
itemHeight: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
items: {
type: PropType<readonly unknown[]>;
default: () => never[];
};
renderless: BooleanConstructor;
}, vue.ExtractPropTypes<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<any>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
itemHeight: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
items: {
type: PropType<readonly unknown[]>;
default: () => never[];
};
renderless: BooleanConstructor;
}>>;
type VVirtualScroll = InstanceType<typeof VVirtualScroll>;
declare const VWindowItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
groupItem: GroupItemProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
groupItem: GroupItemProvide;
}, {}, {}, {}, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
} & {
transition?: string | boolean | undefined;
value?: any;
class?: any;
selectedClass?: string | undefined;
reverseTransition?: string | boolean | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
groupItem: GroupItemProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
transition: string | boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
reverseTransition: string | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
}>>;
type VWindowItem = InstanceType<typeof VWindowItem>;
declare const VDialogTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, vue.ExtractPropTypes<{
target: PropType<HTMLElement | [x: number, y: number]>;
}>>;
type VDialogTransition = InstanceType<typeof VDialogTransition>;
declare const VFabTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VFabTransition = InstanceType<typeof VFabTransition>;
declare const VDialogBottomTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VDialogBottomTransition = InstanceType<typeof VDialogBottomTransition>;
declare const VDialogTopTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VDialogTopTransition = InstanceType<typeof VDialogTopTransition>;
declare const VFadeTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VFadeTransition = InstanceType<typeof VFadeTransition>;
declare const VScaleTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VScaleTransition = InstanceType<typeof VScaleTransition>;
declare const VScrollXTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VScrollXTransition = InstanceType<typeof VScrollXTransition>;
declare const VScrollXReverseTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VScrollXReverseTransition = InstanceType<typeof VScrollXReverseTransition>;
declare const VScrollYTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VScrollYTransition = InstanceType<typeof VScrollYTransition>;
declare const VScrollYReverseTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VScrollYReverseTransition = InstanceType<typeof VScrollYReverseTransition>;
declare const VSlideXTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VSlideXTransition = InstanceType<typeof VSlideXTransition>;
declare const VSlideXReverseTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VSlideXReverseTransition = InstanceType<typeof VSlideXReverseTransition>;
declare const VSlideYTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VSlideYTransition = InstanceType<typeof VSlideYTransition>;
declare const VSlideYReverseTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}, vue.ExtractPropTypes<{
disabled: BooleanConstructor;
group: BooleanConstructor;
hideOnLeave: BooleanConstructor;
leaveAbsolute: BooleanConstructor;
mode: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
origin: {
type: vue.PropType<string | undefined>;
default: string | undefined;
};
}>>;
type VSlideYReverseTransition = InstanceType<typeof VSlideYReverseTransition>;
declare const VExpandTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
mode: {
type: vue.PropType<"default" | "in-out" | "out-in">;
default: string;
};
disabled: BooleanConstructor;
}, vue.ExtractPropTypes<{
mode: {
type: vue.PropType<"default" | "in-out" | "out-in">;
default: string;
};
disabled: BooleanConstructor;
}>>;
type VExpandTransition = InstanceType<typeof VExpandTransition>;
declare const VExpandXTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
disabled: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
disabled: boolean;
mode: "default" | "in-out" | "out-in";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
mode: {
type: vue.PropType<"default" | "in-out" | "out-in">;
default: string;
};
disabled: BooleanConstructor;
}, vue.ExtractPropTypes<{
mode: {
type: vue.PropType<"default" | "in-out" | "out-in">;
default: string;
};
disabled: BooleanConstructor;
}>>;
type VExpandXTransition = InstanceType<typeof VExpandXTransition>;
type VConfirmEditSlots<T> = {
default: {
model: Ref<T>;
get actions(): VNode;
};
};
declare const VConfirmEdit: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
cancel: () => true;
save: (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "save">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, {
cancelText: string;
okText: string;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
model: Ref<unknown>;
readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, {}, {}, {}, {}, {
cancelText: string;
okText: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
cancel: () => true;
save: (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "update:modelValue" | "save">, string, {
cancelText: string;
okText: string;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
model: Ref<unknown>;
readonly actions: VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>;
}) => VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
onSave?: ((value: T) => void) | undefined;
}, slots: VConfirmEditSlots<T>) => GenericProps<{
modelValue?: T | undefined;
'onUpdate:modelValue'?: ((value: T) => void) | undefined;
onSave?: ((value: T) => void) | undefined;
}, VConfirmEditSlots<T>>) & FilterPropsOptions<{
modelValue: null;
color: StringConstructor;
cancelText: {
type: StringConstructor;
default: string;
};
okText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
modelValue: null;
color: StringConstructor;
cancelText: {
type: StringConstructor;
default: string;
};
okText: {
type: StringConstructor;
default: string;
};
}>>;
type VConfirmEdit = InstanceType<typeof VConfirmEdit>;
declare const VCalendar: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
} & {
max?: unknown;
min?: unknown;
title?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
events?: any[] | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
dayIndex?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
header?: ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onNext?: ((...args: any[]) => any) | undefined;
onPrev?: ((...args: any[]) => any) | undefined;
}, {
daysInMonth: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
daysInWeek: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
genDays: (days: Date[], today: Date) => {
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[];
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
next: null;
prev: null;
'update:modelValue': null;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
} & {
max?: unknown;
min?: unknown;
title?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
events?: any[] | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
dayIndex?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
header?: ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onNext?: ((...args: any[]) => any) | undefined;
onPrev?: ((...args: any[]) => any) | undefined;
}, {
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
}, true, {}, vue.SlotsType<Partial<{
header: (arg: {
title: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
} & {
max?: unknown;
min?: unknown;
title?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
events?: any[] | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
dayIndex?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
header?: ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onNext?: ((...args: any[]) => any) | undefined;
onPrev?: ((...args: any[]) => any) | undefined;
}, {
daysInMonth: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
daysInWeek: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
genDays: (days: Date[], today: Date) => {
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[];
}, {}, {}, {}, {
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
} & {
max?: unknown;
min?: unknown;
title?: string | undefined;
month?: string | number | undefined;
year?: string | number | undefined;
events?: any[] | undefined;
modelValue?: unknown[] | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
displayValue?: unknown;
dayIndex?: number | undefined;
} & {
$children?: {} | vue.VNodeChild | {
header?: ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
header?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:header"?: false | ((arg: {
title: string;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onNext?: ((...args: any[]) => any) | undefined;
onPrev?: ((...args: any[]) => any) | undefined;
}, {
daysInMonth: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
daysInWeek: vue.ComputedRef<{
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[]>;
genDays: (days: Date[], today: Date) => {
date: Date;
isoDate: string;
formatted: string;
year: number;
month: number;
isDisabled: boolean;
isWeekStart: boolean;
isWeekEnd: boolean;
isToday: boolean;
isAdjacent: boolean;
isHidden: boolean;
isStart: boolean;
isSelected: boolean;
isEnd: boolean;
isSame: boolean;
localized: string;
}[];
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
next: null;
prev: null;
'update:modelValue': null;
}, string, {
text: string;
disabled: boolean;
day: Record<string, any>;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
showAdjacentMonths: boolean;
weekdays: number[];
hideHeader: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
hideWeekNumber: boolean;
}, {}, string, vue.SlotsType<Partial<{
header: (arg: {
title: string;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
nextIcon: {
type: StringConstructor;
default: string;
};
prevIcon: {
type: StringConstructor;
default: string;
};
title: StringConstructor;
text: {
type: StringConstructor;
default: string;
};
viewMode: {
type: vue.PropType<"day" | "month" | "week">;
default: string;
};
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
hideDayHeader: BooleanConstructor;
intervals: {
type: NumberConstructor;
default: number;
};
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: vue.PropType<unknown>;
modelValue: vue.PropType<unknown[]>;
month: (StringConstructor | NumberConstructor)[];
max: vue.PropType<unknown>;
min: vue.PropType<unknown>;
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
hideHeader: BooleanConstructor;
hideWeekNumber: BooleanConstructor;
}, vue.ExtractPropTypes<{
nextIcon: {
type: StringConstructor;
default: string;
};
prevIcon: {
type: StringConstructor;
default: string;
};
title: StringConstructor;
text: {
type: StringConstructor;
default: string;
};
viewMode: {
type: vue.PropType<"day" | "month" | "week">;
default: string;
};
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
hideDayHeader: BooleanConstructor;
intervals: {
type: NumberConstructor;
default: number;
};
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
disabled: BooleanConstructor;
displayValue: vue.PropType<unknown>;
modelValue: vue.PropType<unknown[]>;
month: (StringConstructor | NumberConstructor)[];
max: vue.PropType<unknown>;
min: vue.PropType<unknown>;
showAdjacentMonths: BooleanConstructor;
year: (StringConstructor | NumberConstructor)[];
weekdays: {
type: {
(arrayLength: number): number[];
(...items: number[]): number[];
new (arrayLength: number): number[];
new (...items: number[]): number[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
hideHeader: BooleanConstructor;
hideWeekNumber: BooleanConstructor;
}>>;
type VCalendar = InstanceType<typeof VCalendar>;
declare const VCalendarDay: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
intervals: vue.ComputedRef<number[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
intervals: vue.ComputedRef<number[]>;
}, {}, {}, {}, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
intervals: vue.ComputedRef<number[]>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
hideDayHeader: boolean;
intervals: number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
hideDayHeader: BooleanConstructor;
intervals: {
type: NumberConstructor;
default: number;
};
}, vue.ExtractPropTypes<{
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
hideDayHeader: BooleanConstructor;
intervals: {
type: NumberConstructor;
default: number;
};
}>>;
type VCalendarDay = InstanceType<typeof VCalendarDay>;
declare const VCalendarHeader: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
} & {
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:toToday"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:next': () => true;
'click:prev': () => true;
'click:toToday': () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
} & {
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:toToday"?: (() => any) | undefined;
}, {
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
} & {
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:toToday"?: (() => any) | undefined;
}, {}, {}, {}, {}, {
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
} & {
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:toToday"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:next': () => true;
'click:prev': () => true;
'click:toToday': () => true;
}, string, {
text: string;
nextIcon: string;
prevIcon: string;
viewMode: "day" | "month" | "week";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
nextIcon: {
type: StringConstructor;
default: string;
};
prevIcon: {
type: StringConstructor;
default: string;
};
title: StringConstructor;
text: {
type: StringConstructor;
default: string;
};
viewMode: {
type: PropType<"day" | "month" | "week">;
default: string;
};
}, vue.ExtractPropTypes<{
nextIcon: {
type: StringConstructor;
default: string;
};
prevIcon: {
type: StringConstructor;
default: string;
};
title: StringConstructor;
text: {
type: StringConstructor;
default: string;
};
viewMode: {
type: PropType<"day" | "month" | "week">;
default: string;
};
}>>;
type VCalendarHeader = InstanceType<typeof VCalendarHeader>;
declare const VCalendarInterval: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
index: number;
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
interval: vue.ComputedRef<{
label: string;
start: unknown;
end: unknown;
events: any[];
}>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
index: number;
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
index: number;
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
interval: vue.ComputedRef<{
label: string;
start: unknown;
end: unknown;
events: any[];
}>;
}, {}, {}, {}, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
index: number;
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
} & {
events?: any[] | undefined;
dayIndex?: number | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
interval: vue.ComputedRef<{
label: string;
start: unknown;
end: unknown;
events: any[];
}>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
day: Record<string, any>;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
intervalFormat: string | Function;
intervalStart: number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
index: {
type: NumberConstructor;
required: true;
};
}, vue.ExtractPropTypes<{
day: {
type: ObjectConstructor;
default: () => {};
};
dayIndex: NumberConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
intervalDivisions: {
type: NumberConstructor;
default: number;
};
intervalDuration: {
type: NumberConstructor;
default: number;
};
intervalHeight: {
type: NumberConstructor;
default: number;
};
intervalFormat: {
type: (FunctionConstructor | StringConstructor)[];
default: string;
};
intervalStart: {
type: NumberConstructor;
default: number;
};
index: {
type: NumberConstructor;
required: true;
};
}>>;
type VCalendarInterval = InstanceType<typeof VCalendarInterval>;
declare const VCalendarIntervalEvent: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
allDay: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
} & {
interval?: Record<string, any> | undefined;
event?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
allDay: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
} & {
interval?: Record<string, any> | undefined;
event?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
allDay: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
allDay: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
} & {
interval?: Record<string, any> | undefined;
event?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
allDay: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
allDay: boolean;
intervalDivisions: number;
intervalDuration: number;
intervalHeight: number;
} & {
interval?: Record<string, any> | undefined;
event?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
allDay: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
allDay: BooleanConstructor;
interval: ObjectConstructor;
intervalDivisions: {
type: NumberConstructor;
required: true;
};
intervalDuration: {
type: NumberConstructor;
required: true;
};
intervalHeight: {
type: NumberConstructor;
required: true;
};
event: ObjectConstructor;
}, vue.ExtractPropTypes<{
allDay: BooleanConstructor;
interval: ObjectConstructor;
intervalDivisions: {
type: NumberConstructor;
required: true;
};
intervalDuration: {
type: NumberConstructor;
required: true;
};
intervalHeight: {
type: NumberConstructor;
required: true;
};
event: ObjectConstructor;
}>>;
type VCalendarIntervalEvent = InstanceType<typeof VCalendarIntervalEvent>;
declare const VCalendarMonthDay: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
active: boolean;
disabled: boolean;
} & {
color?: string | undefined;
title?: string | number | undefined;
day?: Record<string, any> | undefined;
events?: any[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
content?: (() => vue.VNodeChild) | undefined;
title?: ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
content?: false | (() => vue.VNodeChild) | undefined;
title?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:content"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
active: boolean;
disabled: boolean;
} & {
color?: string | undefined;
title?: string | number | undefined;
day?: Record<string, any> | undefined;
events?: any[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
content?: (() => vue.VNodeChild) | undefined;
title?: ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
content?: false | (() => vue.VNodeChild) | undefined;
title?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:content"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
}, {
active: boolean;
disabled: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
content: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: {
title?: string | number | undefined;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
active: boolean;
disabled: boolean;
} & {
color?: string | undefined;
title?: string | number | undefined;
day?: Record<string, any> | undefined;
events?: any[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
content?: (() => vue.VNodeChild) | undefined;
title?: ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
content?: false | (() => vue.VNodeChild) | undefined;
title?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:content"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
active: boolean;
disabled: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
active: boolean;
disabled: boolean;
} & {
color?: string | undefined;
title?: string | number | undefined;
day?: Record<string, any> | undefined;
events?: any[] | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
content?: (() => vue.VNodeChild) | undefined;
title?: ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
content?: false | (() => vue.VNodeChild) | undefined;
title?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:content"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: {
title?: string | number | undefined;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
active: boolean;
disabled: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
content: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
title: (arg: {
title?: string | number | undefined;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
active: BooleanConstructor;
color: StringConstructor;
day: ObjectConstructor;
disabled: BooleanConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
title: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
active: BooleanConstructor;
color: StringConstructor;
day: ObjectConstructor;
disabled: BooleanConstructor;
events: {
(arrayLength: number): any[];
(...items: any[]): any[];
new (arrayLength: number): any[];
new (...items: any[]): any[];
isArray(arg: any): arg is any[];
readonly prototype: any[];
from<T>(arrayLike: ArrayLike<T>): T[];
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
of<T_4>(...items: T_4[]): T_4[];
readonly [Symbol.species]: ArrayConstructor;
};
title: (StringConstructor | NumberConstructor)[];
}>>;
type VCalendarMonthDay = InstanceType<typeof VCalendarMonthDay>;
declare const VPickerTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
style: vue.StyleValue;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
type VPickerTitle = InstanceType<typeof VPickerTitle>;
//# sourceMappingURL=allComponents.d.ts.map
declare const allComponents_d_VAlert: typeof VAlert;
declare const allComponents_d_VAlertTitle: typeof VAlertTitle;
declare const allComponents_d_VApp: typeof VApp;
declare const allComponents_d_VAppBar: typeof VAppBar;
declare const allComponents_d_VAppBarNavIcon: typeof VAppBarNavIcon;
declare const allComponents_d_VAppBarTitle: typeof VAppBarTitle;
declare const allComponents_d_VAutocomplete: typeof VAutocomplete;
declare const allComponents_d_VAvatar: typeof VAvatar;
declare const allComponents_d_VBadge: typeof VBadge;
declare const allComponents_d_VBanner: typeof VBanner;
declare const allComponents_d_VBannerActions: typeof VBannerActions;
declare const allComponents_d_VBannerText: typeof VBannerText;
declare const allComponents_d_VBottomNavigation: typeof VBottomNavigation;
declare const allComponents_d_VBottomSheet: typeof VBottomSheet;
declare const allComponents_d_VBreadcrumbs: typeof VBreadcrumbs;
declare const allComponents_d_VBreadcrumbsDivider: typeof VBreadcrumbsDivider;
declare const allComponents_d_VBreadcrumbsItem: typeof VBreadcrumbsItem;
declare const allComponents_d_VBtn: typeof VBtn;
declare const allComponents_d_VBtnGroup: typeof VBtnGroup;
declare const allComponents_d_VBtnToggle: typeof VBtnToggle;
declare const allComponents_d_VCalendar: typeof VCalendar;
declare const allComponents_d_VCalendarDay: typeof VCalendarDay;
declare const allComponents_d_VCalendarHeader: typeof VCalendarHeader;
declare const allComponents_d_VCalendarInterval: typeof VCalendarInterval;
declare const allComponents_d_VCalendarIntervalEvent: typeof VCalendarIntervalEvent;
declare const allComponents_d_VCalendarMonthDay: typeof VCalendarMonthDay;
declare const allComponents_d_VCard: typeof VCard;
declare const allComponents_d_VCardActions: typeof VCardActions;
declare const allComponents_d_VCardItem: typeof VCardItem;
declare const allComponents_d_VCardSubtitle: typeof VCardSubtitle;
declare const allComponents_d_VCardText: typeof VCardText;
declare const allComponents_d_VCardTitle: typeof VCardTitle;
declare const allComponents_d_VCarousel: typeof VCarousel;
declare const allComponents_d_VCarouselItem: typeof VCarouselItem;
declare const allComponents_d_VCheckbox: typeof VCheckbox;
declare const allComponents_d_VCheckboxBtn: typeof VCheckboxBtn;
declare const allComponents_d_VChip: typeof VChip;
declare const allComponents_d_VChipGroup: typeof VChipGroup;
declare const allComponents_d_VClassIcon: typeof VClassIcon;
declare const allComponents_d_VCode: typeof VCode;
declare const allComponents_d_VCol: typeof VCol;
declare const allComponents_d_VColorPicker: typeof VColorPicker;
declare const allComponents_d_VCombobox: typeof VCombobox;
declare const allComponents_d_VComponentIcon: typeof VComponentIcon;
declare const allComponents_d_VConfirmEdit: typeof VConfirmEdit;
declare const allComponents_d_VContainer: typeof VContainer;
declare const allComponents_d_VCounter: typeof VCounter;
declare const allComponents_d_VDataIterator: typeof VDataIterator;
declare const allComponents_d_VDataTable: typeof VDataTable;
declare const allComponents_d_VDataTableFooter: typeof VDataTableFooter;
declare const allComponents_d_VDataTableRow: typeof VDataTableRow;
declare const allComponents_d_VDataTableRows: typeof VDataTableRows;
declare const allComponents_d_VDataTableServer: typeof VDataTableServer;
declare const allComponents_d_VDataTableVirtual: typeof VDataTableVirtual;
declare const allComponents_d_VDatePicker: typeof VDatePicker;
declare const allComponents_d_VDatePickerControls: typeof VDatePickerControls;
declare const allComponents_d_VDatePickerHeader: typeof VDatePickerHeader;
declare const allComponents_d_VDatePickerMonth: typeof VDatePickerMonth;
declare const allComponents_d_VDatePickerMonths: typeof VDatePickerMonths;
declare const allComponents_d_VDatePickerYears: typeof VDatePickerYears;
declare const allComponents_d_VDefaultsProvider: typeof VDefaultsProvider;
declare const allComponents_d_VDialog: typeof VDialog;
declare const allComponents_d_VDialogBottomTransition: typeof VDialogBottomTransition;
declare const allComponents_d_VDialogTopTransition: typeof VDialogTopTransition;
declare const allComponents_d_VDialogTransition: typeof VDialogTransition;
declare const allComponents_d_VDivider: typeof VDivider;
declare const allComponents_d_VExpandTransition: typeof VExpandTransition;
declare const allComponents_d_VExpandXTransition: typeof VExpandXTransition;
declare const allComponents_d_VExpansionPanel: typeof VExpansionPanel;
declare const allComponents_d_VExpansionPanelText: typeof VExpansionPanelText;
declare const allComponents_d_VExpansionPanelTitle: typeof VExpansionPanelTitle;
declare const allComponents_d_VExpansionPanels: typeof VExpansionPanels;
declare const allComponents_d_VFabTransition: typeof VFabTransition;
declare const allComponents_d_VFadeTransition: typeof VFadeTransition;
declare const allComponents_d_VField: typeof VField;
declare const allComponents_d_VFieldLabel: typeof VFieldLabel;
declare const allComponents_d_VFileInput: typeof VFileInput;
declare const allComponents_d_VFooter: typeof VFooter;
declare const allComponents_d_VForm: typeof VForm;
declare const allComponents_d_VHover: typeof VHover;
declare const allComponents_d_VIcon: typeof VIcon;
declare const allComponents_d_VImg: typeof VImg;
declare const allComponents_d_VInfiniteScroll: typeof VInfiniteScroll;
declare const allComponents_d_VInput: typeof VInput;
declare const allComponents_d_VItem: typeof VItem;
declare const allComponents_d_VItemGroup: typeof VItemGroup;
declare const allComponents_d_VKbd: typeof VKbd;
declare const allComponents_d_VLabel: typeof VLabel;
declare const allComponents_d_VLayout: typeof VLayout;
declare const allComponents_d_VLayoutItem: typeof VLayoutItem;
declare const allComponents_d_VLazy: typeof VLazy;
declare const allComponents_d_VLigatureIcon: typeof VLigatureIcon;
declare const allComponents_d_VList: typeof VList;
declare const allComponents_d_VListGroup: typeof VListGroup;
declare const allComponents_d_VListImg: typeof VListImg;
declare const allComponents_d_VListItem: typeof VListItem;
declare const allComponents_d_VListItemAction: typeof VListItemAction;
declare const allComponents_d_VListItemMedia: typeof VListItemMedia;
declare const allComponents_d_VListItemSubtitle: typeof VListItemSubtitle;
declare const allComponents_d_VListItemTitle: typeof VListItemTitle;
declare const allComponents_d_VListSubheader: typeof VListSubheader;
declare const allComponents_d_VLocaleProvider: typeof VLocaleProvider;
declare const allComponents_d_VMain: typeof VMain;
declare const allComponents_d_VMenu: typeof VMenu;
declare const allComponents_d_VMessages: typeof VMessages;
declare const allComponents_d_VNavigationDrawer: typeof VNavigationDrawer;
declare const allComponents_d_VNoSsr: typeof VNoSsr;
declare const allComponents_d_VOtpInput: typeof VOtpInput;
declare const allComponents_d_VOverlay: typeof VOverlay;
declare const allComponents_d_VPagination: typeof VPagination;
declare const allComponents_d_VParallax: typeof VParallax;
declare const allComponents_d_VPicker: typeof VPicker;
declare const allComponents_d_VPickerTitle: typeof VPickerTitle;
declare const allComponents_d_VProgressCircular: typeof VProgressCircular;
declare const allComponents_d_VProgressLinear: typeof VProgressLinear;
declare const allComponents_d_VRadio: typeof VRadio;
declare const allComponents_d_VRadioGroup: typeof VRadioGroup;
declare const allComponents_d_VRangeSlider: typeof VRangeSlider;
declare const allComponents_d_VRating: typeof VRating;
declare const allComponents_d_VResponsive: typeof VResponsive;
declare const allComponents_d_VRow: typeof VRow;
declare const allComponents_d_VScaleTransition: typeof VScaleTransition;
declare const allComponents_d_VScrollXReverseTransition: typeof VScrollXReverseTransition;
declare const allComponents_d_VScrollXTransition: typeof VScrollXTransition;
declare const allComponents_d_VScrollYReverseTransition: typeof VScrollYReverseTransition;
declare const allComponents_d_VScrollYTransition: typeof VScrollYTransition;
declare const allComponents_d_VSelect: typeof VSelect;
declare const allComponents_d_VSelectionControl: typeof VSelectionControl;
declare const allComponents_d_VSelectionControlGroup: typeof VSelectionControlGroup;
declare const allComponents_d_VSheet: typeof VSheet;
declare const allComponents_d_VSkeletonLoader: typeof VSkeletonLoader;
declare const allComponents_d_VSlideGroup: typeof VSlideGroup;
declare const allComponents_d_VSlideGroupItem: typeof VSlideGroupItem;
declare const allComponents_d_VSlideXReverseTransition: typeof VSlideXReverseTransition;
declare const allComponents_d_VSlideXTransition: typeof VSlideXTransition;
declare const allComponents_d_VSlideYReverseTransition: typeof VSlideYReverseTransition;
declare const allComponents_d_VSlideYTransition: typeof VSlideYTransition;
declare const allComponents_d_VSlider: typeof VSlider;
declare const allComponents_d_VSnackbar: typeof VSnackbar;
declare const allComponents_d_VSpacer: typeof VSpacer;
declare const allComponents_d_VStepper: typeof VStepper;
declare const allComponents_d_VStepperActions: typeof VStepperActions;
declare const allComponents_d_VStepperHeader: typeof VStepperHeader;
declare const allComponents_d_VStepperItem: typeof VStepperItem;
declare const allComponents_d_VStepperWindow: typeof VStepperWindow;
declare const allComponents_d_VStepperWindowItem: typeof VStepperWindowItem;
declare const allComponents_d_VSvgIcon: typeof VSvgIcon;
declare const allComponents_d_VSwitch: typeof VSwitch;
declare const allComponents_d_VSystemBar: typeof VSystemBar;
declare const allComponents_d_VTab: typeof VTab;
declare const allComponents_d_VTable: typeof VTable;
declare const allComponents_d_VTabs: typeof VTabs;
declare const allComponents_d_VTextField: typeof VTextField;
declare const allComponents_d_VTextarea: typeof VTextarea;
declare const allComponents_d_VThemeProvider: typeof VThemeProvider;
declare const allComponents_d_VTimeline: typeof VTimeline;
declare const allComponents_d_VTimelineItem: typeof VTimelineItem;
declare const allComponents_d_VToolbar: typeof VToolbar;
declare const allComponents_d_VToolbarItems: typeof VToolbarItems;
declare const allComponents_d_VToolbarTitle: typeof VToolbarTitle;
declare const allComponents_d_VTooltip: typeof VTooltip;
declare const allComponents_d_VValidation: typeof VValidation;
declare const allComponents_d_VVirtualScroll: typeof VVirtualScroll;
declare const allComponents_d_VWindow: typeof VWindow;
declare const allComponents_d_VWindowItem: typeof VWindowItem;
declare namespace allComponents_d {
export { type allComponents_d_VAlert as VAlert, type allComponents_d_VAlertTitle as VAlertTitle, type allComponents_d_VApp as VApp, type allComponents_d_VAppBar as VAppBar, type allComponents_d_VAppBarNavIcon as VAppBarNavIcon, type allComponents_d_VAppBarTitle as VAppBarTitle, type allComponents_d_VAutocomplete as VAutocomplete, type allComponents_d_VAvatar as VAvatar, type allComponents_d_VBadge as VBadge, type allComponents_d_VBanner as VBanner, type allComponents_d_VBannerActions as VBannerActions, type allComponents_d_VBannerText as VBannerText, type allComponents_d_VBottomNavigation as VBottomNavigation, type allComponents_d_VBottomSheet as VBottomSheet, type allComponents_d_VBreadcrumbs as VBreadcrumbs, type allComponents_d_VBreadcrumbsDivider as VBreadcrumbsDivider, type allComponents_d_VBreadcrumbsItem as VBreadcrumbsItem, type allComponents_d_VBtn as VBtn, type allComponents_d_VBtnGroup as VBtnGroup, type allComponents_d_VBtnToggle as VBtnToggle, type allComponents_d_VCalendar as VCalendar, type allComponents_d_VCalendarDay as VCalendarDay, type allComponents_d_VCalendarHeader as VCalendarHeader, type allComponents_d_VCalendarInterval as VCalendarInterval, type allComponents_d_VCalendarIntervalEvent as VCalendarIntervalEvent, type allComponents_d_VCalendarMonthDay as VCalendarMonthDay, type allComponents_d_VCard as VCard, type allComponents_d_VCardActions as VCardActions, type allComponents_d_VCardItem as VCardItem, type allComponents_d_VCardSubtitle as VCardSubtitle, type allComponents_d_VCardText as VCardText, type allComponents_d_VCardTitle as VCardTitle, type allComponents_d_VCarousel as VCarousel, type allComponents_d_VCarouselItem as VCarouselItem, type allComponents_d_VCheckbox as VCheckbox, type allComponents_d_VCheckboxBtn as VCheckboxBtn, type allComponents_d_VChip as VChip, type allComponents_d_VChipGroup as VChipGroup, type allComponents_d_VClassIcon as VClassIcon, type allComponents_d_VCode as VCode, type allComponents_d_VCol as VCol, type allComponents_d_VColorPicker as VColorPicker, type allComponents_d_VCombobox as VCombobox, type allComponents_d_VComponentIcon as VComponentIcon, type allComponents_d_VConfirmEdit as VConfirmEdit, type allComponents_d_VContainer as VContainer, type allComponents_d_VCounter as VCounter, type allComponents_d_VDataIterator as VDataIterator, type allComponents_d_VDataTable as VDataTable, allComponents_d_VDataTableFooter as VDataTableFooter, type allComponents_d_VDataTableRow as VDataTableRow, type allComponents_d_VDataTableRows as VDataTableRows, type allComponents_d_VDataTableServer as VDataTableServer, type allComponents_d_VDataTableVirtual as VDataTableVirtual, type allComponents_d_VDatePicker as VDatePicker, type allComponents_d_VDatePickerControls as VDatePickerControls, type allComponents_d_VDatePickerHeader as VDatePickerHeader, type allComponents_d_VDatePickerMonth as VDatePickerMonth, type allComponents_d_VDatePickerMonths as VDatePickerMonths, type allComponents_d_VDatePickerYears as VDatePickerYears, type allComponents_d_VDefaultsProvider as VDefaultsProvider, type allComponents_d_VDialog as VDialog, type allComponents_d_VDialogBottomTransition as VDialogBottomTransition, type allComponents_d_VDialogTopTransition as VDialogTopTransition, type allComponents_d_VDialogTransition as VDialogTransition, type allComponents_d_VDivider as VDivider, type allComponents_d_VExpandTransition as VExpandTransition, type allComponents_d_VExpandXTransition as VExpandXTransition, type allComponents_d_VExpansionPanel as VExpansionPanel, type allComponents_d_VExpansionPanelText as VExpansionPanelText, type allComponents_d_VExpansionPanelTitle as VExpansionPanelTitle, type allComponents_d_VExpansionPanels as VExpansionPanels, type allComponents_d_VFabTransition as VFabTransition, type allComponents_d_VFadeTransition as VFadeTransition, type allComponents_d_VField as VField, type allComponents_d_VFieldLabel as VFieldLabel, type allComponents_d_VFileInput as VFileInput, type allComponents_d_VFooter as VFooter, type allComponents_d_VForm as VForm, type allComponents_d_VHover as VHover, type allComponents_d_VIcon as VIcon, type allComponents_d_VImg as VImg, type allComponents_d_VInfiniteScroll as VInfiniteScroll, type allComponents_d_VInput as VInput, type allComponents_d_VItem as VItem, type allComponents_d_VItemGroup as VItemGroup, type allComponents_d_VKbd as VKbd, type allComponents_d_VLabel as VLabel, type allComponents_d_VLayout as VLayout, type allComponents_d_VLayoutItem as VLayoutItem, type allComponents_d_VLazy as VLazy, type allComponents_d_VLigatureIcon as VLigatureIcon, type allComponents_d_VList as VList, type allComponents_d_VListGroup as VListGroup, type allComponents_d_VListImg as VListImg, type allComponents_d_VListItem as VListItem, type allComponents_d_VListItemAction as VListItemAction, type allComponents_d_VListItemMedia as VListItemMedia, type allComponents_d_VListItemSubtitle as VListItemSubtitle, type allComponents_d_VListItemTitle as VListItemTitle, type allComponents_d_VListSubheader as VListSubheader, type allComponents_d_VLocaleProvider as VLocaleProvider, type allComponents_d_VMain as VMain, type allComponents_d_VMenu as VMenu, type allComponents_d_VMessages as VMessages, type allComponents_d_VNavigationDrawer as VNavigationDrawer, type allComponents_d_VNoSsr as VNoSsr, type allComponents_d_VOtpInput as VOtpInput, type allComponents_d_VOverlay as VOverlay, type allComponents_d_VPagination as VPagination, type allComponents_d_VParallax as VParallax, type allComponents_d_VPicker as VPicker, type allComponents_d_VPickerTitle as VPickerTitle, type allComponents_d_VProgressCircular as VProgressCircular, type allComponents_d_VProgressLinear as VProgressLinear, type allComponents_d_VRadio as VRadio, type allComponents_d_VRadioGroup as VRadioGroup, type allComponents_d_VRangeSlider as VRangeSlider, type allComponents_d_VRating as VRating, type allComponents_d_VResponsive as VResponsive, type allComponents_d_VRow as VRow, type allComponents_d_VScaleTransition as VScaleTransition, type allComponents_d_VScrollXReverseTransition as VScrollXReverseTransition, type allComponents_d_VScrollXTransition as VScrollXTransition, type allComponents_d_VScrollYReverseTransition as VScrollYReverseTransition, type allComponents_d_VScrollYTransition as VScrollYTransition, type allComponents_d_VSelect as VSelect, type allComponents_d_VSelectionControl as VSelectionControl, type allComponents_d_VSelectionControlGroup as VSelectionControlGroup, type allComponents_d_VSheet as VSheet, type allComponents_d_VSkeletonLoader as VSkeletonLoader, type allComponents_d_VSlideGroup as VSlideGroup, type allComponents_d_VSlideGroupItem as VSlideGroupItem, type allComponents_d_VSlideXReverseTransition as VSlideXReverseTransition, type allComponents_d_VSlideXTransition as VSlideXTransition, type allComponents_d_VSlideYReverseTransition as VSlideYReverseTransition, type allComponents_d_VSlideYTransition as VSlideYTransition, type allComponents_d_VSlider as VSlider, type allComponents_d_VSnackbar as VSnackbar, type allComponents_d_VSpacer as VSpacer, type allComponents_d_VStepper as VStepper, type allComponents_d_VStepperActions as VStepperActions, type allComponents_d_VStepperHeader as VStepperHeader, type allComponents_d_VStepperItem as VStepperItem, type allComponents_d_VStepperWindow as VStepperWindow, type allComponents_d_VStepperWindowItem as VStepperWindowItem, type allComponents_d_VSvgIcon as VSvgIcon, type allComponents_d_VSwitch as VSwitch, type allComponents_d_VSystemBar as VSystemBar, type allComponents_d_VTab as VTab, type allComponents_d_VTable as VTable, type allComponents_d_VTabs as VTabs, type allComponents_d_VTextField as VTextField, type allComponents_d_VTextarea as VTextarea, type allComponents_d_VThemeProvider as VThemeProvider, type allComponents_d_VTimeline as VTimeline, type allComponents_d_VTimelineItem as VTimelineItem, type allComponents_d_VToolbar as VToolbar, type allComponents_d_VToolbarItems as VToolbarItems, type allComponents_d_VToolbarTitle as VToolbarTitle, type allComponents_d_VTooltip as VTooltip, type allComponents_d_VValidation as VValidation, type allComponents_d_VVirtualScroll as VVirtualScroll, type allComponents_d_VWindow as VWindow, type allComponents_d_VWindowItem as VWindowItem };
}
interface ClickOutsideBindingArgs {
handler: (e: MouseEvent) => void;
closeConditional?: (e: Event) => boolean;
include?: () => HTMLElement[];
}
interface ClickOutsideDirectiveBinding extends DirectiveBinding {
value: ((e: MouseEvent) => void) | ClickOutsideBindingArgs;
}
declare const ClickOutside: {
mounted(el: HTMLElement, binding: ClickOutsideDirectiveBinding): void;
unmounted(el: HTMLElement, binding: ClickOutsideDirectiveBinding): void;
};
type ObserveHandler = (isIntersecting: boolean, entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
interface ObserveDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
value?: ObserveHandler | {
handler: ObserveHandler;
options?: IntersectionObserverInit;
};
modifiers: {
once?: boolean;
quiet?: boolean;
};
}
declare function mounted$4(el: HTMLElement, binding: ObserveDirectiveBinding): void;
declare function unmounted$4(el: HTMLElement, binding: ObserveDirectiveBinding): void;
declare const Intersect: {
mounted: typeof mounted$4;
unmounted: typeof unmounted$4;
};
interface MutationOptions {
attr?: boolean;
char?: boolean;
child?: boolean;
sub?: boolean;
once?: boolean;
immediate?: boolean;
}
interface MutationDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
value: MutationCallback | {
handler: MutationCallback;
options?: MutationObserverInit;
};
modifiers: MutationOptions;
}
declare function mounted$3(el: HTMLElement, binding: MutationDirectiveBinding): void;
declare function unmounted$3(el: HTMLElement, binding: MutationDirectiveBinding): void;
declare const Mutate: {
mounted: typeof mounted$3;
unmounted: typeof unmounted$3;
};
interface ResizeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {
value: () => void;
modifiers?: {
active?: boolean;
quiet?: boolean;
};
}
declare function mounted$2(el: HTMLElement, binding: ResizeDirectiveBinding): void;
declare function unmounted$2(el: HTMLElement, binding: ResizeDirectiveBinding): void;
declare const Resize: {
mounted: typeof mounted$2;
unmounted: typeof unmounted$2;
};
interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
value?: boolean | {
class: string;
};
modifiers: {
center?: boolean;
circle?: boolean;
stop?: boolean;
};
}
declare function mounted$1(el: HTMLElement, binding: RippleDirectiveBinding): void;
declare function unmounted$1(el: HTMLElement): void;
declare function updated$1(el: HTMLElement, binding: RippleDirectiveBinding): void;
declare const Ripple: {
mounted: typeof mounted$1;
unmounted: typeof unmounted$1;
updated: typeof updated$1;
};
interface ScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {
value: EventListener | {
handler: EventListener;
options?: AddEventListenerOptions;
} | EventListenerObject & {
options?: AddEventListenerOptions;
};
modifiers?: {
self?: boolean;
};
}
declare function mounted(el: HTMLElement, binding: ScrollDirectiveBinding): void;
declare function unmounted(el: HTMLElement, binding: ScrollDirectiveBinding): void;
declare function updated(el: HTMLElement, binding: ScrollDirectiveBinding): void;
declare const Scroll: {
mounted: typeof mounted;
unmounted: typeof unmounted;
updated: typeof updated;
};
//# sourceMappingURL=index.d.ts.map
declare const index_d_ClickOutside: typeof ClickOutside;
declare const index_d_Intersect: typeof Intersect;
declare const index_d_Mutate: typeof Mutate;
declare const index_d_Resize: typeof Resize;
declare const index_d_Ripple: typeof Ripple;
declare const index_d_Scroll: typeof Scroll;
declare const index_d_Touch: typeof Touch;
declare namespace index_d {
export { index_d_ClickOutside as ClickOutside, index_d_Intersect as Intersect, index_d_Mutate as Mutate, index_d_Resize as Resize, index_d_Ripple as Ripple, index_d_Scroll as Scroll, index_d_Touch as Touch };
}
declare const version: string;
declare const createVuetify: (options?: VuetifyOptions) => {
install: (app: vue.App<any>) => void;
defaults: vue.Ref<DefaultsInstance>;
display: DisplayInstance;
theme: ThemeInstance & {
install: (app: vue.App<any>) => void;
};
icons: Record<string, any>;
locale: {
isRtl: vue.Ref<boolean>;
rtl: vue.Ref<Record<string, boolean>>;
rtlClasses: vue.Ref<string>;
name: string;
messages: vue.Ref<LocaleMessages>;
current: vue.Ref<string>;
fallback: vue.Ref<string>;
t: (key: string, ...params: unknown[]) => string;
n: (value: number) => string;
provide: (props: LocaleOptions) => LocaleInstance;
};
date: {
options: InternalDateOptions<unknown>;
instance: {
locale?: any;
date: (value?: any) => unknown;
format: (date: unknown, formatString: string) => string;
toJsDate: (value: unknown) => Date;
parseISO: (date: string) => unknown;
toISO: (date: unknown) => string;
startOfDay: (date: unknown) => unknown;
endOfDay: (date: unknown) => unknown;
startOfWeek: (date: unknown) => unknown;
endOfWeek: (date: unknown) => unknown;
startOfMonth: (date: unknown) => unknown;
endOfMonth: (date: unknown) => unknown;
startOfYear: (date: unknown) => unknown;
endOfYear: (date: unknown) => unknown;
isBefore: (date: unknown, comparing: unknown) => boolean;
isAfter: (date: unknown, comparing: unknown) => boolean;
isEqual: (date: unknown, comparing: unknown) => boolean;
isSameDay: (date: unknown, comparing: unknown) => boolean;
isSameMonth: (date: unknown, comparing: unknown) => boolean;
isValid: (date: any) => boolean;
isWithinRange: (date: unknown, range: [unknown, unknown]) => boolean;
addMinutes: (date: unknown, amount: number) => unknown;
addHours: (date: unknown, amount: number) => unknown;
addDays: (date: unknown, amount: number) => unknown;
addWeeks: (date: unknown, amount: number) => unknown;
addMonths: (date: unknown, amount: number) => unknown;
getYear: (date: unknown) => number;
setYear: (date: unknown, year: number) => unknown;
getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
getWeekArray: (date: unknown) => unknown[][];
getWeekdays: () => string[];
getMonth: (date: unknown) => number;
setMonth: (date: unknown, month: number) => unknown;
getNextMonth: (date: unknown) => unknown;
getHours: (date: unknown) => number;
setHours: (date: unknown, hours: number) => unknown;
getMinutes: (date: unknown) => number;
setMinutes: (date: unknown, minutes: number) => unknown;
};
};
goTo: {
rtl: vue.Ref<boolean>;
options: Record<string, any>;
};
};
export { type DateInstance, type DefaultsInstance, type DisplayBreakpoint, type DisplayInstance, type DisplayThresholds, type GoToInstance, type IconAliases, type IconOptions, type IconProps, type IconSet, type LocaleInstance, type LocaleMessages, type LocaleOptions, type RtlInstance, type RtlOptions, type SubmitEventPromise, type ThemeDefinition, type ThemeInstance, allComponents_d as components, createVuetify, index_d as directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };