front_ponto_eletronico/node_modules/vuetify/dist/vuetify.d.ts

67128 lines
2.5 MiB

import * as vue from 'vue';
import { Ref, DeepReadonly, ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, ComponentPublicInstance, PropType, FunctionalComponent, CSSProperties, DirectiveBinding, ComponentInternalInstance, ComputedRef, Component, EffectScope, nextTick, WritableComputedRef, UnwrapRef, 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, firstDayOfWeek?: number | string): T;
endOfWeek(date: T): T;
startOfMonth(date: T): T;
endOfMonth(date: T): T;
startOfYear(date: T): T;
endOfYear(date: T): T;
isAfter(date: T, comparing: T): boolean;
isAfterDay(value: T, comparing: T): boolean;
isSameDay(date: T, comparing: T): boolean;
isSameMonth(date: T, comparing: T): boolean;
isSameYear(value: T, comparing: T): boolean;
isBefore(date: T, comparing: T): boolean;
isEqual(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, firstDayOfWeek?: number | string): T[][];
getWeekdays(firstDayOfWeek?: number | string): string[];
getMonth(date: T): number;
setMonth(date: T, month: number): T;
getDate(date: T): number;
setDate(date: T, day: number): T;
getNextMonth(date: T): T;
getPreviousMonth(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 extends DateModule.InternalAdapter {
locale?: any;
}
/** Supports module augmentation to specify date adapter types */
declare namespace DateModule {
interface Adapter {
}
export type InternalAdapter = {} extends Adapter ? DateAdapter : Adapter;
}
type InternalDateOptions = {
adapter: (new (options: {
locale: any;
formats?: any;
}) => DateInstance) | DateInstance;
formats?: Record<string, any>;
locale: Record<string, any>;
};
type DateOptions = Partial<InternalDateOptions>;
declare function useDate(): DateInstance;
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 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;
type HSV = {
h: number;
s: number;
v: number;
a?: number;
};
type RGB = {
r: number;
g: number;
b: number;
a?: number;
};
type HSL = {
h: number;
s: number;
l: number;
a?: number;
};
type Color = string | number | HSV | RGB | HSL;
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>>;
}
type ClassValue = any;
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<EventProp<T>>;
type TemplateRef = {
(target: Element | ComponentPublicInstance | null): void;
value: HTMLElement | ComponentPublicInstance | null | undefined;
readonly el: HTMLElement | undefined;
};
type JSXComponent<Props = any> = {
new (): ComponentPublicInstance<Props>;
} | FunctionalComponent<Props>;
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 InternalIconOptions = {
defaultSet: string;
aliases: Partial<IconAliases>;
sets: Record<string, IconSet>;
};
type IconOptions = Partial<InternalIconOptions>;
declare const VComponentIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
tag: string;
} & {
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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>;
interface GoToInstance {
rtl: Ref<boolean>;
options: InternalGoToOptions;
}
interface InternalGoToOptions {
container: ComponentPublicInstance | HTMLElement | string;
duration: number;
layout: boolean;
offset: number;
easing: string | ((t: number) => number);
patterns: Record<string, (t: number) => number>;
}
type GoToOptions = Partial<InternalGoToOptions>;
declare function useGoTo(_options?: GoToOptions): {
(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
horizontal(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
};
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 {
mobile?: boolean | null;
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;
};
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>;
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' | 'invalid-input';
type ValidateOn = ValidateOnValue | `${ValidateOnValue} lazy` | `${ValidateOnValue} eager` | `lazy ${ValidateOnValue}` | `eager ${ValidateOnValue}` | 'lazy' | 'eager';
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?: ValidateOn;
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: () => Promise<void>;
resetValidation: () => Promise<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 FormProps {
disabled: boolean;
fastFail: boolean;
readonly: boolean;
modelValue: boolean | null;
'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;
validateOn: ValidationProps['validateOn'];
}
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 md1: Blueprint;
declare const md2: Blueprint;
declare const md3: Blueprint;
//# sourceMappingURL=index.d.ts.map
declare const index_d$2_md1: typeof md1;
declare const index_d$2_md2: typeof md2;
declare const index_d$2_md3: typeof md3;
declare namespace index_d$2 {
export { index_d$2_md1 as md1, index_d$2_md2 as md2, index_d$2_md3 as md3 };
}
declare const VApp: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
theme: ThemeInstance;
}, {}, {}, {}, {
style: vue.StyleValue;
fullHeight: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
fullHeight: boolean;
} & {
class?: any;
theme?: string | undefined;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
overlaps: vue.Prop<string[]>;
fullHeight: {
type: vue.PropType<boolean>;
default: boolean;
};
class: vue.PropType<ClassValue>;
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<ClassValue>;
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;
tile: 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;
theme?: string | undefined;
elevation?: string | number | 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;
tile: 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;
theme?: string | undefined;
elevation?: string | number | 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;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
image: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
extension: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
tile: 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;
theme?: string | undefined;
elevation?: string | number | 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;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
absolute: boolean;
height: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
tile: 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;
theme?: string | undefined;
elevation?: string | number | 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;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
image: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
extension: () => vue.VNode[];
}>>> & 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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<ClassValue>;
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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<ClassValue>;
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;
modelValue: boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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) => true;
}, 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;
modelValue: boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
image: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
extension: () => vue.VNode[];
}>>, {
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;
modelValue: boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
modelValue: boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
scrollBehavior?: "hide" | (string & {}) | "collapse" | "fully-hide" | "inverted" | "elevate" | "fade-image" | undefined;
title?: string | undefined;
image?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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) => true;
}, string, {
flat: boolean;
absolute: boolean;
location: "top" | "bottom";
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
collapse: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density$1;
extended: boolean;
extensionHeight: string | number;
floating: boolean;
scrollThreshold: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
image: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
extension: () => vue.VNode[];
}>>> & 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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<ClassValue>;
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" | "fully-hide" | "inverted" | "collapse" | "elevate" | "fade-image" | (string & {})>;
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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: PropType<ClassValue>;
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" | "fully-hide" | "inverted" | "collapse" | "elevate" | "fade-image" | (string & {})>;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
location: {
type: PropType<"top" | "bottom">;
default: string;
validator: (value: any) => boolean;
};
}>>;
type VAppBar = InstanceType<typeof VAppBar>;
interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
value?: boolean | {
class: string;
};
modifiers: {
center?: boolean;
circle?: boolean;
stop?: boolean;
};
}
declare function mounted$5(el: HTMLElement, binding: RippleDirectiveBinding): void;
declare function unmounted$5(el: HTMLElement): void;
declare function updated$1(el: HTMLElement, binding: RippleDirectiveBinding): void;
declare const Ripple: {
mounted: typeof mounted$5;
unmounted: typeof unmounted$5;
updated: typeof updated$1;
};
interface GroupItem {
id: number;
value: Ref<unknown>;
disabled: Ref<boolean | undefined>;
useIndexAsValue?: boolean;
}
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>;
isFirst: Ref<boolean>;
isLast: 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 allowedVariants$2: readonly ["elevated", "flat", "tonal", "outlined", "text", "plain"];
type Variant$2 = typeof allowedVariants$2[number];
declare const VAppBarNavIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
icon: boolean | IconValue;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: {
type: vue.PropType<boolean | IconValue>;
default: NonNullable<boolean | IconValue>;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
block: BooleanConstructor;
readonly: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
href: StringConstructor;
replace: BooleanConstructor;
to: vue.PropType<vue_router.RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: {
type: vue.PropType<boolean | IconValue>;
default: NonNullable<boolean | IconValue>;
};
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
block: BooleanConstructor;
readonly: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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[];
text: () => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
text: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
append: () => vue.VNode[];
close: (arg: {
props: Record<string, any>;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
} & {
type?: "error" | "success" | "warning" | "info" | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
title?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
icon: false | IconValue;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
prominent: boolean;
density: Density;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
append: () => vue.VNode[];
close: (arg: {
props: Record<string, any>;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: {
type: PropType<boolean | "top" | "end" | "bottom" | "start">;
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<ContextualType>;
validator: (val: ContextualType) => boolean;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: {
type: PropType<boolean | "top" | "end" | "bottom" | "start">;
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<ContextualType>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
}
type VMessageSlot = {
message: string;
};
declare const VMessages: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
style: vue.StyleValue;
messages: string | readonly string[];
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
style: vue.StyleValue;
messages: string | readonly string[];
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
};
style: vue.StyleValue;
messages: string | readonly string[];
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
}>;
default: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
};
class: PropType<ClassValue>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
leaveAbsolute: boolean;
group: boolean;
}>;
default: {
component: Component;
leaveAbsolute: boolean;
group: boolean;
} | NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
};
class: PropType<ClassValue>;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null;
"onUpdate:modelValue"?: (value: T | null) => void;
}, slots: VInputSlots) => GenericProps<typeof props, typeof slots>) & 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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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>;
declare const allowedVariants$1: readonly ["underlined", "outlined", "filled", "solo", "solo-inverted", "solo-filled", "plain"];
type Variant$1 = typeof allowedVariants$1[number];
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: DefaultInputSlot & {
props: Record<string, any>;
};
'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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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-slots" | "v-slot:default" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, true, {}, vue.SlotsType<Partial<{
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VFieldSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {
controlRef: Ref<HTMLElement | undefined>;
}, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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-slots" | "v-slot:default" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VFieldSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VFieldSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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<Variant$1>;
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;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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<Variant$1>;
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>;
/**
* - 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;
isOpen: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
lines?: false | "one" | "two" | "three" | undefined;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | 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;
}, {
activate: (activated: boolean, e?: Event) => void;
isActivated: vue.ComputedRef<boolean>;
isGroupActivator: boolean | undefined;
isSelected: vue.ComputedRef<boolean>;
list: {
hasPrepend: vue.Ref<boolean>;
updateHasPrepend: (value: boolean) => void;
} | null;
select: (selected: boolean, e?: Event) => void;
root: {
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
activatable: vue.Ref<boolean>;
selectable: vue.Ref<boolean>;
opened: vue.Ref<Set<unknown>>;
activated: vue.Ref<Set<unknown>>;
selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
selectedValues: vue.Ref<unknown[]>;
register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
unregister: (id: unknown) => void;
open: (id: unknown, value: boolean, event?: Event) => void;
activate: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
getPath: (id: unknown) => unknown[];
};
id: vue.ComputedRef<{} | null>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: (e: MouseEvent | KeyboardEvent) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
lines?: false | "one" | "two" | "three" | undefined;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
prepend: (arg: ListItemSlot) => vue.VNode[];
append: (arg: ListItemSlot) => vue.VNode[];
default: (arg: ListItemSlot) => vue.VNode[];
title: (arg: ListItemTitleSlot) => vue.VNode[];
subtitle: (arg: ListItemSubtitleSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
lines?: false | "one" | "two" | "three" | undefined;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | 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;
}, {
activate: (activated: boolean, e?: Event) => void;
isActivated: vue.ComputedRef<boolean>;
isGroupActivator: boolean | undefined;
isSelected: vue.ComputedRef<boolean>;
list: {
hasPrepend: vue.Ref<boolean>;
updateHasPrepend: (value: boolean) => void;
} | null;
select: (selected: boolean, e?: Event) => void;
root: {
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
activatable: vue.Ref<boolean>;
selectable: vue.Ref<boolean>;
opened: vue.Ref<Set<unknown>>;
activated: vue.Ref<Set<unknown>>;
selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
selectedValues: vue.Ref<unknown[]>;
register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
unregister: (id: unknown) => void;
open: (id: unknown, value: boolean, event?: Event) => void;
activate: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
getPath: (id: unknown) => unknown[];
};
id: vue.ComputedRef<{} | null>;
}, {}, {}, {}, {
replace: boolean;
link: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
replace: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
lines?: false | "one" | "two" | "three" | undefined;
onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | 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;
}, {
activate: (activated: boolean, e?: Event) => void;
isActivated: vue.ComputedRef<boolean>;
isGroupActivator: boolean | undefined;
isSelected: vue.ComputedRef<boolean>;
list: {
hasPrepend: vue.Ref<boolean>;
updateHasPrepend: (value: boolean) => void;
} | null;
select: (selected: boolean, e?: Event) => void;
root: {
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
activatable: vue.Ref<boolean>;
selectable: vue.Ref<boolean>;
opened: vue.Ref<Set<unknown>>;
activated: vue.Ref<Set<unknown>>;
selected: vue.Ref<Map<unknown, "on" | "off" | "indeterminate">>;
selectedValues: vue.Ref<unknown[]>;
register: (id: unknown, parentId: unknown, isGroup?: boolean) => void;
unregister: (id: unknown) => void;
open: (id: unknown, value: boolean, event?: Event) => void;
activate: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
getPath: (id: unknown) => unknown[];
};
id: vue.ComputedRef<{} | null>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: (e: MouseEvent | KeyboardEvent) => true;
}, string, {
replace: boolean;
link: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
active: boolean;
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
prepend: (arg: ListItemSlot) => vue.VNode[];
append: (arg: ListItemSlot) => vue.VNode[];
default: (arg: ListItemSlot) => vue.VNode[];
title: (arg: ListItemTitleSlot) => vue.VNode[];
subtitle: (arg: ListItemSubtitleSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: 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<ClassValue>;
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" | false>;
link: {
type: BooleanConstructor;
default: undefined;
};
nav: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
slim: BooleanConstructor;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
value: null;
onClick: PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: 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<ClassValue>;
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" | false>;
link: {
type: BooleanConstructor;
default: undefined;
};
nav: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
slim: BooleanConstructor;
subtitle: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
value: null;
onClick: PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
onClickOnce: PropType<(args_0: MouseEvent) => void>;
}>>;
type VListItem = InstanceType<typeof VListItem>;
type ActiveStrategyFn = (data: {
id: unknown;
value: boolean;
activated: Set<unknown>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Set<unknown>;
type ActiveStrategyTransformInFn = (v: unknown | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => Set<unknown>;
type ActiveStrategyTransformOutFn = (v: Set<unknown>, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => unknown;
type ActiveStrategy = {
activate: ActiveStrategyFn;
in: ActiveStrategyTransformInFn;
out: ActiveStrategyTransformOutFn;
};
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 SelectStrategyTransformInFn = (v: readonly unknown[] | undefined, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
type SelectStrategyTransformOutFn = (v: Map<unknown, 'on' | 'off' | 'indeterminate'>, children: Map<unknown, unknown[]>, parents: Map<unknown, unknown>) => unknown[];
type SelectStrategy = {
select: SelectStrategyFn;
in: SelectStrategyTransformInFn;
out: SelectStrategyTransformOutFn;
};
type ActiveStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | ActiveStrategy | ((mandatory: boolean) => ActiveStrategy);
type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
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 ListItem<T = any> extends InternalItem<T> {
title: string;
props: {
[key: string]: any;
title: string;
value: any;
};
children?: ListItem<T>[];
}
interface ItemProps {
items: any[];
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemChildren: SelectItemKey;
itemProps: SelectItemKey;
returnObject: boolean;
valueComparator: typeof deepEqual | undefined;
}
interface InternalListItem<T = any> extends ListItem<T> {
type?: 'item' | 'subheader' | 'divider';
}
type ItemType$6<T> = T extends readonly (infer U)[] ? U : never;
declare const VList: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
focus: (location?: "next" | "prev" | "first" | "last") => void;
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (value: unknown) => true;
'update:activated': (value: unknown) => true;
'update:opened': (value: unknown) => true;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
'click:activate': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
}, "$children" | "selected" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "opened" | "click:open" | "click:select" | "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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}, true, {}, vue.SlotsType<Partial<{
title: (arg: ListItemTitleSlot & {
item: any;
}) => vue.VNode[];
append: (arg: ListItemSlot & {
item: any;
}) => vue.VNode[];
prepend: (arg: ListItemSlot & {
item: any;
}) => vue.VNode[];
subtitle: (arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNode[];
default: () => vue.VNode[];
item: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
divider: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
subheader: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
header: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
focus: (location?: "next" | "prev" | "first" | "last") => void;
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event) => void;
select: (id: unknown, value: boolean, event?: Event) => void;
focus: (location?: "next" | "prev" | "first" | "last") => void;
children: vue.Ref<Map<unknown, unknown[]>>;
parents: vue.Ref<Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (value: unknown) => true;
'update:activated': (value: unknown) => true;
'update:opened': (value: unknown) => true;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
'click:activate': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
}, "$children" | "selected" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "opened" | "click:open" | "click:select" | "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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}, {}, string, vue.SlotsType<Partial<{
title: (arg: ListItemTitleSlot & {
item: any;
}) => vue.VNode[];
append: (arg: ListItemSlot & {
item: any;
}) => vue.VNode[];
prepend: (arg: ListItemSlot & {
item: any;
}) => vue.VNode[];
subtitle: (arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNode[];
default: () => vue.VNode[];
item: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
divider: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
subheader: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
header: (arg: {
props: InternalListItem["props"];
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], S = unknown, O = unknown>(props: {
items?: T;
itemTitle?: SelectItemKey<ItemType$6<T>>;
itemValue?: SelectItemKey<ItemType$6<T>>;
itemChildren?: SelectItemKey<ItemType$6<T>>;
itemProps?: SelectItemKey<ItemType$6<T>>;
selected?: S;
"onUpdate:selected"?: (value: S) => void;
"onClick:open"?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
"onClick:select"?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: O;
"onUpdate:opened"?: (value: O) => void;
}, slots: VListChildrenSlots<ItemType$6<T>>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
items: {
type: PropType<ItemProps["items"]>;
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: PropType<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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activatable: BooleanConstructor;
selectable: BooleanConstructor;
activeStrategy: PropType<ActiveStrategyProp>;
selectStrategy: {
type: PropType<SelectStrategyProp>;
default: NonNullable<SelectStrategyProp>;
};
openStrategy: {
type: PropType<OpenStrategyProp>;
default: NonNullable<OpenStrategyProp>;
};
opened: null;
activated: null;
selected: null;
mandatory: BooleanConstructor;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
expandIcon: PropType<IconValue>;
collapseIcon: PropType<IconValue>;
lines: {
type: PropType<"one" | "two" | "three" | false>;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
'onClick:open': PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
'onClick:select': PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
'onUpdate:opened': PropType<() => void>;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
items: {
type: PropType<ItemProps["items"]>;
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: PropType<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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
activatable: BooleanConstructor;
selectable: BooleanConstructor;
activeStrategy: PropType<ActiveStrategyProp>;
selectStrategy: {
type: PropType<SelectStrategyProp>;
default: NonNullable<SelectStrategyProp>;
};
openStrategy: {
type: PropType<OpenStrategyProp>;
default: NonNullable<OpenStrategyProp>;
};
opened: null;
activated: null;
selected: null;
mandatory: BooleanConstructor;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
expandIcon: PropType<IconValue>;
collapseIcon: PropType<IconValue>;
lines: {
type: PropType<"one" | "two" | "three" | false>;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
'onClick:open': PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
'onClick:select': PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
'onUpdate:opened': PropType<() => void>;
}>>;
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;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
}, {
isOpen: vue.ComputedRef<boolean>;
}, 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;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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[];
activator: (arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNode[];
}>>, {
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;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
}, {
isOpen: vue.ComputedRef<boolean>;
}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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;
baseColor?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
}, {
isOpen: vue.ComputedRef<boolean>;
}, 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[];
activator: (arg: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
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<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
start: BooleanConstructor;
end: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
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;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}>>;
type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>;
declare const VListItemTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inset: boolean;
style: vue.StyleValue;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
sticky: BooleanConstructor;
title: StringConstructor;
}>>;
type VListSubheader = InstanceType<typeof VListSubheader>;
declare const VMenu: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
};
}, {}, {}, {}, {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
} & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {
id: vue.ComputedRef<string>;
ΨopenChildren: vue.ShallowRef<Set<number>>;
};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, string, {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: vue.PropType<StrategyProps["offset"]>;
location: Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor> | undefined;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
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<ClassValue>;
theme: StringConstructor;
persistent: BooleanConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<string | number>;
default: NonNullable<string | number>;
};
openDelay: {
type: vue.PropType<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;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | Element>;
id: StringConstructor;
submenu: BooleanConstructor;
}, vue.ExtractPropTypes<{
offset: vue.PropType<StrategyProps["offset"]>;
location: Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor> | undefined;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
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<ClassValue>;
theme: StringConstructor;
persistent: BooleanConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<string | number>;
default: NonNullable<string | number>;
};
openDelay: {
type: vue.PropType<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;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | Element>;
id: StringConstructor;
submenu: BooleanConstructor;
}>>;
type VMenu = InstanceType<typeof VMenu>;
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$5<T> = T extends readonly (infer U)[] ? U : never;
declare const VAutocomplete: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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) => true;
'update:search': (value: any) => true;
'update:modelValue': (value: any) => true;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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) => true;
'update:search': (value: any) => true;
'update:modelValue': (value: any) => true;
'update:menu': (value: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], Item = ItemType$5<T>, ReturnObject extends boolean = false, Multiple extends boolean = false, V extends Value$2<Item, ReturnObject, Multiple> = Value$2<Item, ReturnObject, Multiple>>(props: {
items?: T;
itemTitle?: SelectItemKey<ItemType$5<T>>;
itemValue?: SelectItemKey<ItemType$5<T>>;
itemProps?: SelectItemKey<ItemType$5<T>>;
returnObject?: ReturnObject;
multiple?: Multiple;
modelValue?: V | null;
"onUpdate:modelValue"?: (value: V) => void;
}, 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<typeof props, typeof slots>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
density: Density;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
density: Density;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
density: Density;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
density: Density;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: vue.StyleValue;
size: string | number;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
tile: BooleanConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
start: BooleanConstructor;
end: BooleanConstructor;
icon: vue.PropType<IconValue>;
image: StringConstructor;
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
tile: BooleanConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
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: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | 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: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | 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: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
badge: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
location: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | 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: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
location: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
} & {
max?: string | number | undefined;
color?: string | undefined;
content?: string | number | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | 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: Anchor | null;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
label: string;
style: vue.StyleValue;
tag: string;
dot: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
bordered: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
badge: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
location: {
type: vue.PropType<Anchor | null>;
default: NonNullable<Anchor | null>;
};
class: vue.PropType<ClassValue>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
location: {
type: vue.PropType<Anchor | null>;
default: NonNullable<Anchor | null>;
};
class: vue.PropType<ClassValue>;
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;
mobile: boolean | null;
tag: string;
sticky: boolean;
tile: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
lines?: "one" | "two" | "three" | undefined;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | 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;
mobile: boolean | null;
tag: string;
sticky: boolean;
tile: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
lines?: "one" | "two" | "three" | undefined;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | 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;
mobile: boolean | null;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
stacked: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
text: () => vue.VNode[];
actions: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
tile: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
lines?: "one" | "two" | "three" | undefined;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | 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;
mobile: boolean | null;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
stacked: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
tile: boolean;
density: Density;
stacked: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
lines?: "one" | "two" | "three" | undefined;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | 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;
mobile: boolean | null;
tag: string;
sticky: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
stacked: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
text: () => vue.VNode[];
actions: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
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<ClassValue>;
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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
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<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
density?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
density: StringConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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<{
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
} & {
"onUpdate:active"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:active': (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
} & {
"onUpdate:active"?: ((value: any) => any) | undefined;
}, {
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
} & {
"onUpdate:active"?: ((value: any) => any) | undefined;
}, {}, {}, {}, {}, {
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mode?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
} & {
"onUpdate:active"?: ((value: any) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:active': (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
name: string;
absolute: boolean;
height: string | number;
active: boolean;
order: string | number;
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
grow: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: {
default: never;
}) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
modelValue: {
type: null;
default: undefined;
};
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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
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: {
type: null;
default: undefined;
};
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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
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: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
inset: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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<boolean | string | 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<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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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<boolean | string | 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<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 InternalBreadcrumbItem = Partial<LinkProps> & {
title: string;
disabled?: boolean;
};
type BreadcrumbItem = string | InternalBreadcrumbItem;
declare const VBreadcrumbs: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
tile: boolean;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:title" | "v-slot:item" | "v-slot:divider">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
tile: boolean;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}, true, {}, vue.SlotsType<Partial<{
prepend: () => vue.VNode[];
title: (arg: {
item: InternalBreadcrumbItem;
index: number;
}) => vue.VNode[];
divider: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode[];
item: (arg: {
item: InternalBreadcrumbItem;
index: number;
}) => vue.VNode[];
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
tile: boolean;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
tile: boolean;
density: Density;
} & {
color?: string | undefined;
class?: any;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:prepend" | "v-slot:title" | "v-slot:item" | "v-slot:divider">, string, {
style: vue.StyleValue;
disabled: boolean;
tag: string;
divider: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
}, {}, string, vue.SlotsType<Partial<{
prepend: () => vue.VNode[];
title: (arg: {
item: InternalBreadcrumbItem;
index: number;
}) => vue.VNode[];
divider: (arg: {
item: BreadcrumbItem;
index: number;
}) => vue.VNode[];
item: (arg: {
item: InternalBreadcrumbItem;
index: number;
}) => vue.VNode[];
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends BreadcrumbItem>(props: {
items?: T[];
}, slots: {
prepend: never;
title: {
item: InternalBreadcrumbItem;
index: number;
};
divider: {
item: T;
index: number;
};
item: {
item: InternalBreadcrumbItem;
index: number;
};
default: never;
}) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
replace: boolean;
exact: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
} & {
color?: string | undefined;
title?: string | undefined;
class?: any;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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<ClassValue>;
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<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
class?: any;
divider?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
divider: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: PropType<boolean | IconValue>;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
block: BooleanConstructor;
readonly: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
active: {
type: BooleanConstructor;
default: undefined;
};
activeColor: StringConstructor;
baseColor: StringConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
flat: BooleanConstructor;
icon: PropType<boolean | IconValue>;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
block: BooleanConstructor;
readonly: BooleanConstructor;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
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;
tile: boolean;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
density: Density;
divided: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
tile: boolean;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
density: Density;
divided: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
tag: string;
tile: boolean;
density: Density;
divided: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
density: Density;
divided: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: {
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
divided: BooleanConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: {
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
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;
tile: boolean;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
} & {}, {
next: () => void;
prev: () => void;
select: (id: number, value: boolean) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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;
tile: boolean;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
} & {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
divided: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: DefaultBtnToggleSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | 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;
tile: boolean;
density: Density;
divided: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
tile: boolean;
density: Density;
divided: boolean;
} & {
max?: number | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
} & {}, {
next: () => void;
prev: () => void;
select: (id: number, value: boolean) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
divided: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: DefaultBtnToggleSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VBtnToggleSlots) => GenericProps<typeof props, typeof slots>) & 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<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
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<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
baseColor: StringConstructor;
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[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
subtitle: () => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
subtitle: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<ClassValue>;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
subtitle: () => vue.VNode[];
actions: () => vue.VNode[];
text: () => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
image: () => vue.VNode[];
item: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | undefined;
image?: string | undefined;
text?: string | number | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
hover: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
title: () => vue.VNode[];
subtitle: () => vue.VNode[];
actions: () => vue.VNode[];
text: () => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
image: () => vue.VNode[];
item: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
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<RippleDirectiveBinding["value"]>;
default: boolean;
};
subtitle: (StringConstructor | NumberConstructor)[];
text: (StringConstructor | NumberConstructor)[];
title: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
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<RippleDirectiveBinding["value"]>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}>>;
type VCardSubtitle = InstanceType<typeof VCardSubtitle>;
declare const VCardText: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}>>;
type VCardText = InstanceType<typeof VCardText>;
declare const VCardTitle: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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$4(el: HTMLElement, binding: TouchDirectiveBinding): void;
declare function unmounted$4(el: HTMLElement, binding: TouchDirectiveBinding): void;
declare const Touch: {
mounted: typeof mounted$4;
unmounted: typeof unmounted$4;
};
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;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
group: GroupProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "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;
theme?: string | undefined;
touch?: boolean | TouchHandlers | 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[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode[];
prev: (arg: {
props: ControlProps;
}) => vue.VNode[];
next: (arg: {
props: ControlProps;
}) => vue.VNode[];
}>>, {
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;
theme?: string | undefined;
touch?: boolean | TouchHandlers | 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
group: GroupProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "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[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode[];
prev: (arg: {
props: ControlProps;
}) => vue.VNode[];
next: (arg: {
props: ControlProps;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VWindowSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
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<ClassValue>;
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;
cycle: boolean;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "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;
cycle: boolean;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
cycle: boolean;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode[];
prev: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode[];
next: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode[];
item: (arg: {
props: Record<string, any>;
item: {
id: number;
value: unknown;
disabled: boolean | undefined;
};
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
cycle: boolean;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, {}, {}, {}, {
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
cycle: boolean;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
reverse: boolean;
interval: string | number;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
cycle: boolean;
mandatory: boolean | "force";
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
} & {
progress?: string | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
touch?: boolean | TouchHandlers | undefined;
verticalDelimiters?: boolean | "left" | "right" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:additional" | "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;
cycle: boolean;
mandatory: boolean | "force";
touch: boolean | TouchHandlers;
selectedClass: string;
nextIcon: IconValue;
prevIcon: IconValue;
showArrows: string | boolean;
continuous: boolean;
delimiterIcon: IconValue;
hideDelimiters: boolean;
hideDelimiterBackground: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
group: GroupProvide;
}) => vue.VNode[];
additional: (arg: {
group: GroupProvide;
}) => vue.VNode[];
prev: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode[];
next: (arg: {
props: {
icon: IconValue;
class: string;
onClick: () => void;
'aria-label': string;
};
}) => vue.VNode[];
item: (arg: {
props: Record<string, any>;
item: {
id: number;
value: unknown;
disabled: boolean | undefined;
};
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VCarouselSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
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<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<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<ClassValue>;
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<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<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;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
tile: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
tile: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
draggable: boolean | "false" | "true";
eager: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
rounded: string | number | boolean;
tile: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
class: PropType<ClassValue>;
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: null;
inline: BooleanConstructor;
absolute: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: PropType<boolean | "true" | "false">;
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<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-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;
})>;
default: string;
validator: (val: unknown) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
class: PropType<ClassValue>;
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: null;
inline: BooleanConstructor;
absolute: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: PropType<boolean | "true" | "false">;
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<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-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;
absolute: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: 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;
tile: boolean;
reverseTransition: string | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inline: boolean;
absolute: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: 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;
tile: boolean;
reverseTransition: string | boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
absolute: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
options: IntersectionObserverInit;
cover: boolean;
src: string | srcObject;
tile: boolean;
} & {
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;
alt?: string | undefined;
referrerpolicy?: "origin" | "same-origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
sizes?: string | undefined;
srcset?: string | undefined;
rounded?: string | number | boolean | undefined;
contentClass?: any;
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;
absolute: 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;
tile: boolean;
reverseTransition: string | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<ClassValue>;
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;
};
tile: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: null;
inline: BooleanConstructor;
absolute: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: vue.PropType<boolean | "true" | "false">;
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<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-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<ClassValue>;
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;
};
tile: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: null;
inline: BooleanConstructor;
absolute: BooleanConstructor;
alt: StringConstructor;
cover: BooleanConstructor;
color: StringConstructor;
draggable: {
type: vue.PropType<boolean | "true" | "false">;
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<"no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-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 | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: 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) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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 | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: 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 | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
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 | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: 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 | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: 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) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
defaultsTarget: string;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: {
default: never;
}) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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: PropType<RippleDirectiveBinding["value"]>;
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<ClassValue>;
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: PropType<RippleDirectiveBinding["value"]>;
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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
isFocused: vue.ShallowRef<boolean>;
input: Ref<HTMLInputElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | 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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
}) => VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => VNode[];
input: (arg: SelectionControlSlot) => VNode[];
}>>, {
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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | 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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
} & {}, {
isFocused: vue.ShallowRef<boolean>;
input: Ref<HTMLInputElement | undefined>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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 | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<CSSProperties>;
}) => VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => VNode[];
input: (arg: SelectionControlSlot) => VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VSelectionControlSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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: vue.PropType<RippleDirectiveBinding["value"]>;
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<ClassValue>;
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: vue.PropType<RippleDirectiveBinding["value"]>;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
'update:focused': (focused: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>, {
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
'update:focused': (focused: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null;
"onUpdate:modelValue"?: (value: T | null) => void;
}, slots: VCheckboxSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
name: StringConstructor;
type: StringConstructor;
error: BooleanConstructor;
id: 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<ClassValue>;
theme: StringConstructor;
indeterminate: BooleanConstructor;
modelValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
defaultsTarget: StringConstructor;
falseIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<{
name: StringConstructor;
type: StringConstructor;
error: BooleanConstructor;
id: 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<ClassValue>;
theme: StringConstructor;
indeterminate: BooleanConstructor;
modelValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
defaultsTarget: StringConstructor;
falseIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
'update:indeterminate': (value: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>, {
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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
indeterminate: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
baseColor?: string | undefined;
defaultsTarget?: string | undefined;
trueValue?: any;
falseValue?: any;
} & {
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
'update:indeterminate': (value: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
indeterminateIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VSelectionControlSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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<ClassValue>;
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<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
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[];
label: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
close: () => vue.VNode[];
filter: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
pill: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
replace: boolean;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
pill: boolean;
} & {
link?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
value?: any;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
href?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
label: boolean;
style: vue.StyleValue;
draggable: boolean;
disabled: boolean;
size: string | number;
tag: string;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
closable: boolean;
closeIcon: IconValue;
closeLabel: string;
filterIcon: IconValue;
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[];
label: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
close: () => vue.VNode[];
filter: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
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<ClassValue>;
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: PropType<IconValue>;
default: string;
};
label: BooleanConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
pill: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
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<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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;
};
tile: BooleanConstructor;
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<ClassValue>;
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: PropType<IconValue>;
default: string;
};
label: BooleanConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
pill: BooleanConstructor;
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, {}, {}, {}, {
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
column: boolean;
selectedClass: string;
valueComparator: typeof deepEqual;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
showArrows?: string | boolean | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue">, string, {
symbol: any;
filter: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VChipGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | 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<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "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<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
}, {
width: string | number;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
rounded: string | number | boolean;
tile: boolean;
dotSize: string | number;
modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "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<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
}, {}, {}, {}, {}, {
width: string | number;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
rounded: string | number | boolean;
tile: boolean;
dotSize: string | number;
modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa")[];
canvasHeight: string | number;
hideCanvas: boolean;
hideSliders: boolean;
hideInputs: boolean;
showSwatches: boolean;
swatchesMaxHeight: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
width: {
type: PropType<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}>> & {
"onUpdate:modelValue"?: ((color: any) => any) | undefined;
"onUpdate:mode"?: ((mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa") => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (color: any) => true;
'update:mode': (mode: keyof typeof modes) => true;
}, string, {
width: string | number;
style: vue.StyleValue;
disabled: boolean;
tag: string;
mode: "rgb" | "hex" | "rgba" | "hsl" | "hsla" | "hexa";
rounded: string | number | boolean;
tile: boolean;
dotSize: string | number;
modes: readonly ("rgb" | "hex" | "rgba" | "hsl" | "hsla" | "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<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}, vue.ExtractPropTypes<{
width: {
type: PropType<string | number>;
default: NonNullable<string | number>;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
style: {
type: PropType<vue.StyleValue>;
default: null;
};
class: PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
canvasHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: BooleanConstructor;
dotSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hideCanvas: BooleanConstructor;
hideSliders: BooleanConstructor;
hideInputs: BooleanConstructor;
mode: {
type: PropType<keyof typeof modes>;
default: string;
validator: (v: string) => boolean;
};
modes: {
type: PropType<readonly (keyof typeof modes)[]>;
default: () => string[];
validator: (v: any) => boolean;
};
showSwatches: BooleanConstructor;
swatches: PropType<DeepReadonly<Color[][]>>;
swatchesMaxHeight: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: PropType<Record<string, unknown> | string | undefined | null>;
};
}>>;
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$4<T> = T extends readonly (infer U)[] ? U : never;
declare const VCombobox: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
delimiters?: readonly string[] | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
filterMode: FilterMode;
noFilter: boolean;
filterKeys: FilterKeys;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], Item = ItemType$4<T>, ReturnObject extends boolean = true, Multiple extends boolean = false, V extends Value$1<Item, ReturnObject, Multiple> = Value$1<Item, ReturnObject, Multiple>>(props: {
items?: T;
itemTitle?: SelectItemKey<ItemType$4<T>>;
itemValue?: SelectItemKey<ItemType$4<T>>;
itemProps?: SelectItemKey<ItemType$4<T>>;
returnObject?: ReturnObject;
multiple?: Multiple;
modelValue?: V | null;
"onUpdate:modelValue"?: (value: V) => void;
}, 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<typeof props, typeof slots>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: {
type: PropType<boolean>;
default: boolean;
};
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: {
type: PropType<boolean>;
default: boolean;
};
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
customFilter: PropType<FilterFunction>;
customKeyFilter: PropType<FilterKeyFunctions>;
filterKeys: {
type: PropType<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 VConfirmEditSlots<T> = {
default: {
model: Ref<T>;
save: () => void;
cancel: () => void;
isPristine: boolean;
get actions(): (props?: {}) => VNode;
};
};
declare const VConfirmEdit: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, {
save: () => void;
cancel: () => void;
isPristine: vue.ComputedRef<boolean>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
cancel: () => true;
save: (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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>;
save: () => void;
cancel: () => void;
isPristine: boolean;
readonly actions: (props?: {}) => VNode;
}) => VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, {
save: () => void;
cancel: () => void;
isPristine: vue.ComputedRef<boolean>;
}, {}, {}, {}, {
cancelText: string;
okText: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
cancelText: string;
okText: string;
} & {
color?: string | undefined;
} & {
onCancel?: (() => any) | undefined;
}, {
save: () => void;
cancel: () => void;
isPristine: vue.ComputedRef<boolean>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
cancel: () => true;
save: (value: any) => true;
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "save">, string, {
cancelText: string;
okText: string;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
model: Ref<unknown>;
save: () => void;
cancel: () => void;
isPristine: boolean;
readonly actions: (props?: {}) => VNode;
}) => VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
"onSave"?: (value: T) => void;
}, slots: VConfirmEditSlots<T>) => GenericProps<typeof props, typeof slots>) & 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>;
type VCounterSlot = {
counter: string;
max: string | number | undefined;
value: string | number | undefined;
};
declare const VCounter: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
} & {
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
} & {
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VCounterSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
} & {
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
active: boolean;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
} & {
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: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
value: string | number;
style: vue.StyleValue;
disabled: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VCounterSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
disabled: BooleanConstructor;
max: (StringConstructor | NumberConstructor)[];
value: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
active: BooleanConstructor;
disabled: 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;
};
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: vue.ComputedRef<boolean>;
};
type DataTableCompareFunction<T = any> = (a: T, b: T) => number | null;
type DataTableHeader<T = Record<string, any>> = {
key?: 'data-table-group' | 'data-table-select' | 'data-table-expand' | (string & {});
value?: SelectItemKey<T>;
title?: string;
fixed?: boolean;
align?: 'start' | 'end' | 'center';
width?: number | string;
minWidth?: string;
maxWidth?: string;
nowrap?: boolean;
headerProps?: Record<string, any>;
cellProps?: HeaderCellProps;
sortable?: boolean;
sort?: DataTableCompareFunction;
sortRaw?: DataTableCompareFunction;
filter?: FilterFunction;
children?: DataTableHeader<T>[];
};
type InternalDataTableHeader = Omit<DataTableHeader, 'key' | 'value' | 'children'> & {
key: string | null;
value: SelectItemKey | null;
sortable: boolean;
fixedOffset?: number;
lastFixed?: boolean;
nowrap?: 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>);
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[]>;
disableSort?: Ref<boolean>;
}): {
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>(items: readonly (T | Group<T>)[]) => T[];
isGroupOpen: (group: Group) => boolean;
};
interface DataIteratorItemProps {
items: any[];
itemValue: SelectItemKey;
itemSelectable: SelectItemKey;
returnObject: boolean;
}
interface DataIteratorItem<T = any> extends GroupableItem<T>, SelectableItem {
value: unknown;
}
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;
};
type VDataIteratorSlotProps<T> = {
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<T>[];
groupedItems: readonly (DataIteratorItem<T> | Group<DataIteratorItem<T>>)[];
};
type VDataIteratorSlots<T> = {
default: VDataIteratorSlotProps<T>;
header: VDataIteratorSlotProps<T>;
footer: VDataIteratorSlotProps<T>;
loader: LoaderSlotProps;
'no-data': never;
};
declare const VDataIterator: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | 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, Omit<{
'update:modelValue': (value: any[]) => true;
'update:groupBy': (value: any) => true;
'update:page': (value: number) => true;
'update:itemsPerPage': (value: number) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:expanded': (value: any) => true;
'update:currentItems': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:loader" | "v-slot:header" | "v-slot:no-data" | "v-slot:footer">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
page: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | 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;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
header: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
footer: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'no-data': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | 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;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
page: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
} & {
search?: string | undefined;
class?: any;
customFilter?: FilterFunction | undefined;
customKeyFilter?: FilterKeyFunctions | undefined;
filterKeys?: FilterKeys | undefined;
customKeySort?: Record<string, DataTableCompareFunction> | 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, Omit<{
'update:modelValue': (value: any[]) => true;
'update:groupBy': (value: any) => true;
'update:page': (value: number) => true;
'update:itemsPerPage': (value: number) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:expanded': (value: any) => true;
'update:currentItems': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:loader" | "v-slot:header" | "v-slot:no-data" | "v-slot:footer">, string, {
page: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
};
expanded: readonly string[];
loading: boolean;
style: vue.StyleValue;
tag: string;
sortBy: readonly SortItem[];
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: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
header: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
footer: (arg: VDataIteratorSlotProps<unknown>) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'no-data': () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
items?: readonly T[];
}, slots: VDataIteratorSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
hideOnLeave: boolean;
};
};
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<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<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataIteratorItemProps["items"]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
returnObject: BooleanConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
search: StringConstructor;
loading: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
hideOnLeave: boolean;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
hideOnLeave: boolean;
};
};
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<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<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataIteratorItemProps["items"]>;
default: () => never[];
};
itemValue: {
type: vue.PropType<SelectItemKey>;
default: string;
};
itemSelectable: {
type: vue.PropType<SelectItemKey>;
default: null;
};
returnObject: BooleanConstructor;
class: vue.PropType<ClassValue>;
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;
};
declare const VDataTableHeaders: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
} & {
color?: string | undefined;
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
headerProps?: Record<string, any> | undefined;
} & {
$children?: {} | vue.VNodeChild | {
[x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
[x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
} & {
color?: string | undefined;
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
headerProps?: Record<string, any> | undefined;
} & {
$children?: {} | vue.VNodeChild | {
[x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
[x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
}, {
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
} & {
color?: string | undefined;
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
headerProps?: Record<string, any> | undefined;
} & {
$children?: {} | vue.VNodeChild | {
[x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
[x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
} & {
color?: string | undefined;
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
headerProps?: Record<string, any> | undefined;
} & {
$children?: {} | vue.VNodeChild | {
[x: `header.${string}`]: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
[x: `header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
headers?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-select'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
'header.data-table-expand'?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header.${string}`]: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:headers"?: false | ((arg: HeadersSlotProps) => vue.VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-select"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
"v-slot:header.data-table-expand"?: false | ((arg: VDataTableHeaderCellColumnSlotProps) => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
mobile: boolean | null;
sticky: boolean;
multiSort: boolean;
disableSort: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
fixedHeader: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: PropType<IconValue>;
default: string;
};
headerProps: {
type: PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
}, vue.ExtractPropTypes<{
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
fixedHeader: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: PropType<IconValue>;
default: string;
};
headerProps: {
type: PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
}>>;
type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>;
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'>;
'header.data-table-select': VDataTableHeaderCellColumnSlotProps;
'header.data-table-expand': VDataTableHeaderCellColumnSlotProps;
} & {
[key: `item.${string}`]: ItemKeySlot<T>;
[key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps;
};
declare const VDataTableRow: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
mobile: boolean | null;
} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
mobile: boolean | null;
} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
}, {
mobile: boolean | null;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
mobile: boolean | null;
} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
}, {}, {}, {}, {}, {
mobile: boolean | null;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
mobile: boolean | null;
} & {
index?: number | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
onContextmenu?: ((args_0: MouseEvent) => void) | undefined;
onDblclick?: ((args_0: MouseEvent) => void) | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "item" | "$children" | "v-slots" | "cellProps" | `v-slot:header.${string}` | `v-slot:item.${string}`>, string, {
mobile: boolean | null;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
item?: DataTableItem<T>;
cellProps?: CellProps<T>;
}, slots: VDataTableRowSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
index: NumberConstructor;
item: PropType<DataTableItem>;
cellProps: PropType<CellProps<any>>;
onClick: PropType<(args_0: MouseEvent) => void>;
onContextmenu: PropType<(args_0: MouseEvent) => void>;
onDblclick: PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
index: NumberConstructor;
item: PropType<DataTableItem>;
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<{
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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: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">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: unknown;
internalItem: DataTableItem<unknown>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
cellProps?: CellProps<any> | undefined;
rowProps?: RowProps<any> | undefined;
}, {}, {}, {}, {}, {
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
} & {
loading?: string | boolean | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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: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">, string, {
mobile: boolean | null;
noDataText: string;
loadingText: string;
hideNoData: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<unknown>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<unknown>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: unknown;
internalItem: DataTableItem<unknown>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<unknown>) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
items?: readonly (DataTableItem<T> | Group<T>)[];
}, slots: VDataTableRowsSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
loading: (StringConstructor | BooleanConstructor)[];
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
items: {
type: PropType<readonly (DataTableItem | Group)[]>;
default: () => never[];
};
noDataText: {
type: StringConstructor;
default: string;
};
rowProps: PropType<RowProps<any>>;
cellProps: PropType<CellProps<any>>;
}, vue.ExtractPropTypes<{
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
loading: (StringConstructor | BooleanConstructor)[];
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
items: {
type: PropType<readonly (DataTableItem | Group)[]>;
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$3<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTable: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:page': (value: number) => true;
'update:itemsPerPage': (value: number) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:groupBy': (value: any) => true;
'update:expanded': (value: any) => true;
'update:currentItems': (value: any) => true;
}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'footer.prepend': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:page': (value: number) => true;
'update:itemsPerPage': (value: number) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:groupBy': (value: any) => true;
'update:expanded': (value: any) => true;
'update:currentItems': (value: any) => true;
}, "headers" | "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
filterMode: FilterMode;
noFilter: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'footer.prepend': () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T;
itemValue?: SelectItemKey<ItemType$3<T>>;
rowProps?: RowProps<ItemType$3<T>>;
cellProps?: CellProps<ItemType$3<T>>;
itemSelectable?: SelectItemKey<ItemType$3<T>>;
headers?: DeepReadonly<DataTableHeader<ItemType$3<T>>[]>;
modelValue?: V;
"onUpdate:modelValue"?: (value: V) => void;
}, slots: VDataTableSlots<ItemType$3<T>>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<DeepReadonly<DataTableHeader[]>>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
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: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<DeepReadonly<DataTableHeader[]>>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
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: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
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: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
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: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
}, true, {}, vue.SlotsType<Partial<{
prepend: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
itemsPerPageText: string;
pageText: string;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
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: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
itemsPerPageText: string;
pageText: string;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
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: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
prevIcon: {
type: PropType<IconValue>;
default: string;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
firstIcon: {
type: PropType<IconValue>;
default: string;
};
lastIcon: {
type: PropType<IconValue>;
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: PropType<IconValue>;
default: string;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
firstIcon: {
type: PropType<IconValue>;
default: string;
};
lastIcon: {
type: PropType<IconValue>;
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 VDataTableFooter = InstanceType<typeof VDataTableFooter>;
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: TemplateRef;
};
};
type ItemType$2<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTableVirtual: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:groupBy': (value: any) => true;
'update:expanded': (value: any) => true;
}, "$children" | "v-slots" | "modelValue" | "items" | "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 & {
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
}, {
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
} & {
itemRef: TemplateRef;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
}, {}, {}, {}, {}, {
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:sortBy': (value: any) => true;
'update:options': (value: any) => true;
'update:groupBy': (value: any) => true;
'update:expanded': (value: any) => true;
}, "$children" | "v-slots" | "modelValue" | "items" | "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, {
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
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[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
} & {
itemRef: TemplateRef;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
colgroup: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableVirtualSlotProps<any>) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T;
itemValue?: SelectItemKey<ItemType$2<T>>;
rowProps?: RowProps<ItemType$2<T>>;
cellProps?: CellProps<ItemType$2<T>>;
itemSelectable?: SelectItemKey<ItemType$2<T>>;
modelValue?: V;
"onUpdate:modelValue"?: (value: V) => void;
}, slots: VDataTableVirtualSlots<ItemType$2<T>>) => GenericProps<typeof props, typeof slots>) & 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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<vue.DeepReadonly<DataTableHeader[]>>;
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<vue.DeepReadonly<DataTableHeader[]>>;
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
width: (StringConstructor | NumberConstructor)[];
search: StringConstructor;
loadingText: {
type: StringConstructor;
default: string;
};
hideNoData: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
}>>;
type VDataTableVirtual = InstanceType<typeof VDataTableVirtual>;
type ItemType$1<T> = T extends readonly (infer U)[] ? U : never;
declare const VDataTableServer: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:page': (page: number) => true;
'update:itemsPerPage': (page: number) => true;
'update:sortBy': (sortBy: any) => true;
'update:options': (options: any) => true;
'update:expanded': (options: any) => true;
'update:groupBy': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'footer.prepend': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
page: string | number;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
itemsLength: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
} & {
search?: string | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
color?: string | undefined;
loading?: string | boolean | undefined;
class?: any;
theme?: string | undefined;
headers?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly {
readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
readonly value?: SelectItemKey<Record<string, any>>;
readonly title?: string | undefined;
readonly fixed?: boolean | undefined;
readonly align?: ("start" | "end" | "center") | undefined;
readonly width?: (number | string) | undefined;
readonly minWidth?: string | undefined;
readonly maxWidth?: string | undefined;
readonly nowrap?: boolean | undefined;
readonly headerProps?: {
readonly [x: string]: any;
} | undefined;
readonly cellProps?: ((data: Pick<ItemKeySlot<any>, "index" | "item" | "internalItem" | "value">) => Record<string, any>) | {
readonly [x: string]: any;
} | undefined;
readonly sortable?: boolean | undefined;
readonly sort?: DataTableCompareFunction | undefined;
readonly sortRaw?: DataTableCompareFunction | undefined;
readonly filter?: FilterFunction | undefined;
readonly children?: readonly any[] | undefined;
}[] | undefined;
}[] | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | 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[]) => true;
'update:page': (page: number) => true;
'update:itemsPerPage': (page: number) => true;
'update:sortBy': (sortBy: any) => true;
'update:options': (options: any) => true;
'update:expanded': (options: any) => true;
'update:groupBy': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "items" | "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;
expanded: readonly string[];
style: vue.StyleValue;
mobile: boolean | null;
tag: string;
sticky: boolean;
noDataText: string;
loadingText: string;
itemsPerPageText: string;
sortBy: readonly SortItem[];
pageText: string;
density: Density;
valueComparator: typeof deepEqual;
nextIcon: IconValue;
prevIcon: IconValue;
selectStrategy: "all" | "page" | "single";
returnObject: boolean;
hideNoData: boolean;
hover: boolean;
multiSort: boolean;
mustSort: boolean;
groupBy: readonly SortItem[];
disableSort: boolean;
showSelect: boolean;
expandOnClick: boolean;
showExpand: boolean;
itemsPerPage: string | number;
firstIcon: IconValue;
lastIcon: IconValue;
firstPageLabel: string;
prevPageLabel: string;
nextPageLabel: string;
lastPageLabel: string;
itemsPerPageOptions: readonly (number | {
title: string;
value: number;
})[];
showCurrentPage: boolean;
fixedHeader: boolean;
sortAscIcon: IconValue;
sortDescIcon: IconValue;
fixedFooter: boolean;
hideDefaultBody: boolean;
hideDefaultFooter: boolean;
hideDefaultHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
[x: `item.${string}`]: (arg: ItemKeySlot<any>) => vue.VNode[];
[x: `header.${string}`]: (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'data-table-group': (arg: {
item: Group;
count: number;
props: Record<string, unknown>;
}) => vue.VNode[];
'data-table-select': (arg: {
props: Record<string, unknown>;
}) => vue.VNode[];
'item.data-table-select': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'item.data-table-expand': (arg: Omit<ItemKeySlot<any>, "value">) => vue.VNode[];
'header.data-table-select': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
'header.data-table-expand': (arg: VDataTableHeaderCellColumnSlotProps) => vue.VNode[];
item: (arg: {
index: number;
item: any;
internalItem: DataTableItem<any>;
isExpanded: ReturnType<typeof provideExpanded>["isExpanded"];
toggleExpand: ReturnType<typeof provideExpanded>["toggleExpand"];
isSelected: ReturnType<typeof provideSelection>["isSelected"];
toggleSelect: ReturnType<typeof provideSelection>["toggleSelect"];
} & {
columns: InternalDataTableHeader[];
} & {
props: Record<string, any>;
}) => vue.VNode[];
loading: () => vue.VNode[];
'group-header': (arg: GroupHeaderSlot) => vue.VNode[];
'no-data': () => vue.VNode[];
'expanded-row': (arg: ItemSlot$1<any>) => vue.VNode[];
headers: (arg: HeadersSlotProps) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VDataTableSlotProps<any>) => vue.VNode[];
colgroup: (arg: VDataTableSlotProps<any>) => vue.VNode[];
top: (arg: VDataTableSlotProps<any>) => vue.VNode[];
body: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tbody: (arg: VDataTableSlotProps<any>) => vue.VNode[];
thead: (arg: VDataTableSlotProps<any>) => vue.VNode[];
tfoot: (arg: VDataTableSlotProps<any>) => vue.VNode[];
bottom: (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.prepend': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'body.append': (arg: VDataTableSlotProps<any>) => vue.VNode[];
'footer.prepend': () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T extends readonly any[], V>(props: {
items?: T;
itemValue?: SelectItemKey<ItemType$1<T>>;
rowProps?: RowProps<ItemType$1<T>>;
cellProps?: CellProps<ItemType$1<T>>;
itemSelectable?: SelectItemKey<ItemType$1<T>>;
modelValue?: V;
"onUpdate:modelValue"?: (value: V) => void;
}, slots: VDataTableSlots<ItemType$1<T>>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<vue.DeepReadonly<DataTableHeader[]>>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
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: vue.PropType<IconValue>;
default: string;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
firstIcon: {
type: vue.PropType<IconValue>;
default: string;
};
lastIcon: {
type: vue.PropType<IconValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fixedHeader: BooleanConstructor;
fixedFooter: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
hover: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
color: StringConstructor;
disableSort: BooleanConstructor;
multiSort: BooleanConstructor;
sortAscIcon: {
type: vue.PropType<IconValue>;
default: string;
};
sortDescIcon: {
type: vue.PropType<IconValue>;
default: string;
};
headerProps: {
type: vue.PropType<Record<string, any>>;
};
sticky: BooleanConstructor;
sortBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
customKeySort: vue.PropType<Record<string, DataTableCompareFunction>>;
mustSort: BooleanConstructor;
showSelect: BooleanConstructor;
selectStrategy: {
type: vue.PropType<"single" | "page" | "all">;
default: string;
};
modelValue: {
type: vue.PropType<readonly any[]>;
default: () => never[];
};
valueComparator: {
type: vue.PropType<typeof deepEqual>;
default: typeof deepEqual;
};
items: {
type: vue.PropType<DataTableItemProps["items"]>;
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<vue.DeepReadonly<DataTableHeader[]>>;
groupBy: {
type: vue.PropType<readonly SortItem[]>;
default: () => never[];
};
expandOnClick: BooleanConstructor;
showExpand: BooleanConstructor;
expanded: {
type: vue.PropType<readonly string[]>;
default: () => never[];
};
hideDefaultBody: BooleanConstructor;
hideDefaultFooter: BooleanConstructor;
hideDefaultHeader: BooleanConstructor;
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;
};
type VDatePickerSlots = Omit<VPickerSlots, 'header'> & {
header: {
header: string;
transition: string;
};
};
declare const VDatePicker: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: number | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
"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-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: number | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {
active: string | string[];
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
title: () => vue.VNode[];
actions: () => vue.VNode[];
header: (arg: {
header: string;
transition: string;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: number | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
"onUpdate:month"?: ((date: any) => any) | undefined;
"onUpdate:year"?: ((date: any) => any) | undefined;
"onUpdate:viewMode"?: ((date: any) => any) | undefined;
}, {}, {}, {}, {}, {
active: string | string[];
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
} & {
max?: unknown;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
month?: string | number | undefined;
year?: number | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
"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-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:header" | "v-slot:actions">, string, {
active: string | string[];
transition: string;
header: string;
style: vue.StyleValue;
title: string;
disabled: boolean;
tag: string;
landscape: boolean;
rounded: string | number | boolean;
tile: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
reverseTransition: string;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
hideHeader: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
title: () => vue.VNode[];
actions: () => vue.VNode[];
header: (arg: {
header: string;
transition: string;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, Multiple extends boolean | "range" | number | (string & {}) = false, TModel = Multiple extends string | number | true ? T[] : T>(props: {
modelValue?: TModel;
"onUpdate:modelValue"?: (value: TModel) => void;
multiple?: Multiple;
}, slots: VDatePickerSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
modelValue: null;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
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>;
year: NumberConstructor;
disabled: BooleanConstructor;
month: (StringConstructor | NumberConstructor)[];
showAdjacentMonths: BooleanConstructor;
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, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
of<T>(...items: T[]): T[];
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
weeksInMonth: Omit<{
type: vue.PropType<"dynamic" | "static">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"static" | "dynamic">;
default: NonNullable<"static" | "dynamic">;
};
firstDayOfWeek: (StringConstructor | NumberConstructor)[];
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
hideWeekdays: BooleanConstructor;
multiple: vue.PropType<boolean | "range" | number | (string & {})>;
showWeek: BooleanConstructor;
transition: {
type: StringConstructor;
default: string;
};
reverseTransition: {
type: StringConstructor;
default: string;
};
active: {
type: vue.PropType<string | string[]>;
default: undefined;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
modeIcon: {
type: vue.PropType<IconValue>;
default: string;
};
text: StringConstructor;
viewMode: {
type: vue.PropType<"month" | "months" | "year">;
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;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
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>;
year: NumberConstructor;
disabled: BooleanConstructor;
month: (StringConstructor | NumberConstructor)[];
showAdjacentMonths: BooleanConstructor;
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, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
of<T>(...items: T[]): T[];
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
weeksInMonth: Omit<{
type: vue.PropType<"dynamic" | "static">;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"static" | "dynamic">;
default: NonNullable<"static" | "dynamic">;
};
firstDayOfWeek: (StringConstructor | NumberConstructor)[];
allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
hideWeekdays: BooleanConstructor;
multiple: vue.PropType<boolean | "range" | number | (string & {})>;
showWeek: BooleanConstructor;
transition: {
type: StringConstructor;
default: string;
};
reverseTransition: {
type: StringConstructor;
default: string;
};
active: {
type: vue.PropType<string | string[]>;
default: undefined;
};
nextIcon: {
type: vue.PropType<IconValue>;
default: string;
};
prevIcon: {
type: vue.PropType<IconValue>;
default: string;
};
modeIcon: {
type: vue.PropType<IconValue>;
default: string;
};
text: StringConstructor;
viewMode: {
type: vue.PropType<"month" | "months" | "year">;
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: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: string | boolean | string[];
nextIcon: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
disabled: string | boolean | string[];
nextIcon: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
} & {
active?: string | string[] | undefined;
text?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: IconValue;
prevIcon: IconValue;
modeIcon: IconValue;
viewMode: "month" | "year" | "months";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
active: {
type: PropType<string | string[]>;
default: undefined;
};
disabled: {
type: PropType<boolean | string | string[]>;
default: boolean;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
modeIcon: {
type: PropType<IconValue>;
default: string;
};
text: StringConstructor;
viewMode: {
type: PropType<"month" | "months" | "year">;
default: string;
};
}, vue.ExtractPropTypes<{
active: {
type: PropType<string | string[]>;
default: undefined;
};
disabled: {
type: PropType<boolean | string | string[]>;
default: boolean;
};
nextIcon: {
type: PropType<IconValue>;
default: string;
};
prevIcon: {
type: PropType<IconValue>;
default: string;
};
modeIcon: {
type: PropType<IconValue>;
default: string;
};
text: StringConstructor;
viewMode: {
type: PropType<"month" | "months" | "year">;
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?: IconValue | 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?: IconValue | 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[];
default: () => vue.VNode[];
append: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: IconValue | 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{} & {
color?: string | undefined;
transition?: string | undefined;
header?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
appendIcon?: IconValue | 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[];
default: () => vue.VNode[];
append: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
appendIcon: vue.PropType<IconValue>;
color: StringConstructor;
header: StringConstructor;
transition: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
appendIcon: vue.PropType<IconValue>;
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<{
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
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;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
$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 & {
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
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;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
$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;
}, {
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
}, true, {}, vue.SlotsType<Partial<{
day: (arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
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;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
$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, {}, {}, {}, {
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
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;
firstDayOfWeek?: string | number | undefined;
allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
} & {
$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, {
transition: string;
disabled: boolean;
reverseTransition: string;
showAdjacentMonths: boolean;
weekdays: number[];
weeksInMonth: "static" | "dynamic";
hideWeekdays: boolean;
showWeek: boolean;
}, {}, string, vue.SlotsType<Partial<{
day: (arg: {
props: {
onClick: () => void;
};
item: any;
i: number;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
max: PropType<unknown>;
min: PropType<unknown>;
disabled: BooleanConstructor;
month: (StringConstructor | NumberConstructor)[];
year: (StringConstructor | NumberConstructor)[];
modelValue: PropType<unknown[]>;
showAdjacentMonths: BooleanConstructor;
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, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
of<T>(...items: T[]): T[];
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
weeksInMonth: {
type: PropType<"dynamic" | "static">;
default: string;
};
firstDayOfWeek: (StringConstructor | NumberConstructor)[];
allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
color: StringConstructor;
hideWeekdays: BooleanConstructor;
multiple: PropType<boolean | "range" | number | (string & {})>;
showWeek: BooleanConstructor;
transition: {
type: StringConstructor;
default: string;
};
reverseTransition: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
max: PropType<unknown>;
min: PropType<unknown>;
disabled: BooleanConstructor;
month: (StringConstructor | NumberConstructor)[];
year: (StringConstructor | NumberConstructor)[];
modelValue: PropType<unknown[]>;
showAdjacentMonths: BooleanConstructor;
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, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
of<T>(...items: T[]): T[];
fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
readonly [Symbol.species]: ArrayConstructor;
};
default: () => number[];
};
weeksInMonth: {
type: PropType<"dynamic" | "static">;
default: string;
};
firstDayOfWeek: (StringConstructor | NumberConstructor)[];
allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
color: StringConstructor;
hideWeekdays: BooleanConstructor;
multiple: PropType<boolean | "range" | number | (string & {})>;
showWeek: BooleanConstructor;
transition: {
type: StringConstructor;
default: string;
};
reverseTransition: {
type: StringConstructor;
default: string;
};
}>>;
type VDatePickerMonth = InstanceType<typeof VDatePickerMonth>;
declare const VDatePickerMonths: {
new (...args: any[]): vue.CreateComponentPublicInstance<{} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
year?: number | 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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
year?: number | 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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
year?: number | 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{} & {
max?: unknown;
height?: string | number | undefined;
min?: unknown;
color?: string | undefined;
year?: number | 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) => true;
}, string, {}, {}, string, vue.SlotsType<Partial<{
month: (arg: {
month: {
text: string;
value: number;
};
i: number;
props: {
onClick: () => void;
};
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
min: PropType<unknown>;
max: PropType<unknown>;
modelValue: NumberConstructor;
year: NumberConstructor;
}, vue.ExtractPropTypes<{
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
min: PropType<unknown>;
max: PropType<unknown>;
modelValue: NumberConstructor;
year: 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) => true;
}, 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[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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) => true;
}, 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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
disabled: boolean;
scoped: boolean;
} & {
reset?: string | number | undefined;
root?: string | boolean | undefined;
defaults?: DefaultsOptions;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {};
}, {}, {}, {}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => void) & ((event: "afterLeave") => void);
$el: any;
$options: vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (value: boolean) => true;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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<boolean | string | 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<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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"auto" | Anchor | "overlap">;
default: NonNullable<"auto" | Anchor | "overlap">;
};
offset: vue.PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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<boolean | string | 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<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;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inset: boolean;
style: vue.StyleValue;
vertical: boolean;
} & {
length?: string | number | undefined;
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
thickness?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
length: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
thickness: (StringConstructor | NumberConstructor)[];
vertical: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
inset: BooleanConstructor;
length: (StringConstructor | NumberConstructor)[];
opacity: (StringConstructor | NumberConstructor)[];
thickness: (StringConstructor | NumberConstructor)[];
vertical: BooleanConstructor;
}>>;
type VDivider = InstanceType<typeof VDivider>;
declare const VEmptyState: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
} & {
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;
title?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: string | undefined;
icon?: IconValue | undefined;
href?: string | undefined;
bgColor?: string | undefined;
actionText?: string | undefined;
headline?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
actions?: ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
headline?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
media?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
actions?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
headline?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
media?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:headline"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:media"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:action"?: ((e: Event) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:action': (e: Event) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
} & {
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;
title?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: string | undefined;
icon?: IconValue | undefined;
href?: string | undefined;
bgColor?: string | undefined;
actionText?: string | undefined;
headline?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
actions?: ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
headline?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
media?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
actions?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
headline?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
media?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:headline"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:media"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:action"?: ((e: Event) => any) | undefined;
}, {
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
}, true, {}, vue.SlotsType<Partial<{
actions: (arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNode[];
default: () => vue.VNode[];
headline: () => vue.VNode[];
title: () => vue.VNode[];
media: () => vue.VNode[];
text: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
} & {
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;
title?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: string | undefined;
icon?: IconValue | undefined;
href?: string | undefined;
bgColor?: string | undefined;
actionText?: string | undefined;
headline?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
actions?: ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
headline?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
media?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
actions?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
headline?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
media?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:headline"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:media"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:action"?: ((e: Event) => any) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
} & {
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;
title?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: string | undefined;
icon?: IconValue | undefined;
href?: string | undefined;
bgColor?: string | undefined;
actionText?: string | undefined;
headline?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
actions?: ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
headline?: (() => vue.VNodeChild) | undefined;
title?: (() => vue.VNodeChild) | undefined;
media?: (() => vue.VNodeChild) | undefined;
text?: (() => vue.VNodeChild) | undefined;
};
'v-slots'?: {
actions?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
headline?: false | (() => vue.VNodeChild) | undefined;
title?: false | (() => vue.VNodeChild) | undefined;
media?: false | (() => vue.VNodeChild) | undefined;
text?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:headline"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:media"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onClick:action"?: ((e: Event) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:action': (e: Event) => true;
}, string, {
style: vue.StyleValue;
size: string | number | undefined;
justify: "center" | "end" | "start";
textWidth: string | number;
}, {}, string, vue.SlotsType<Partial<{
actions: (arg: {
props: {
onClick: (e: Event) => void;
};
}) => vue.VNode[];
default: () => vue.VNode[];
headline: () => vue.VNode[];
title: () => vue.VNode[];
media: () => vue.VNode[];
text: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
size: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: string;
}, "type" | "default"> & {
type: PropType<string | number | undefined>;
default: NonNullable<string | number> | undefined;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
actionText: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
icon: PropType<IconValue>;
image: StringConstructor;
justify: {
type: PropType<"start" | "center" | "end">;
default: string;
};
headline: StringConstructor;
title: StringConstructor;
text: StringConstructor;
textWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
href: StringConstructor;
to: StringConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
size: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: string;
}, "type" | "default"> & {
type: PropType<string | number | undefined>;
default: NonNullable<string | number> | undefined;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
actionText: StringConstructor;
bgColor: StringConstructor;
color: StringConstructor;
icon: PropType<IconValue>;
image: StringConstructor;
justify: {
type: PropType<"start" | "center" | "end">;
default: string;
};
headline: StringConstructor;
title: StringConstructor;
text: StringConstructor;
textWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
href: StringConstructor;
to: StringConstructor;
}>>;
type VEmptyState = InstanceType<typeof VEmptyState>;
declare const allowedVariants: readonly ["default", "accordion", "inset", "popout"];
type Variant = typeof allowedVariants[number];
type VExpansionPanelSlot = {
prev: () => void;
next: () => void;
};
declare const VExpansionPanels: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | ((arg: VExpansionPanelSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
next: () => void;
prev: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | ((arg: VExpansionPanelSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
modelValue: any;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VExpansionPanelSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | ((arg: VExpansionPanelSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
next: () => void;
prev: () => void;
}, {}, {}, {}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
modelValue: any;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
elevation?: string | number | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | ((arg: VExpansionPanelSlot) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: VExpansionPanelSlot) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((val: unknown) => any) | undefined;
}, {
next: () => void;
prev: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (val: unknown) => true;
}, string, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
modelValue: any;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VExpansionPanelSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
variant: {
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
};
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
theme: StringConstructor;
color: StringConstructor;
eager: BooleanConstructor;
readonly: BooleanConstructor;
static: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
bgColor: StringConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
expandIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
flat: BooleanConstructor;
}, vue.ExtractPropTypes<{
variant: {
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
};
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
theme: StringConstructor;
color: StringConstructor;
eager: BooleanConstructor;
readonly: BooleanConstructor;
static: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
bgColor: StringConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
expandIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: PropType<boolean | "force">;
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
flat: BooleanConstructor;
}>>;
type VExpansionPanels = InstanceType<typeof VExpansionPanels>;
declare const VExpansionPanel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
}, {
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;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
tag: string;
static: boolean;
focusable: boolean;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
}, {
groupItem: GroupItemProvide;
}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
}, {
groupItem: GroupItemProvide;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
title: () => vue.VNode[];
text: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
readonly: BooleanConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
eager: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
eager: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
eager: BooleanConstructor;
class: vue.PropType<ClassValue>;
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;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
readonly: boolean;
static: boolean;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
readonly: boolean;
static: boolean;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: 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;
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;
focusable: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: ExpansionPanelTitleSlot) => vue.VNode[];
actions: (arg: ExpansionPanelTitleSlot) => vue.VNode[];
}>>> & 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: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
readonly: BooleanConstructor;
}, vue.ExtractPropTypes<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
readonly: BooleanConstructor;
}>>;
type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>;
declare const VFab: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
name?: string | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
name?: string | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
name?: string | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
name?: string | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, string, {
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
offset: boolean;
exact: boolean;
absolute: boolean;
block: boolean;
active: boolean;
order: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
layout: boolean;
appear: boolean;
app: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
extended: boolean;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
location: vue.PropType<Anchor | null>;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
replace: BooleanConstructor;
flat: BooleanConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
exact: BooleanConstructor;
block: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
active: Omit<{
type: BooleanConstructor;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
value: null;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
disabled: BooleanConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
to: vue.PropType<vue_router.RouteLocationRaw>;
icon: vue.PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
selectedClass: StringConstructor;
activeColor: StringConstructor;
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
app: BooleanConstructor;
appear: BooleanConstructor;
extended: BooleanConstructor;
layout: BooleanConstructor;
offset: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
}, vue.ExtractPropTypes<{
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
location: vue.PropType<Anchor | null>;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
symbol: {
type: null;
default: vue.InjectionKey<GroupProvide>;
};
replace: BooleanConstructor;
flat: BooleanConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
exact: BooleanConstructor;
block: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
active: Omit<{
type: BooleanConstructor;
default: undefined;
}, "type" | "default"> & {
type: vue.PropType<boolean>;
default: boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
value: null;
loading: (StringConstructor | BooleanConstructor)[];
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
disabled: BooleanConstructor;
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
to: vue.PropType<vue_router.RouteLocationRaw>;
icon: vue.PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
selectedClass: StringConstructor;
activeColor: StringConstructor;
prependIcon: vue.PropType<IconValue>;
appendIcon: vue.PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
app: BooleanConstructor;
appear: BooleanConstructor;
extended: BooleanConstructor;
layout: BooleanConstructor;
offset: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: boolean;
};
}>>;
type VFab = InstanceType<typeof VFab>;
declare const VFieldLabel: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
floating: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
floating: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
floating: BooleanConstructor;
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((files: File | File[]) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (files: File | File[]) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((files: File | File[]) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
rounded: string | number | boolean;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot & VFieldSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
counter: () => vue.VNode[];
selection: (arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((files: File | File[]) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
rounded: string | number | boolean;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((files: File | File[]) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:control': (e: MouseEvent) => true;
'mousedown:control': (e: MouseEvent) => true;
'update:focused': (focused: boolean) => true;
'update:modelValue': (files: File | File[]) => true;
}, string, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
readonly: boolean | null;
messages: string | readonly string[];
counter: boolean;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: File | File[] | null;
rounded: string | number | boolean;
tile: boolean;
density: Density;
prependIcon: IconValue;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
chips: boolean;
counterSizeString: string;
counterString: string;
hideInput: boolean;
showSize: boolean | 1024 | 1000;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot & VFieldSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
counter: () => vue.VNode[];
selection: (arg: {
fileNames: string[];
totalBytes: number;
totalBytesReadable: string;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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[] | File | null>;
default: (props: any) => never[] | null;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: {
type: PropType<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;
};
hideInput: BooleanConstructor;
multiple: BooleanConstructor;
showSize: {
type: PropType<boolean | 1000 | 1024>;
default: boolean;
validator: (v: boolean | number) => boolean;
};
}, vue.ExtractPropTypes<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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[] | File | null>;
default: (props: any) => never[] | null;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
id: StringConstructor;
appendIcon: PropType<IconValue>;
prependIcon: {
type: PropType<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;
};
hideInput: BooleanConstructor;
multiple: BooleanConstructor;
showSize: {
type: PropType<boolean | 1000 | 1024>;
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;
tile: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
tile: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
absolute: boolean;
height: string | number;
order: string | number;
style: vue.StyleValue;
tag: string;
app: boolean;
tile: boolean;
} & {
name?: string | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & 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;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<ClassValue>;
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;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<ClassValue>;
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: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
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: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement & {
_allExposed: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
};
}, 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: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
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: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
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: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement & {
_allExposed: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
};
}, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
readonly: boolean;
modelValue: boolean | null;
validateOn: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
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: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
} & HTMLFormElement & {
_allExposed: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
};
}, 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: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
fastFail: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
errors: vue.Ref<{
id: number | string;
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: number | string;
validate: () => Promise<string[]>;
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
vm: vue.Raw<vue.ComponentInternalInstance>;
isValid: boolean | null;
errorMessages: string[];
}[]>;
validate: () => Promise<{
valid: boolean;
errors: {
id: number | string;
errorMessages: string[];
}[];
}>;
reset: () => void;
resetValidation: () => void;
}) => vue.VNode[];
}>>> & 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<FormProps["validateOn"]>;
default: string;
};
class: vue.PropType<ClassValue>;
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<FormProps["validateOn"]>;
default: string;
};
class: vue.PropType<ClassValue>;
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;
} & {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
} & {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
fluid: 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
fluid: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
fluid: 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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)[];
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fluid: {
type: BooleanConstructor;
default: boolean;
};
}, 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)[];
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
fluid: {
type: BooleanConstructor;
default: boolean;
};
}>>;
type VContainer = InstanceType<typeof VContainer>;
declare const ALIGN_SELF_VALUES: readonly ["auto", "start", "end", "center", "baseline", "stretch"];
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignSelf: {
type: PropType<(typeof ALIGN_SELF_VALUES)[number]>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
alignSelf: {
type: PropType<(typeof ALIGN_SELF_VALUES)[number]>;
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 ALIGN_VALUES: readonly ["start", "end", "center", "baseline", "stretch"];
declare const ALIGN_CONTENT_VALUES: readonly ["start", "end", "center", "space-between", "space-around", "space-evenly", "stretch"];
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
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<(typeof ALIGN_CONTENT_VALUES)[number]>;
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<(typeof ALIGN_CONTENT_VALUES)[number]>;
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<(typeof ALIGN_VALUES)[number]>;
default: null;
validator: (str: any) => boolean;
};
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: PropType<ClassValue>;
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<(typeof ALIGN_CONTENT_VALUES)[number]>;
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<(typeof ALIGN_CONTENT_VALUES)[number]>;
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<(typeof ALIGN_VALUES)[number]>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
} & {
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | null;
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;
} & {
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | null;
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 | null;
props: Record<string, unknown>;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
modelValue: boolean;
} & {
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | null;
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
disabled: boolean;
modelValue: boolean;
} & {
closeDelay?: string | number | undefined;
openDelay?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: {
isHovering: boolean | null;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: {
isHovering: boolean | null;
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 | null;
props: Record<string, unknown>;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
disabled: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: null;
};
}, vue.ExtractPropTypes<{
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
disabled: BooleanConstructor;
modelValue: {
type: BooleanConstructor;
default: null;
};
}>>;
type VHover = InstanceType<typeof VHover>;
declare const VIcon: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
end: boolean;
start: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
disabled: boolean;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
end: boolean;
start: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
end: boolean;
start: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
tag: string;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
disabled: boolean;
size: string | number;
tag: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & 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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: BooleanConstructor;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
disabled: BooleanConstructor;
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[];
loading: (arg: InfiniteScrollSlot) => vue.VNode[];
error: (arg: InfiniteScrollSlot) => vue.VNode[];
empty: (arg: InfiniteScrollSlot) => vue.VNode[];
'load-more': (arg: InfiniteScrollSlot) => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
loading: (arg: InfiniteScrollSlot) => vue.VNode[];
error: (arg: InfiniteScrollSlot) => vue.VNode[];
empty: (arg: InfiniteScrollSlot) => vue.VNode[];
'load-more': (arg: InfiniteScrollSlot) => vue.VNode[];
}>>> & 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<"vertical" | "horizontal">;
default: string;
validator: (v: any) => boolean;
};
side: {
type: PropType<InfiniteScrollSide>;
default: string;
validator: (v: any) => boolean;
};
mode: {
type: PropType<"intersect" | "manual">;
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<"vertical" | "horizontal">;
default: string;
validator: (v: any) => boolean;
};
side: {
type: PropType<InfiniteScrollSide>;
default: string;
validator: (v: any) => boolean;
};
mode: {
type: PropType<"intersect" | "manual">;
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;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
} & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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;
theme?: string | undefined;
mandatory?: boolean | "force" | 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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
} & {}, () => JSX.Element, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
} & {
max?: number | undefined;
class?: any;
theme?: string | undefined;
mandatory?: boolean | "force" | undefined;
} & {}, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VItemGroupSlots) => GenericProps<typeof props, typeof slots>) & 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<ClassValue>;
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<ClassValue>;
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[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
theme?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
theme?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
theme?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
text?: string | undefined;
class?: any;
theme?: string | undefined;
onClick?: ((args_0: MouseEvent) => void) | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
onClick: vue.PropType<(args_0: MouseEvent) => void>;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
class: vue.PropType<ClassValue>;
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;
} & {
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;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
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;
} & {
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;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
fullHeight: 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;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
}[]>;
}, {}, {}, {}, {
style: vue.StyleValue;
fullHeight: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
fullHeight: 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;
overlaps?: string[] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
getLayoutItem: (id: string) => {
size: number;
position: Position;
top: number;
bottom: number;
left: number;
right: number;
id: string;
} | undefined;
items: vue.ComputedRef<{
size: number;
position: Position;
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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
overlaps: vue.Prop<string[]>;
fullHeight: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
overlaps: vue.Prop<string[]>;
fullHeight: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
class: PropType<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
position: {
type: PropType<"top" | "right" | "bottom" | "left">;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
position: {
type: PropType<"top" | "right" | "bottom" | "left">;
required: true;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: BooleanConstructor;
}>>;
type VLayoutItem = InstanceType<typeof VLayoutItem>;
declare const VLazy: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, string, {
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
style: vue.StyleValue;
options: IntersectionObserverInit;
tag: string;
modelValue: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
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<ClassValue>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
};
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<ClassValue>;
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>;
declare const VLocaleProvider: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
fallbackLocale?: string | undefined;
messages?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
fallbackLocale?: string | undefined;
messages?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
fallbackLocale?: string | undefined;
messages?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
rtl: boolean;
style: vue.StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
} & {
rtl?: boolean | undefined;
class?: any;
locale?: string | undefined;
fallbackLocale?: string | undefined;
messages?: Record<string, any> | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
locale: StringConstructor;
fallbackLocale: StringConstructor;
messages: ObjectConstructor;
rtl: {
type: BooleanConstructor;
default: undefined;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
} & {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
} & {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
scrollable: 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
scrollable: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
scrollable: 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: vue.PropType<string>;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
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;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scrollable: BooleanConstructor;
}>>;
type VMain = InstanceType<typeof VMain>;
type VNavigationDrawerImageSlot = {
image: string | undefined;
};
declare const locations: readonly ["start", "end", "left", "right", "top", "bottom"];
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;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
tile: boolean;
floating: boolean;
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;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | 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;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
tile: boolean;
floating: boolean;
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;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | 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;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
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[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
image: (arg: VNavigationDrawerImageSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
tile: boolean;
floating: boolean;
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;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | 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;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
scrim: string | boolean;
touchless: boolean;
disableResizeWatcher: boolean;
disableRouteWatcher: boolean;
expandOnHover: boolean;
permanent: boolean;
rail: boolean | null;
railWidth: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: "end" | "start" | "left" | "top" | "bottom" | "right";
width: string | number;
order: string | number;
style: vue.StyleValue;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
tile: boolean;
floating: boolean;
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;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
closeDelay?: string | number | undefined;
openDelay?: string | number | 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;
mobile: boolean | null;
temporary: boolean;
persistent: boolean;
tag: string;
sticky: boolean;
modelValue: boolean | null;
rounded: string | number | boolean;
tile: boolean;
floating: boolean;
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[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
image: (arg: VNavigationDrawerImageSlot) => vue.VNode[];
}>>> & 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;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
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;
persistent: BooleanConstructor;
touchless: BooleanConstructor;
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
location: {
type: PropType<(typeof locations)[number]>;
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;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
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;
persistent: BooleanConstructor;
touchless: BooleanConstructor;
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
location: {
type: PropType<(typeof locations)[number]>;
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: "filled" | "underlined" | "outlined" | "plain" | "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;
theme?: string | undefined;
placeholder?: string | undefined;
divider?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | 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:focused"?: ((val: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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: "filled" | "underlined" | "outlined" | "plain" | "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;
theme?: string | undefined;
placeholder?: string | undefined;
divider?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | 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:focused"?: ((val: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
length: string | number;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
modelValue: string | number;
rounded: string | number | boolean;
focusAll: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
loader: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
variant: "filled" | "underlined" | "outlined" | "plain" | "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;
theme?: string | undefined;
placeholder?: string | undefined;
divider?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | 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:focused"?: ((val: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
onFinish?: ((val: string) => any) | undefined;
}, {
blur: () => void;
focus: () => void;
reset: () => void;
isFocused: vue.Ref<boolean> & {
readonly externalValue: boolean;
};
}, {}, {}, {}, {
length: string | number;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
modelValue: string | number;
rounded: string | number | boolean;
focusAll: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
length: string | number;
variant: "filled" | "underlined" | "outlined" | "plain" | "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;
theme?: string | undefined;
placeholder?: string | undefined;
divider?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | 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:focused"?: ((val: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: "number" | "text" | "password";
error: boolean;
label: string;
style: vue.StyleValue;
autofocus: boolean;
disabled: boolean;
focused: boolean;
modelValue: string | number;
rounded: string | number | boolean;
focusAll: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
variant: Omit<{
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "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<ClassValue>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
baseColor: StringConstructor;
bgColor: 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<"text" | "password" | "number">;
default: string;
};
}, vue.ExtractPropTypes<{
variant: Omit<{
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: NonNullable<"filled" | "underlined" | "outlined" | "plain" | "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<ClassValue>;
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
baseColor: StringConstructor;
bgColor: 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<"text" | "password" | "number">;
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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType<StrategyProps["location"]>;
default: string;
};
origin: {
type: PropType<StrategyProps["origin"]>;
default: string;
};
offset: PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
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<boolean | string | 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;
})>;
default: string;
validator: (val: unknown) => boolean;
};
theme: StringConstructor;
scrollStrategy: {
type: PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
locationStrategy: {
type: PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
};
location: {
type: PropType<StrategyProps["location"]>;
default: string;
};
origin: {
type: PropType<StrategyProps["origin"]>;
default: string;
};
offset: PropType<StrategyProps["offset"]>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
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<boolean | string | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
tile: boolean;
density: Density;
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;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
tile: boolean;
density: Density;
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;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
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[];
first: (arg: ControlSlot) => vue.VNode[];
prev: (arg: ControlSlot) => vue.VNode[];
next: (arg: ControlSlot) => vue.VNode[];
last: (arg: ControlSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
tile: boolean;
density: Density;
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;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
nextIcon: IconValue;
prevIcon: IconValue;
firstIcon: IconValue;
lastIcon: IconValue;
pageAriaLabel: string;
currentPageAriaLabel: string;
firstAriaLabel: string;
previousAriaLabel: string;
nextAriaLabel: string;
lastAriaLabel: string;
showFirstLastPage: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
length: string | number;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
tile: boolean;
density: Density;
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;
theme?: string | undefined;
elevation?: string | number | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
start: string | number;
style: vue.StyleValue;
ariaLabel: string;
disabled: boolean;
size: string | number;
tag: string;
ellipsis: string;
modelValue: number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
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[];
first: (arg: ControlSlot) => vue.VNode[];
prev: (arg: ControlSlot) => vue.VNode[];
next: (arg: ControlSlot) => vue.VNode[];
last: (arg: ControlSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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;
};
tile: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
placeholder: () => vue.VNode[];
error: () => vue.VNode[];
sources: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
scale: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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;
theme?: string | undefined;
indeterminate?: boolean | "disable-shrink" | 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;
theme?: string | undefined;
indeterminate?: boolean | "disable-shrink" | 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[];
}>>, {
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;
theme?: string | undefined;
indeterminate?: boolean | "disable-shrink" | 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
width: string | number;
rotate: string | number;
style: vue.StyleValue;
size: string | number;
tag: string;
modelValue: string | number;
} & {
color?: string | undefined;
class?: any;
theme?: string | undefined;
indeterminate?: boolean | "disable-shrink" | 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.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<ClassValue>;
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<ClassValue>;
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: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
bufferColor?: string | undefined;
bufferOpacity?: 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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
reverse: boolean;
max: string | number;
absolute: boolean;
location: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
bufferColor?: string | undefined;
bufferOpacity?: 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: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
value: number;
buffer: number;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
bufferColor?: string | undefined;
bufferOpacity?: 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: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
reverse: boolean;
max: string | number;
absolute: boolean;
location: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
} & {
color?: string | undefined;
opacity?: string | number | undefined;
class?: any;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
bgOpacity?: string | number | undefined;
bufferColor?: string | undefined;
bufferOpacity?: 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) => true;
}, string, {
reverse: boolean;
max: string | number;
absolute: boolean;
location: Anchor | null;
height: string | number;
active: boolean;
stream: boolean;
style: vue.StyleValue;
tag: string;
indeterminate: boolean;
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
bufferValue: string | number;
clickable: boolean;
striped: boolean;
roundedBar: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
value: number;
buffer: number;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
location: {
type: vue.PropType<Anchor | null>;
default: NonNullable<Anchor | null>;
};
class: vue.PropType<ClassValue>;
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;
};
bufferColor: StringConstructor;
bufferOpacity: (StringConstructor | NumberConstructor)[];
clickable: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
indeterminate: BooleanConstructor;
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
opacity: (StringConstructor | NumberConstructor)[];
reverse: BooleanConstructor;
stream: BooleanConstructor;
striped: BooleanConstructor;
roundedBar: BooleanConstructor;
}, vue.ExtractPropTypes<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
location: {
type: vue.PropType<Anchor | null>;
default: NonNullable<Anchor | null>;
};
class: vue.PropType<ClassValue>;
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;
};
bufferColor: StringConstructor;
bufferOpacity: (StringConstructor | NumberConstructor)[];
clickable: BooleanConstructor;
color: StringConstructor;
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
indeterminate: BooleanConstructor;
max: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
opacity: (StringConstructor | NumberConstructor)[];
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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>, {
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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
inline: boolean;
error: boolean;
style: vue.StyleValue;
disabled: boolean | null;
multiple: boolean | null;
readonly: boolean | null;
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
color?: string | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
modelValue?: any;
baseColor?: string | undefined;
defaultsTarget?: 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 | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
backgroundColorClasses: vue.Ref<string[]>;
backgroundColorStyles: vue.Ref<vue.CSSProperties>;
}) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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<ClassValue>;
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<IconValue>;
default: NonNullable<IconValue>;
};
trueIcon: {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
default: () => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
}>>, {
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
falseIcon: IconValue;
trueIcon: IconValue;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
message: (arg: VMessageSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
default: () => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null;
"onUpdate:modelValue"?: (value: T | null) => void;
}, slots: VRadioGroupSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
trueIcon: {
type: vue.PropType<IconValue>;
default: string;
};
falseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
name: StringConstructor;
inline: BooleanConstructor;
error: BooleanConstructor;
id: 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<ClassValue>;
theme: StringConstructor;
modelValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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;
};
name: StringConstructor;
inline: BooleanConstructor;
error: BooleanConstructor;
id: 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<ClassValue>;
theme: StringConstructor;
modelValue: null;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: [number, number]) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: [number, number]) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
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[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode[];
label: (arg: VInputSlot) => vue.VNode[];
}>>, {
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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: [number, number]) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: [number, number]) => any) | undefined;
onEnd?: ((value: [number, number]) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: readonly (string | number)[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
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[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode[];
label: (arg: VInputSlot) => vue.VNode[];
}>>> & 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<string | number>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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<string | number>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
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;
modelValue: string | number;
density: Density;
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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
modelValue: string | number;
density: Density;
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;
modelValue: string | number;
density: Density;
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[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
modelValue: string | number;
density: Density;
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;
modelValue: string | number;
density: Density;
ripple: boolean;
clearable: boolean;
hover: boolean;
itemAriaLabel: string;
emptyIcon: IconValue;
fullIcon: IconValue;
halfIncrements: boolean;
itemLabelPosition: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
modelValue: string | number;
density: Density;
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) => true;
}, string, {
length: string | number;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
modelValue: string | number;
density: Density;
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[];
'item-label': (arg: VRatingItemLabelSlot) => vue.VNode[];
}>>> & 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<ClassValue>;
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<ClassValue>;
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?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
};
'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?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
};
'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[];
additional: () => vue.VNode[];
}>>, {
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?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
};
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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?: any;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
additional?: (() => vue.VNodeChild) | undefined;
};
'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[];
additional: () => vue.VNode[];
}>>> & 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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: null;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
aspectRatio: (StringConstructor | NumberConstructor)[];
contentClass: null;
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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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) => true;
'update:modelValue': (value: any) => true;
'update:menu': (ue: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | undefined;
itemColor?: string | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:menu"?: ((ue: boolean) => any) | undefined;
}, any, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
valueComparator?: typeof deepEqual | 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;
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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
returnObject: boolean;
itemType: string;
}> & Omit<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
nav: boolean;
style: vue.StyleValue;
disabled: boolean;
tag: string;
lines: false | "one" | "two" | "three";
mandatory: boolean;
tile: boolean;
density: Density;
slim: boolean;
activatable: boolean;
selectable: boolean;
selectStrategy: SelectStrategyProp;
openStrategy: OpenStrategyProp;
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;
activated?: any;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
activeColor?: string | undefined;
valueComparator?: typeof deepEqual | undefined;
activeClass?: string | undefined;
activeStrategy?: ActiveStrategyProp | undefined;
collapseIcon?: IconValue | undefined;
expandIcon?: IconValue | undefined;
} & {
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "returnObject" | "itemType"> & {
items?: readonly any[] | undefined;
itemTitle?: SelectItemKey<any>;
itemValue?: SelectItemKey<any>;
itemChildren?: SelectItemKey<any>;
itemProps?: SelectItemKey<any>;
selected?: unknown;
'onUpdate:selected'?: ((value: unknown) => void) | undefined;
'onClick:open'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
'onClick:select'?: (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void;
opened?: unknown;
'onUpdate:opened'?: ((value: unknown) => void) | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
title?: ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
item?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
title?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
append?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
prepend?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: ListItemSubtitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
default?: false | (() => vue.VNodeChild) | undefined;
item?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
divider?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
subheader?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
header?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:title"?: false | ((arg: ListItemTitleSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((arg: ListItemSlot & {
item: any;
}) => vue.VNodeChild) | undefined;
"v-slot:prepend"?: false | ((arg: ListItemSlot & {
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: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:divider"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:subheader"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: {
props: InternalListItem["props"];
}) => vue.VNodeChild) | undefined;
}) | undefined;
menuProps?: (Partial<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}> & Omit<{
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "closeDelay" | "openDelay" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "submenu">) | 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) => true;
'update:modelValue': (value: any) => true;
'update:menu': (ue: boolean) => true;
}, "multiple" | "$children" | "v-slots" | "modelValue" | "items" | "v-slot:prepend" | "v-slot:append" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
type: string;
error: boolean;
active: boolean;
direction: "horizontal" | "vertical";
transition: string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
};
menu: boolean;
style: vue.StyleValue;
role: string;
autofocus: boolean;
eager: boolean;
disabled: boolean;
readonly: boolean | null;
messages: string | readonly string[];
noDataText: string;
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
itemChildren: 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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
item: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
chip: (arg: {
item: ListItem<unknown>;
index: number;
props: Record<string, unknown>;
}) => vue.VNode[];
selection: (arg: {
item: ListItem<unknown>;
index: number;
}) => vue.VNode[];
'prepend-item': () => vue.VNode[];
'append-item': () => vue.VNode[];
'no-data': () => vue.VNode[];
}>>> & 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;
itemTitle?: SelectItemKey<ItemType<T>>;
itemValue?: SelectItemKey<ItemType<T>>;
itemProps?: SelectItemKey<ItemType<T>>;
returnObject?: ReturnObject;
multiple?: Multiple;
modelValue?: V | null;
"onUpdate:modelValue"?: (value: V) => void;
}, 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<typeof props, typeof slots>) & FilterPropsOptions<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
multiple: BooleanConstructor;
noDataText: {
type: StringConstructor;
default: string;
};
openOnClear: BooleanConstructor;
itemColor: StringConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<{
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: PropType<string | boolean | (vue.TransitionProps & {
component?: Component;
}) | {
component: Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: Component;
})> | {
component: Component;
};
};
flat: BooleanConstructor;
reverse: BooleanConstructor;
variant: {
type: PropType<"filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled">;
default: string;
validator: (v: any) => boolean;
};
name: StringConstructor;
type: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
id: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
active: BooleanConstructor;
color: StringConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
validator: (v: any) => boolean;
};
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
theme: StringConstructor;
placeholder: StringConstructor;
messages: {
type: PropType<string | readonly string[]>;
default: () => never[];
};
counter: (StringConstructor | BooleanConstructor | NumberConstructor)[];
focused: BooleanConstructor;
'onUpdate:focused': PropType<(args_0: boolean) => void>;
errorMessages: {
type: PropType<string | readonly string[] | null>;
default: () => never[];
};
maxErrors: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
rules: {
type: PropType<readonly ValidationRule$1[]>;
default: () => never[];
};
modelValue: {
type: PropType<any>;
default: any;
};
validateOn: PropType<ValidationProps["validateOn"]>;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
bgColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
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>;
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<ItemProps["items"]>;
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<SelectItemKey>;
default: NonNullable<SelectItemKey>;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<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<VList["$props"]>;
};
menu: BooleanConstructor;
menuIcon: {
type: PropType<IconValue>;
default: string;
};
menuProps: {
type: PropType<VMenu["$props"]>;
};
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;
tile: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
tile: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
tile: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
tag: string;
rounded: string | number | boolean;
tile: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
tile: boolean;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
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;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: vue.PropType<Anchor | null>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
}>>;
type VSheet = InstanceType<typeof VSheet>;
type VSkeletonLoaderType = keyof typeof rootTypes;
declare const rootTypes: {
readonly actions: "button@2";
readonly article: "heading, paragraph";
readonly avatar: "avatar";
readonly button: "button";
readonly card: "image, heading";
readonly 'card-avatar': "image, list-item-avatar";
readonly chip: "chip";
readonly 'date-picker': "list-item, heading, divider, date-picker-options, date-picker-days, actions";
readonly 'date-picker-options': "text, avatar@2";
readonly 'date-picker-days': "avatar@28";
readonly divider: "divider";
readonly heading: "heading";
readonly image: "image";
readonly 'list-item': "text";
readonly 'list-item-avatar': "avatar, text";
readonly 'list-item-two-line': "sentences";
readonly 'list-item-avatar-two-line': "avatar, sentences";
readonly 'list-item-three-line': "paragraph";
readonly 'list-item-avatar-three-line': "avatar, paragraph";
readonly ossein: "ossein";
readonly paragraph: "text@3";
readonly sentences: "text@2";
readonly subtitle: "text";
readonly table: "table-heading, table-thead, table-tbody, table-tfoot";
readonly 'table-heading': "chip, text";
readonly 'table-thead': "heading@6";
readonly 'table-tbody': "table-row-divider@6";
readonly 'table-row-divider': "table-row, divider";
readonly 'table-row': "text@6";
readonly 'table-tfoot': "text@2, avatar@2";
readonly text: "text";
};
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;
theme?: string | undefined;
elevation?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
theme?: string | undefined;
elevation?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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;
theme?: string | undefined;
elevation?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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;
theme?: string | undefined;
elevation?: string | number | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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<VSkeletonLoaderType | (string & {}) | ReadonlyArray<VSkeletonLoaderType | (string & {})>>;
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<VSkeletonLoaderType | (string & {}) | ReadonlyArray<VSkeletonLoaderType | (string & {})>>;
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;
mobile: boolean | null;
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;
hasPrev: vue.ComputedRef<boolean>;
hasNext: vue.ComputedRef<boolean>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: SlideGroupSlot) => vue.VNode[];
prev: (arg: SlideGroupSlot) => vue.VNode[];
next: (arg: SlideGroupSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
hasPrev: vue.ComputedRef<boolean>;
hasNext: vue.ComputedRef<boolean>;
}, {}, {}, {}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
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;
hasPrev: vue.ComputedRef<boolean>;
hasNext: vue.ComputedRef<boolean>;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:next" | "v-slot:prev">, string, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
selectedClass: string;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: SlideGroupSlot) => vue.VNode[];
prev: (arg: SlideGroupSlot) => vue.VNode[];
next: (arg: SlideGroupSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VSlideGroupSlots) => GenericProps<typeof props, typeof slots>) & 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;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
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;
};
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
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[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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.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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: number) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((v: 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: number) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((v: 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
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[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode[];
label: (arg: VInputSlot) => vue.VNode[];
}>>, {
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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: number) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((v: 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbLabel: boolean | "always" | undefined;
thumbSize: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
tile: boolean;
density: Density;
ripple: boolean;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
showTicks: boolean | "always";
tickSize: string | number;
trackSize: string | number;
thumbSize: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: 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;
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;
} & {
onStart?: ((value: number) => any) | undefined;
onEnd?: ((value: number) => any) | undefined;
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((v: 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: string | number;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
modelValue: string | number;
rounded: string | number | boolean;
tile: boolean;
density: Density;
ripple: boolean;
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[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
'thumb-label': (arg: {
modelValue: number;
}) => vue.VNode[];
'tick-label': (arg: {
tick: Tick;
index: number;
}) => vue.VNode[];
label: (arg: VInputSlot) => vue.VNode[];
}>>> & 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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<string | number>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
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<ValidationProps["validateOn"]>;
validationValue: null;
theme: StringConstructor;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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<string | number>;
default: NonNullable<string | number>;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
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: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
timer?: string | boolean | undefined;
rounded?: string | number | boolean | 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 | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (v: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
timer?: string | boolean | undefined;
rounded?: string | number | boolean | 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 | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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[];
default: () => vue.VNode[];
actions: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
text: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
timer?: string | boolean | undefined;
rounded?: string | number | boolean | 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 | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {};
}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
multiLine: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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" | "relative" | "static" | "sticky" | undefined;
text?: string | undefined;
target?: Element | "cursor" | "parent" | (string & {}) | vue.ComponentPublicInstance | [x: number, y: number] | undefined;
class?: any;
theme?: string | undefined;
timer?: string | boolean | undefined;
rounded?: string | number | boolean | 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 | (() => vue.VNodeChild) | {
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
}) => vue.VNodeChild) | undefined;
default?: (() => vue.VNodeChild) | undefined;
actions?: ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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 | ((arg: {
isActive: Ref<boolean>;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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>;
}> & {} & vue.ComponentCustomProperties & {}, "offset" | "key" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "target" | "class" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (v: boolean) => true;
}, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
timeout: string | number;
vertical: boolean;
modelValue: boolean;
rounded: string | number | boolean;
tile: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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[];
default: () => vue.VNode[];
actions: (arg: {
isActive: Ref<boolean>;
}) => vue.VNode[];
text: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: vue.PropType<StrategyProps["offset"]>;
absolute: BooleanConstructor;
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.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<ClassValue>;
theme: StringConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: {
type: vue.PropType<StrategyProps["locationStrategy"]>;
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<boolean | string | Element>;
color: StringConstructor;
variant: {
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
multiLine: BooleanConstructor;
text: StringConstructor;
timer: (StringConstructor | BooleanConstructor)[];
timeout: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
vertical: BooleanConstructor;
}, vue.ExtractPropTypes<{
offset: vue.PropType<StrategyProps["offset"]>;
absolute: BooleanConstructor;
location: {
type: vue.PropType<StrategyProps["location"]>;
default: string;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
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;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.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<ClassValue>;
theme: StringConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: {
type: vue.PropType<StrategyProps["locationStrategy"]>;
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<boolean | string | Element>;
color: StringConstructor;
variant: {
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: vue.PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
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 SparklineItem = string | number | {
value: number;
};
declare const VSparkline: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
} & {
max?: string | number | undefined;
id?: string | undefined;
smooth?: string | number | boolean | undefined;
min?: string | number | undefined;
color?: string | undefined;
autoDrawDuration?: string | number | undefined;
} & {
$children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
default?: ((arg: void) => vue.VNodeChild) | undefined;
label?: ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: void) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: void) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
} & {
max?: string | number | undefined;
id?: string | undefined;
smooth?: string | number | boolean | undefined;
min?: string | number | undefined;
color?: string | undefined;
autoDrawDuration?: string | number | undefined;
} & {
$children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
default?: ((arg: void) => vue.VNodeChild) | undefined;
label?: ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: void) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: void) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
}, {
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: void) => vue.VNode[];
label: (arg: {
index: number;
value: string;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
} & {
max?: string | number | undefined;
id?: string | undefined;
smooth?: string | number | boolean | undefined;
min?: string | number | undefined;
color?: string | undefined;
autoDrawDuration?: string | number | undefined;
} & {
$children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
default?: ((arg: void) => vue.VNodeChild) | undefined;
label?: ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: void) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: void) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
} & {
max?: string | number | undefined;
id?: string | undefined;
smooth?: string | number | boolean | undefined;
min?: string | number | undefined;
color?: string | undefined;
autoDrawDuration?: string | number | undefined;
} & {
$children?: vue.VNodeChild | ((arg: void) => vue.VNodeChild) | {
default?: ((arg: void) => vue.VNodeChild) | undefined;
label?: ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: void) => vue.VNodeChild) | undefined;
label?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: void) => vue.VNodeChild) | undefined;
"v-slot:label"?: false | ((arg: {
index: number;
value: string;
}) => vue.VNodeChild) | undefined;
}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
fill: boolean;
type: "bar" | "trend";
height: string | number;
width: string | number;
padding: string | number;
labels: SparklineItem[];
modelValue: SparklineItem[];
gradient: string[];
itemValue: string;
autoDraw: boolean;
autoDrawEasing: string;
gradientDirection: "left" | "top" | "bottom" | "right";
labelSize: string | number;
lineWidth: string | number;
showLabels: boolean;
autoLineWidth: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: void) => vue.VNode[];
label: (arg: {
index: number;
value: string;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
autoDraw: BooleanConstructor;
autoDrawDuration: (StringConstructor | NumberConstructor)[];
autoDrawEasing: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
gradient: {
type: PropType<string[]>;
default: () => never[];
};
gradientDirection: {
type: PropType<"top" | "bottom" | "left" | "right">;
validator: (val: string) => boolean;
default: string;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
labels: {
type: PropType<SparklineItem[]>;
default: () => never[];
};
labelSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
id: StringConstructor;
itemValue: {
type: StringConstructor;
default: string;
};
modelValue: {
type: PropType<SparklineItem[]>;
default: () => never[];
};
min: (StringConstructor | NumberConstructor)[];
max: (StringConstructor | NumberConstructor)[];
padding: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showLabels: BooleanConstructor;
smooth: (StringConstructor | BooleanConstructor | NumberConstructor)[];
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
fill: BooleanConstructor;
autoLineWidth: BooleanConstructor;
type: {
type: PropType<"trend" | "bar">;
default: string;
};
}, vue.ExtractPropTypes<{
autoDraw: BooleanConstructor;
autoDrawDuration: (StringConstructor | NumberConstructor)[];
autoDrawEasing: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
gradient: {
type: PropType<string[]>;
default: () => never[];
};
gradientDirection: {
type: PropType<"top" | "bottom" | "left" | "right">;
validator: (val: string) => boolean;
default: string;
};
height: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
labels: {
type: PropType<SparklineItem[]>;
default: () => never[];
};
labelSize: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
lineWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
id: StringConstructor;
itemValue: {
type: StringConstructor;
default: string;
};
modelValue: {
type: PropType<SparklineItem[]>;
default: () => never[];
};
min: (StringConstructor | NumberConstructor)[];
max: (StringConstructor | NumberConstructor)[];
padding: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
showLabels: BooleanConstructor;
smooth: (StringConstructor | BooleanConstructor | NumberConstructor)[];
width: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
fill: BooleanConstructor;
autoLineWidth: BooleanConstructor;
type: {
type: PropType<"trend" | "bar">;
default: string;
};
}>>;
type VSparkline = InstanceType<typeof VSparkline>;
declare const VSpeedDial: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, {}, {}, {}, {
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: 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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (value: boolean) => true;
}, string, {
offset: string | number | number[] | undefined;
location: Anchor | undefined;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
};
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "none" | "block" | "close" | ((data: ScrollStrategyData, props: StrategyProps$1, scope: vue.EffectScope) => void) | "reposition";
closeDelay: string | number;
openDelay: string | number;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
scrim: string | boolean;
submenu: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: {
type: vue.PropType<string | number | number[] | undefined>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor> | undefined;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor | undefined>;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.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<ClassValue>;
theme: StringConstructor;
persistent: BooleanConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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: Omit<{
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
}, "type" | "default"> & {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
openDelay: Omit<{
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
}, "type" | "default"> & {
type: vue.PropType<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;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | Element>;
id: StringConstructor;
submenu: BooleanConstructor;
}, vue.ExtractPropTypes<{
offset: {
type: vue.PropType<string | number | number[] | undefined>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor> | undefined;
}, "type" | "default"> & {
type: vue.PropType<Anchor | undefined>;
default: NonNullable<Anchor | undefined>;
};
origin: {
type: vue.PropType<StrategyProps["origin"]>;
default: string;
};
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})> | {
component: vue.Component;
};
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
}) | {
component: vue.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<ClassValue>;
theme: StringConstructor;
persistent: BooleanConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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: Omit<{
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
}, "type" | "default"> & {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
openDelay: Omit<{
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
}, "type" | "default"> & {
type: vue.PropType<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;
scrim: Omit<{
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | Element>;
id: StringConstructor;
submenu: BooleanConstructor;
}>>;
type VSpeedDial = InstanceType<typeof VSpeedDial>;
type StepperItem = string | Record<string, any>;
type StepperItemSlot<T = any> = {
canEdit: boolean;
hasError: boolean;
hasCompleted: boolean;
title?: string | number;
subtitle?: string | number;
step: T;
};
type ValidationRule = () => string | boolean;
declare const VStepperItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: IconValue | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | ((arg: StepperItemSlot<any>) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: IconValue | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | ((arg: StepperItemSlot<any>) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => vue.VNode[];
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
title: (arg: StepperItemSlot<any>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: IconValue | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | ((arg: StepperItemSlot<any>) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, {}, {}, {}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: IconValue | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | ((arg: StepperItemSlot<any>) => vue.VNodeChild);
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => vue.VNode[];
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
title: (arg: StepperItemSlot<any>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
color: StringConstructor;
title: StringConstructor;
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: PropType<IconValue>;
default: string;
};
icon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
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: PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: PropType<IconValue>;
default: string;
};
icon: PropType<IconValue>;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
rules: {
type: PropType<readonly ValidationRule[]>;
default: () => never[];
};
}>>;
type VStepperItem = InstanceType<typeof VStepperItem>;
type VStepperSlot = {
prev: () => void;
next: () => void;
};
declare const VStepper: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
items: readonly StepperItem[];
tile: boolean;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | 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) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
items: readonly StepperItem[];
tile: boolean;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | 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 | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
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[];
[x: `item.${string}`]: (arg: StepperItem) => vue.VNode[];
actions: (arg: VStepperSlot) => vue.VNode[];
default: (arg: VStepperSlot) => vue.VNode[];
header: (arg: StepperItem) => vue.VNode[];
'header-item': (arg: StepperItemSlot) => vue.VNode[];
icon: (arg: StepperItemSlot) => vue.VNode[];
title: (arg: StepperItemSlot) => vue.VNode[];
subtitle: (arg: StepperItemSlot) => vue.VNode[];
item: (arg: StepperItem) => vue.VNode[];
prev: () => vue.VNode[];
next: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
items: readonly StepperItem[];
tile: boolean;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | 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 | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
items: readonly StepperItem[];
tile: boolean;
selectedClass: string;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | 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) => true;
}, string, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
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[];
[x: `item.${string}`]: (arg: StepperItem) => vue.VNode[];
actions: (arg: VStepperSlot) => vue.VNode[];
default: (arg: VStepperSlot) => vue.VNode[];
header: (arg: StepperItem) => vue.VNode[];
'header-item': (arg: StepperItemSlot) => vue.VNode[];
icon: (arg: StepperItemSlot) => vue.VNode[];
title: (arg: StepperItemSlot) => vue.VNode[];
subtitle: (arg: StepperItemSlot) => vue.VNode[];
item: (arg: StepperItem) => vue.VNode[];
prev: () => vue.VNode[];
next: () => vue.VNode[];
}>>> & 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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
altLabels: BooleanConstructor;
bgColor: StringConstructor;
completeIcon: PropType<IconValue>;
editIcon: PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: PropType<IconValue>;
hideActions: BooleanConstructor;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
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;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType<Anchor | null>;
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<ClassValue>;
style: {
type: PropType<vue.StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
color: StringConstructor;
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
altLabels: BooleanConstructor;
bgColor: StringConstructor;
completeIcon: PropType<IconValue>;
editIcon: PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: PropType<IconValue>;
hideActions: BooleanConstructor;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
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[];
next: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
next: (arg: {
props: {
onClick: () => void;
};
}) => vue.VNode[];
}>>> & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
class: vue.PropType<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, string, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & 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<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
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<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<ClassValue>;
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<ClassValue>;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
'update:indeterminate': (value: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:indeterminate"?: ((value: 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: VInputSlot & {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<vue.CSSProperties>;
}) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
thumb: (arg: {
icon: IconValue | undefined;
} & VSwitchSlot) => vue.VNode[];
'track-false': (arg: VSwitchSlot) => vue.VNode[];
'track-true': (arg: VSwitchSlot) => vue.VNode[];
}>>, {
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:indeterminate"?: ((value: 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
type?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
baseColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
defaultsTarget?: string | undefined;
falseIcon?: IconValue | undefined;
trueIcon?: IconValue | undefined;
trueValue?: any;
falseValue?: any;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:focused': (focused: boolean) => true;
'update:modelValue': (value: any) => true;
'update:indeterminate': (value: boolean) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
ripple: boolean | {
class: string;
} | undefined;
valueComparator: typeof deepEqual;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot & {
backgroundColorClasses: Ref<string[]>;
backgroundColorStyles: Ref<vue.CSSProperties>;
}) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
label: (arg: {
label: string | undefined;
props: Record<string, unknown>;
}) => vue.VNode[];
input: (arg: SelectionControlSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
thumb: (arg: {
icon: IconValue | undefined;
} & VSwitchSlot) => vue.VNode[];
'track-false': (arg: VSwitchSlot) => vue.VNode[];
'track-true': (arg: VSwitchSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null;
"onUpdate:modelValue"?: (value: T | null) => void;
}, slots: VSwitchSlots) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
theme: StringConstructor;
density: {
type: vue.PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: vue.PropType<ClassValue>;
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: vue.PropType<RippleDirectiveBinding["value"]>;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<ClassValue>;
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: vue.PropType<RippleDirectiveBinding["value"]>;
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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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;
tile: boolean;
} & {
name?: string | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
} & {
name?: string | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
tile: boolean;
} & {
name?: string | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
window: boolean;
absolute: boolean;
order: string | number;
style: vue.StyleValue;
tag: string;
tile: boolean;
} & {
name?: string | undefined;
height?: string | number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
tile: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<ClassValue>;
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;
};
tile: BooleanConstructor;
name: {
type: StringConstructor;
};
order: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
absolute: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
color: StringConstructor;
height: (StringConstructor | NumberConstructor)[];
window: BooleanConstructor;
}>>;
type VSystemBar = InstanceType<typeof VSystemBar>;
declare const VTab: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode[]) | undefined;
prepend?: (() => vue.VNode[]) | undefined;
append?: (() => vue.VNode[]) | undefined;
loader?: (() => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "theme" | "ref" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
_allExposed: {
group: GroupItemProvide | null;
} | {};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode[]) | undefined;
prepend?: (() => vue.VNode[]) | undefined;
append?: (() => vue.VNode[]) | undefined;
loader?: (() => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "theme" | "ref" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
_allExposed: {
group: GroupItemProvide | null;
} | {};
}, {}, {}, {}, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
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;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
activeColor?: string | 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}> & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: (() => vue.VNode[]) | undefined;
prepend?: (() => vue.VNode[]) | undefined;
append?: (() => vue.VNode[]) | undefined;
loader?: (() => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "group:selected", val: {
value: boolean;
}) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
symbol: any;
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
block: boolean;
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
tile: boolean;
density: Density;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
} & {
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
value?: any;
loading?: string | boolean | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
to?: vue_router.RouteLocationRaw | undefined;
icon?: boolean | IconValue | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
selectedClass?: string | undefined;
activeColor?: 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" | "theme" | "ref" | "to" | "icon" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "v-slot:prepend" | "v-slot:append" | "baseColor" | "selectedClass" | "onGroup:selected" | "activeColor" | "prependIcon" | "appendIcon" | ("symbol" | "replace" | "flat" | "variant" | "exact" | "block" | "active" | "style" | "disabled" | "size" | "readonly" | "tag" | "rounded" | "tile" | "density" | "slim" | "stacked" | "ripple") | "v-slot:loader">, `$${any}`> & {
_allExposed: {
group: GroupItemProvide | null;
} | {};
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
replace: boolean;
fixed: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
size: string | number;
readonly: boolean;
tag: string;
rounded: string | number | boolean;
tile: boolean;
density: Density;
selectedClass: string;
slim: boolean;
stacked: boolean;
ripple: boolean | {
class: string;
} | undefined;
hideSlider: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
prepend: () => vue.VNode[];
append: () => vue.VNode[];
loader: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
replace: BooleanConstructor;
variant: Omit<Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: 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;
};
readonly: BooleanConstructor;
class: PropType<ClassValue>;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
to: PropType<vue_router.RouteLocationRaw>;
icon: PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
activeColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
fixed: BooleanConstructor;
sliderColor: StringConstructor;
hideSlider: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
}, vue.ExtractPropTypes<{
replace: BooleanConstructor;
variant: Omit<Omit<{
type: PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: 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;
};
readonly: BooleanConstructor;
class: PropType<ClassValue>;
theme: StringConstructor;
tag: Omit<{
type: StringConstructor;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
to: PropType<vue_router.RouteLocationRaw>;
icon: PropType<boolean | IconValue>;
href: StringConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
baseColor: StringConstructor;
selectedClass: {
type: PropType<string>;
default: string;
};
activeColor: StringConstructor;
prependIcon: PropType<IconValue>;
appendIcon: PropType<IconValue>;
slim: BooleanConstructor;
stacked: BooleanConstructor;
ripple: {
type: PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
fixed: BooleanConstructor;
sliderColor: StringConstructor;
hideSlider: BooleanConstructor;
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
}>>;
type VTab = InstanceType<typeof VTab>;
type TabItem = string | number | Record<string, any>;
type VTabsSlot<T> = {
item: T;
};
type VTabsSlots<T> = {
default: never;
tab: VTabsSlot<T>;
item: VTabsSlot<T>;
window: never;
} & {
[key: `tab.${string}`]: VTabsSlot<T>;
[key: `item.${string}`]: VTabsSlot<T>;
};
declare const VTabs: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
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;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (v: unknown) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
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;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
density: Density;
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<{
[x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
[x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
default: () => vue.VNode[];
tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
item: (arg: VTabsSlot<unknown>) => vue.VNode[];
window: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
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;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, {}, {}, {}, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
density: Density;
selectedClass: string;
stacked: boolean;
centerActive: boolean;
nextIcon: IconValue;
prevIcon: IconValue;
grow: boolean;
hideSlider: boolean;
alignTabs: "center" | "end" | "start" | "title";
fixedTabs: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
symbol: any;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
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;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
bgColor?: string | undefined;
showArrows?: string | boolean | undefined;
sliderColor?: string | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (v: unknown) => true;
}, "$children" | "v-slots" | "v-slot:default" | "items" | "v-slot:item" | `v-slot:item.${string}` | "v-slot:window" | "v-slot:tab" | `v-slot:tab.${string}`>, string, {
symbol: any;
height: string | number;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
tag: string;
mandatory: boolean | "force";
modelValue: any;
density: Density;
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<{
[x: `tab.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
[x: `item.${string}`]: (arg: VTabsSlot<unknown>) => vue.VNode[];
default: () => vue.VNode[];
tab: (arg: VTabsSlot<unknown>) => vue.VNode[];
item: (arg: VTabsSlot<unknown>) => vue.VNode[];
window: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T = TabItem>(props: {
items?: T;
}, slots: VTabsSlots<T>) => GenericProps<typeof props, typeof slots>) & 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<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: Omit<{
type: PropType<string>;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
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<"start" | "title" | "center" | "end">;
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<boolean | "force">;
default: NonNullable<boolean | "force">;
};
max: NumberConstructor;
selectedClass: Omit<{
type: PropType<string>;
default: string;
}, "type" | "default"> & {
type: PropType<string>;
default: string;
};
disabled: BooleanConstructor;
mobile: Omit<{
type: PropType<boolean | null>;
default: boolean;
}, "type" | "default"> & {
type: PropType<boolean | null>;
default: NonNullable<boolean | null> | null;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
class: PropType<ClassValue>;
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<"start" | "title" | "center" | "end">;
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 VTabsWindow: {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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) => true;
}, string, {
reverse: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean;
tag: string;
selectedClass: string;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & 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<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
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<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
modelValue: null;
selectedClass: {
type: StringConstructor;
default: string;
};
}>>;
type VTabsWindow = InstanceType<typeof VTabsWindow>;
declare const VTabsWindowItem: {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<ClassValue>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
reverseTransition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
transition: {
type: (StringConstructor | BooleanConstructor)[];
default: undefined;
};
}>>;
type VTabsWindowItem = InstanceType<typeof VTabsWindowItem>;
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[];
top: () => vue.VNode[];
bottom: () => vue.VNode[];
wrapper: () => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
top: () => vue.VNode[];
bottom: () => vue.VNode[];
wrapper: () => vue.VNode[];
}>>> & 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<ClassValue>;
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<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | true | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, 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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | true | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
counter: (arg: VCounterSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | true | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
autoGrow: boolean;
noResize: boolean;
rows: string | number;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | true | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {};
}, 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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
counter: (arg: VCounterSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<true | number | string>;
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;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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<true | number | string>;
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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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-slots" | "v-slot:default" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VFieldSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {
controlRef: vue.Ref<HTMLElement | undefined>;
} | {};
}, 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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => any) | undefined;
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
"onMousedown:control"?: ((e: MouseEvent) => any) | undefined;
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
default: () => vue.VNode[];
counter: (arg: VCounterSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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-slots" | "v-slot:default" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VFieldSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {
controlRef: vue.Ref<HTMLElement | undefined>;
} | {};
}, {}, {}, {}, {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
tile: boolean;
density: Density;
clearIcon: IconValue;
hideSpinButtons: boolean;
persistentHint: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
persistentPlaceholder: boolean;
persistentCounter: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
color?: string | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
loading?: string | boolean | undefined;
label?: string | undefined;
prefix?: string | undefined;
role?: string | undefined;
class?: any;
theme?: string | undefined;
placeholder?: string | undefined;
counter?: string | number | boolean | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
modelValue?: any;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | 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;
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?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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 | ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => 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:focused"?: ((focused: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((val: string) => 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
prepend?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
append?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
details?: ((arg: VInputSlot) => vue.VNode[]) | undefined;
message?: ((arg: VMessageSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | 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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, {
reset: () => Promise<void>;
resetValidation: () => Promise<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-slots" | "v-slot:default" | "modelValue" | "v-slot:prepend" | "v-slot:append" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
message: (arg: VMessageSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
error: boolean;
direction: "horizontal" | "vertical";
style: vue.StyleValue;
disabled: boolean | null;
readonly: boolean | null;
messages: string | readonly string[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
density: Density;
centerAffix: boolean;
hideSpinButtons: boolean;
persistentHint: boolean;
} & {
name?: string | undefined;
id?: string | undefined;
width?: string | number | undefined;
maxWidth?: string | number | undefined;
minWidth?: string | number | undefined;
label?: string | undefined;
class?: any;
theme?: string | undefined;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
validateOn?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
hint?: string | undefined;
hideDetails?: boolean | "auto" | undefined;
} & {}, "reset" | "isValid" | "errorMessages" | "validate" | "resetValidation"> & vue.ShallowUnwrapRef<{
reset: () => Promise<void>;
resetValidation: () => Promise<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>, "name" | "key" | "id" | "width" | "maxWidth" | "minWidth" | "label" | "class" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "validateOn" | "validationValue" | "onUpdate:modelValue" | "v-slot:prepend" | "v-slot:append" | "prependIcon" | "appendIcon" | "onClick:append" | "onClick:prepend" | "v-slot:message" | "hint" | "hideDetails" | "v-slot:details" | ("error" | "direction" | "style" | "disabled" | "readonly" | "messages" | "focused" | "errorMessages" | "maxErrors" | "rules" | "density" | "centerAffix" | "hideSpinButtons" | "persistentHint")>, `$${any}`> & Omit<Omit<{
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}> & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: (((args_0: boolean) => void) & ((focused: boolean) => any)) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
centerAffix?: boolean | undefined;
} & {
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
}, "flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
clear?: ((arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
'prepend-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
'append-inner'?: ((arg: DefaultInputSlot) => vue.VNode[]) | undefined;
label?: ((arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[]) | undefined;
loader?: ((arg: LoaderSlotProps) => vue.VNode[]) | undefined;
default?: ((arg: VFieldSlot) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: (event: "update:focused", focused: boolean) => void;
$el: any;
$options: vue.ComponentOptionsBase<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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-slots" | "v-slot:default" | "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" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
rounded: string | number | boolean;
tile: boolean;
clearIcon: IconValue;
centerAffix: boolean;
clearable: boolean;
dirty: boolean;
persistentClear: boolean;
singleLine: boolean;
}, {}, string, vue.SlotsType<Partial<{
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
default: (arg: VFieldSlot) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
flat: boolean;
reverse: boolean;
variant: "filled" | "underlined" | "outlined" | "plain" | "solo" | "solo-inverted" | "solo-filled";
error: boolean;
active: boolean;
style: vue.StyleValue;
disabled: boolean;
focused: boolean;
tile: boolean;
clearIcon: IconValue;
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;
'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
rounded?: string | number | boolean | undefined;
baseColor?: string | undefined;
bgColor?: 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;
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" | "theme" | "ref" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:focused" | "modelValue" | "onUpdate:modelValue" | "baseColor" | "bgColor" | "v-slot:loader" | "v-slot:label" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | ("flat" | "reverse" | "variant" | "error" | "active" | "style" | "disabled" | "focused" | "rounded" | "tile" | "clearIcon" | "centerAffix" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`> & {
_allExposed: {
reset: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
isValid: vue.ComputedRef<boolean | null>;
errorMessages: vue.ComputedRef<string[]>;
} | {
controlRef: vue.Ref<HTMLElement | undefined>;
} | {};
}, 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" | "underlined" | "outlined" | "plain" | "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[];
focused: boolean;
errorMessages: string | readonly string[] | null;
maxErrors: string | number;
rules: readonly ValidationRule$1[];
rounded: string | number | boolean;
tile: boolean;
density: Density;
clearIcon: IconValue;
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[];
clear: (arg: DefaultInputSlot & {
props: Record<string, any>;
}) => vue.VNode[];
details: (arg: VInputSlot) => vue.VNode[];
label: (arg: DefaultInputSlot & {
label: string | undefined;
props: Record<string, any>;
}) => vue.VNode[];
append: (arg: VInputSlot) => vue.VNode[];
prepend: (arg: VInputSlot) => vue.VNode[];
loader: (arg: LoaderSlotProps) => vue.VNode[];
'prepend-inner': (arg: DefaultInputSlot) => vue.VNode[];
'append-inner': (arg: DefaultInputSlot) => vue.VNode[];
default: () => vue.VNode[];
counter: (arg: VCounterSlot) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
theme: StringConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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;
};
tile: BooleanConstructor;
loading: (StringConstructor | BooleanConstructor)[];
class: PropType<ClassValue>;
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" | "underlined" | "outlined" | "plain" | "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<ValidationProps["validateOn"]>;
validationValue: null;
width: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
tag: string;
withBackground: boolean;
} & {
class?: any;
theme?: string | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
withBackground: BooleanConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
theme: StringConstructor;
class: vue.PropType<ClassValue>;
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;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
theme?: string | undefined;
align?: TimelineAlign | undefined;
side?: TimelineSide;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
theme?: string | undefined;
align?: TimelineAlign | undefined;
side?: TimelineSide;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: string | number;
lineThickness: string | number;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
theme?: string | undefined;
align?: TimelineAlign | undefined;
side?: TimelineSide;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: string | number;
lineThickness: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
lineInset: string | number;
lineThickness: string | number;
} & {
direction?: TimelineDirection | undefined;
class?: any;
theme?: string | undefined;
align?: TimelineAlign | undefined;
side?: TimelineSide;
dotColor?: string | undefined;
iconColor?: string | undefined;
lineColor?: string | undefined;
hideOpposite?: boolean | undefined;
truncateLine?: TimelineTruncateLine;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
size: string | number;
tag: string;
justify: string;
density: Density;
fillDot: boolean;
hideOpposite: boolean;
lineInset: string | number;
lineThickness: string | number;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & 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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
dotColor: StringConstructor;
fillDot: BooleanConstructor;
iconColor: StringConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
lineInset: {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
align: Prop<TimelineAlign>;
direction: Prop<TimelineDirection>;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop<TimelineSide>;
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<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
dotColor: StringConstructor;
fillDot: BooleanConstructor;
iconColor: StringConstructor;
hideOpposite: {
type: BooleanConstructor;
default: undefined;
};
lineInset: {
type: vue.PropType<string | number>;
default: NonNullable<string | number>;
};
align: Prop<TimelineAlign>;
direction: Prop<TimelineDirection>;
justify: {
type: StringConstructor;
default: string;
validator: (v: any) => boolean;
};
side: Prop<TimelineSide>;
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;
tile: boolean;
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;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | 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;
tile: boolean;
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;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | 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;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
icon: () => vue.VNode[];
opposite: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
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;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | 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;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
size: string | number;
tag: string;
tile: boolean;
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;
dotColor?: string | undefined;
iconColor?: string | undefined;
hideOpposite?: boolean | undefined;
lineInset?: string | number | 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;
tile: boolean;
fillDot: boolean;
hideDot: boolean;
hideOpposite: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
icon: () => vue.VNode[];
opposite: () => vue.VNode[];
}>>> & 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;
};
tile: 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)[];
class: PropType<ClassValue>;
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;
};
tile: 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)[];
class: PropType<ClassValue>;
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[];
text: () => vue.VNode[];
}>>, {
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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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[];
text: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}, vue.ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
text: StringConstructor;
}>>;
type VToolbarTitle = InstanceType<typeof VToolbarTitle>;
declare const VToolbarItems: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
} & {
color?: string | undefined;
class?: any;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
style: vue.StyleValue;
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: vue.PropType<Variant$2>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
class: vue.PropType<ClassValue>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
}>>;
type VToolbarItems = InstanceType<typeof VToolbarItems>;
declare const VTooltip: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "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: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (value: boolean) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "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: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
}, {
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "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: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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>;
} | {};
}, {}, {}, {}, {
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
scrollStrategy: "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: 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}> & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
onAfterEnter?: (() => any) | 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
default?: ((arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[]) | undefined;
activator?: ((arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[]) | undefined;
}>;
$root: vue.ComponentPublicInstance | null;
$parent: vue.ComponentPublicInstance | null;
$emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click:outside", e: MouseEvent) => void) & ((event: "afterEnter") => 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;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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;
afterEnter: () => true;
afterLeave: () => true;
}, string, {
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
_disableGlobalStack: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
renderTriggered?: ((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: vue.WatchOptions): vue.WatchStopHandle;
} & Omit<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
zIndex: string | number;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
persistent: boolean;
modelValue: boolean;
locationStrategy: "connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => 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>;
targetRef: TemplateRef;
}) => vue.VNodeChild) | undefined;
} & {
onAfterEnter?: (() => any) | undefined;
onAfterLeave?: (() => any) | undefined;
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
}, "target" | "contentEl" | "activatorEl" | "scrimEl" | "animateClick" | "globalTop" | "localTop" | "updateLocation"> & vue.ShallowUnwrapRef<{
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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" | "theme" | "ref" | "onAfterEnter" | "onAfterLeave" | "$children" | "v-slots" | "v-slot:default" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "onUpdate:modelValue" | "contentClass" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "style" | "eager" | "disabled" | "persistent" | "modelValue" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "scrim" | "_disableGlobalStack")>, `$${any}`> & {
_allExposed: {
activatorEl: vue.Ref<HTMLElement | undefined>;
scrimEl: 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, {
'update:modelValue': (value: boolean) => true;
}, string, {
offset: string | number | number[] | undefined;
location: Anchor;
origin: "auto" | Anchor | "overlap";
minWidth: string | number;
transition: string | boolean | (vue.TransitionProps & {
component?: vue.Component;
});
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>>) => undefined | {
updateLocation: (e?: Event) => void;
});
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;
scrim: string | boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
offset: {
type: vue.PropType<string | number | number[] | undefined>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor>;
default: NonNullable<Anchor>;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"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<string | number>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.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: {
type: vue.PropType<boolean>;
default: boolean;
};
disabled: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | Element>;
id: StringConstructor;
text: StringConstructor;
}, vue.ExtractPropTypes<{
offset: {
type: vue.PropType<string | number | number[] | undefined>;
default: NonNullable<string | number | number[] | undefined>;
};
location: Omit<{
type: vue.PropType<StrategyProps["location"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<Anchor>;
default: NonNullable<Anchor>;
};
origin: Omit<{
type: vue.PropType<StrategyProps["origin"]>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<"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<string | number>;
default: NonNullable<string | number>;
};
opacity: (StringConstructor | NumberConstructor)[];
transition: Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "type" | "default"> & {
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component;
})>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.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: {
type: vue.PropType<boolean>;
default: boolean;
};
disabled: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
modelValue: BooleanConstructor;
contentClass: null;
activator: vue.PropType<Element | "parent" | (string & {}) | vue.ComponentPublicInstance | undefined>;
locationStrategy: Omit<{
type: vue.PropType<StrategyProps["locationStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
default: NonNullable<"connected" | "static" | ((data: LocationStrategyData, props: StrategyProps, contentStyles: vue.Ref<Record<string, string>>) => undefined | {
updateLocation: (e?: Event) => void;
})>;
};
scrollStrategy: Omit<{
type: vue.PropType<StrategyProps$1["scrollStrategy"]>;
default: string;
validator: (val: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"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<string | boolean>;
default: NonNullable<string | boolean>;
};
attach: vue.PropType<boolean | string | 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?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
} & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | 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: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
validationClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
}) => vue.VNode[];
}>>, {
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?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | 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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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?: ("eager" | "lazy" | ("input" | "blur" | "submit" | "invalid-input") | "input lazy" | "blur lazy" | "submit lazy" | "invalid-input lazy" | "input eager" | "blur eager" | "submit eager" | "invalid-input eager" | "lazy input" | "lazy blur" | "lazy submit" | "lazy invalid-input" | "eager input" | "eager blur" | "eager submit" | "eager invalid-input") | undefined;
validationValue?: any;
} & {}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[] | undefined, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (value: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "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: () => Promise<void>;
resetValidation: () => Promise<void>;
validate: (silent?: boolean) => Promise<string[]>;
validationClasses: vue.ComputedRef<{
[x: string]: boolean;
}>;
}) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>(props: {
modelValue?: T | null;
"onUpdate:modelValue"?: (value: T | null) => void;
}, slots: VValidationSlots) => GenericProps<typeof props, typeof slots>) & 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<ValidationProps["validateOn"]>;
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<ValidationProps["validateOn"]>;
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;
}, {
calculateVisibleItems: () => void;
scrollToIndex: (index: number) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "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[];
}>>, {
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;
}, {
calculateVisibleItems: () => void;
scrollToIndex: (index: number) => void;
}, {}, {}, {}, {
style: vue.StyleValue;
itemHeight: string | number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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;
}, {
calculateVisibleItems: () => void;
scrollToIndex: (index: number) => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slots" | "v-slot:default" | "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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T, Renderless extends boolean = false>(props: {
items?: readonly T[];
renderless?: Renderless;
}, slots: {
default: VVirtualScrollSlot<T> & (Renderless extends true ? {
itemRef: Ref<HTMLElement | undefined>;
} : {});
}) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: PropType<ClassValue>;
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<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & 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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
eager: BooleanConstructor;
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
class: vue.PropType<ClassValue>;
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<ClassValue>;
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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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 | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
origin: string | undefined;
disabled: boolean;
group: boolean;
mode: string | undefined;
hideOnLeave: boolean;
leaveAbsolute: boolean;
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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.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;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
mode: {
type: vue.PropType<"in-out" | "out-in" | "default">;
default: string;
};
disabled: BooleanConstructor;
group: BooleanConstructor;
}, vue.ExtractPropTypes<{
mode: {
type: vue.PropType<"in-out" | "out-in" | "default">;
default: string;
};
disabled: BooleanConstructor;
group: BooleanConstructor;
}>>;
type VExpandTransition = InstanceType<typeof VExpandTransition>;
declare const VExpandXTransition: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
}, true, {}, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
disabled: boolean;
group: boolean;
mode: "default" | "in-out" | "out-in";
} & {} & {
$children?: vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
} | (() => vue.VNodeChild);
'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;
group: boolean;
mode: "default" | "in-out" | "out-in";
}, {}, string, vue.SlotsType<Partial<{
default: () => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
mode: {
type: vue.PropType<"in-out" | "out-in" | "default">;
default: string;
};
disabled: BooleanConstructor;
group: BooleanConstructor;
}, vue.ExtractPropTypes<{
mode: {
type: vue.PropType<"in-out" | "out-in" | "default">;
default: string;
};
disabled: BooleanConstructor;
group: BooleanConstructor;
}>>;
type VExpandXTransition = InstanceType<typeof VExpandXTransition>;
//# sourceMappingURL=index.d.ts.map
declare const index_d$1_VAlert: typeof VAlert;
declare const index_d$1_VAlertTitle: typeof VAlertTitle;
declare const index_d$1_VApp: typeof VApp;
declare const index_d$1_VAppBar: typeof VAppBar;
declare const index_d$1_VAppBarNavIcon: typeof VAppBarNavIcon;
declare const index_d$1_VAppBarTitle: typeof VAppBarTitle;
declare const index_d$1_VAutocomplete: typeof VAutocomplete;
declare const index_d$1_VAvatar: typeof VAvatar;
declare const index_d$1_VBadge: typeof VBadge;
declare const index_d$1_VBanner: typeof VBanner;
declare const index_d$1_VBannerActions: typeof VBannerActions;
declare const index_d$1_VBannerText: typeof VBannerText;
declare const index_d$1_VBottomNavigation: typeof VBottomNavigation;
declare const index_d$1_VBottomSheet: typeof VBottomSheet;
declare const index_d$1_VBreadcrumbs: typeof VBreadcrumbs;
declare const index_d$1_VBreadcrumbsDivider: typeof VBreadcrumbsDivider;
declare const index_d$1_VBreadcrumbsItem: typeof VBreadcrumbsItem;
declare const index_d$1_VBtn: typeof VBtn;
declare const index_d$1_VBtnGroup: typeof VBtnGroup;
declare const index_d$1_VBtnToggle: typeof VBtnToggle;
declare const index_d$1_VCard: typeof VCard;
declare const index_d$1_VCardActions: typeof VCardActions;
declare const index_d$1_VCardItem: typeof VCardItem;
declare const index_d$1_VCardSubtitle: typeof VCardSubtitle;
declare const index_d$1_VCardText: typeof VCardText;
declare const index_d$1_VCardTitle: typeof VCardTitle;
declare const index_d$1_VCarousel: typeof VCarousel;
declare const index_d$1_VCarouselItem: typeof VCarouselItem;
declare const index_d$1_VCheckbox: typeof VCheckbox;
declare const index_d$1_VCheckboxBtn: typeof VCheckboxBtn;
declare const index_d$1_VChip: typeof VChip;
declare const index_d$1_VChipGroup: typeof VChipGroup;
declare const index_d$1_VClassIcon: typeof VClassIcon;
declare const index_d$1_VCode: typeof VCode;
declare const index_d$1_VCol: typeof VCol;
declare const index_d$1_VColorPicker: typeof VColorPicker;
declare const index_d$1_VCombobox: typeof VCombobox;
declare const index_d$1_VComponentIcon: typeof VComponentIcon;
declare const index_d$1_VConfirmEdit: typeof VConfirmEdit;
declare const index_d$1_VContainer: typeof VContainer;
declare const index_d$1_VCounter: typeof VCounter;
declare const index_d$1_VDataIterator: typeof VDataIterator;
declare const index_d$1_VDataTable: typeof VDataTable;
declare const index_d$1_VDataTableFooter: typeof VDataTableFooter;
declare const index_d$1_VDataTableHeaders: typeof VDataTableHeaders;
declare const index_d$1_VDataTableRow: typeof VDataTableRow;
declare const index_d$1_VDataTableRows: typeof VDataTableRows;
declare const index_d$1_VDataTableServer: typeof VDataTableServer;
declare const index_d$1_VDataTableVirtual: typeof VDataTableVirtual;
declare const index_d$1_VDatePicker: typeof VDatePicker;
declare const index_d$1_VDatePickerControls: typeof VDatePickerControls;
declare const index_d$1_VDatePickerHeader: typeof VDatePickerHeader;
declare const index_d$1_VDatePickerMonth: typeof VDatePickerMonth;
declare const index_d$1_VDatePickerMonths: typeof VDatePickerMonths;
declare const index_d$1_VDatePickerYears: typeof VDatePickerYears;
declare const index_d$1_VDefaultsProvider: typeof VDefaultsProvider;
declare const index_d$1_VDialog: typeof VDialog;
declare const index_d$1_VDialogBottomTransition: typeof VDialogBottomTransition;
declare const index_d$1_VDialogTopTransition: typeof VDialogTopTransition;
declare const index_d$1_VDialogTransition: typeof VDialogTransition;
declare const index_d$1_VDivider: typeof VDivider;
declare const index_d$1_VEmptyState: typeof VEmptyState;
declare const index_d$1_VExpandTransition: typeof VExpandTransition;
declare const index_d$1_VExpandXTransition: typeof VExpandXTransition;
declare const index_d$1_VExpansionPanel: typeof VExpansionPanel;
declare const index_d$1_VExpansionPanelText: typeof VExpansionPanelText;
declare const index_d$1_VExpansionPanelTitle: typeof VExpansionPanelTitle;
declare const index_d$1_VExpansionPanels: typeof VExpansionPanels;
declare const index_d$1_VFab: typeof VFab;
declare const index_d$1_VFabTransition: typeof VFabTransition;
declare const index_d$1_VFadeTransition: typeof VFadeTransition;
declare const index_d$1_VField: typeof VField;
declare const index_d$1_VFieldLabel: typeof VFieldLabel;
declare const index_d$1_VFileInput: typeof VFileInput;
declare const index_d$1_VFooter: typeof VFooter;
declare const index_d$1_VForm: typeof VForm;
declare const index_d$1_VHover: typeof VHover;
declare const index_d$1_VIcon: typeof VIcon;
declare const index_d$1_VImg: typeof VImg;
declare const index_d$1_VInfiniteScroll: typeof VInfiniteScroll;
declare const index_d$1_VInput: typeof VInput;
declare const index_d$1_VItem: typeof VItem;
declare const index_d$1_VItemGroup: typeof VItemGroup;
declare const index_d$1_VKbd: typeof VKbd;
declare const index_d$1_VLabel: typeof VLabel;
declare const index_d$1_VLayout: typeof VLayout;
declare const index_d$1_VLayoutItem: typeof VLayoutItem;
declare const index_d$1_VLazy: typeof VLazy;
declare const index_d$1_VLigatureIcon: typeof VLigatureIcon;
declare const index_d$1_VList: typeof VList;
declare const index_d$1_VListGroup: typeof VListGroup;
declare const index_d$1_VListImg: typeof VListImg;
declare const index_d$1_VListItem: typeof VListItem;
declare const index_d$1_VListItemAction: typeof VListItemAction;
declare const index_d$1_VListItemMedia: typeof VListItemMedia;
declare const index_d$1_VListItemSubtitle: typeof VListItemSubtitle;
declare const index_d$1_VListItemTitle: typeof VListItemTitle;
declare const index_d$1_VListSubheader: typeof VListSubheader;
declare const index_d$1_VLocaleProvider: typeof VLocaleProvider;
declare const index_d$1_VMain: typeof VMain;
declare const index_d$1_VMenu: typeof VMenu;
declare const index_d$1_VMessages: typeof VMessages;
declare const index_d$1_VNavigationDrawer: typeof VNavigationDrawer;
declare const index_d$1_VNoSsr: typeof VNoSsr;
declare const index_d$1_VOtpInput: typeof VOtpInput;
declare const index_d$1_VOverlay: typeof VOverlay;
declare const index_d$1_VPagination: typeof VPagination;
declare const index_d$1_VParallax: typeof VParallax;
declare const index_d$1_VProgressCircular: typeof VProgressCircular;
declare const index_d$1_VProgressLinear: typeof VProgressLinear;
declare const index_d$1_VRadio: typeof VRadio;
declare const index_d$1_VRadioGroup: typeof VRadioGroup;
declare const index_d$1_VRangeSlider: typeof VRangeSlider;
declare const index_d$1_VRating: typeof VRating;
declare const index_d$1_VResponsive: typeof VResponsive;
declare const index_d$1_VRow: typeof VRow;
declare const index_d$1_VScaleTransition: typeof VScaleTransition;
declare const index_d$1_VScrollXReverseTransition: typeof VScrollXReverseTransition;
declare const index_d$1_VScrollXTransition: typeof VScrollXTransition;
declare const index_d$1_VScrollYReverseTransition: typeof VScrollYReverseTransition;
declare const index_d$1_VScrollYTransition: typeof VScrollYTransition;
declare const index_d$1_VSelect: typeof VSelect;
declare const index_d$1_VSelectionControl: typeof VSelectionControl;
declare const index_d$1_VSelectionControlGroup: typeof VSelectionControlGroup;
declare const index_d$1_VSheet: typeof VSheet;
declare const index_d$1_VSkeletonLoader: typeof VSkeletonLoader;
declare const index_d$1_VSlideGroup: typeof VSlideGroup;
declare const index_d$1_VSlideGroupItem: typeof VSlideGroupItem;
declare const index_d$1_VSlideXReverseTransition: typeof VSlideXReverseTransition;
declare const index_d$1_VSlideXTransition: typeof VSlideXTransition;
declare const index_d$1_VSlideYReverseTransition: typeof VSlideYReverseTransition;
declare const index_d$1_VSlideYTransition: typeof VSlideYTransition;
declare const index_d$1_VSlider: typeof VSlider;
declare const index_d$1_VSnackbar: typeof VSnackbar;
declare const index_d$1_VSpacer: typeof VSpacer;
declare const index_d$1_VSparkline: typeof VSparkline;
declare const index_d$1_VSpeedDial: typeof VSpeedDial;
declare const index_d$1_VStepper: typeof VStepper;
declare const index_d$1_VStepperActions: typeof VStepperActions;
declare const index_d$1_VStepperHeader: typeof VStepperHeader;
declare const index_d$1_VStepperItem: typeof VStepperItem;
declare const index_d$1_VStepperWindow: typeof VStepperWindow;
declare const index_d$1_VStepperWindowItem: typeof VStepperWindowItem;
declare const index_d$1_VSvgIcon: typeof VSvgIcon;
declare const index_d$1_VSwitch: typeof VSwitch;
declare const index_d$1_VSystemBar: typeof VSystemBar;
declare const index_d$1_VTab: typeof VTab;
declare const index_d$1_VTable: typeof VTable;
declare const index_d$1_VTabs: typeof VTabs;
declare const index_d$1_VTabsWindow: typeof VTabsWindow;
declare const index_d$1_VTabsWindowItem: typeof VTabsWindowItem;
declare const index_d$1_VTextField: typeof VTextField;
declare const index_d$1_VTextarea: typeof VTextarea;
declare const index_d$1_VThemeProvider: typeof VThemeProvider;
declare const index_d$1_VTimeline: typeof VTimeline;
declare const index_d$1_VTimelineItem: typeof VTimelineItem;
declare const index_d$1_VToolbar: typeof VToolbar;
declare const index_d$1_VToolbarItems: typeof VToolbarItems;
declare const index_d$1_VToolbarTitle: typeof VToolbarTitle;
declare const index_d$1_VTooltip: typeof VTooltip;
declare const index_d$1_VValidation: typeof VValidation;
declare const index_d$1_VVirtualScroll: typeof VVirtualScroll;
declare const index_d$1_VWindow: typeof VWindow;
declare const index_d$1_VWindowItem: typeof VWindowItem;
declare namespace index_d$1 {
export type { index_d$1_VAlert as VAlert, index_d$1_VAlertTitle as VAlertTitle, index_d$1_VApp as VApp, index_d$1_VAppBar as VAppBar, index_d$1_VAppBarNavIcon as VAppBarNavIcon, index_d$1_VAppBarTitle as VAppBarTitle, index_d$1_VAutocomplete as VAutocomplete, index_d$1_VAvatar as VAvatar, index_d$1_VBadge as VBadge, index_d$1_VBanner as VBanner, index_d$1_VBannerActions as VBannerActions, index_d$1_VBannerText as VBannerText, index_d$1_VBottomNavigation as VBottomNavigation, index_d$1_VBottomSheet as VBottomSheet, index_d$1_VBreadcrumbs as VBreadcrumbs, index_d$1_VBreadcrumbsDivider as VBreadcrumbsDivider, index_d$1_VBreadcrumbsItem as VBreadcrumbsItem, index_d$1_VBtn as VBtn, index_d$1_VBtnGroup as VBtnGroup, index_d$1_VBtnToggle as VBtnToggle, index_d$1_VCard as VCard, index_d$1_VCardActions as VCardActions, index_d$1_VCardItem as VCardItem, index_d$1_VCardSubtitle as VCardSubtitle, index_d$1_VCardText as VCardText, index_d$1_VCardTitle as VCardTitle, index_d$1_VCarousel as VCarousel, index_d$1_VCarouselItem as VCarouselItem, index_d$1_VCheckbox as VCheckbox, index_d$1_VCheckboxBtn as VCheckboxBtn, index_d$1_VChip as VChip, index_d$1_VChipGroup as VChipGroup, index_d$1_VClassIcon as VClassIcon, index_d$1_VCode as VCode, index_d$1_VCol as VCol, index_d$1_VColorPicker as VColorPicker, index_d$1_VCombobox as VCombobox, index_d$1_VComponentIcon as VComponentIcon, index_d$1_VConfirmEdit as VConfirmEdit, index_d$1_VContainer as VContainer, index_d$1_VCounter as VCounter, index_d$1_VDataIterator as VDataIterator, index_d$1_VDataTable as VDataTable, index_d$1_VDataTableFooter as VDataTableFooter, index_d$1_VDataTableHeaders as VDataTableHeaders, index_d$1_VDataTableRow as VDataTableRow, index_d$1_VDataTableRows as VDataTableRows, index_d$1_VDataTableServer as VDataTableServer, index_d$1_VDataTableVirtual as VDataTableVirtual, index_d$1_VDatePicker as VDatePicker, index_d$1_VDatePickerControls as VDatePickerControls, index_d$1_VDatePickerHeader as VDatePickerHeader, index_d$1_VDatePickerMonth as VDatePickerMonth, index_d$1_VDatePickerMonths as VDatePickerMonths, index_d$1_VDatePickerYears as VDatePickerYears, index_d$1_VDefaultsProvider as VDefaultsProvider, index_d$1_VDialog as VDialog, index_d$1_VDialogBottomTransition as VDialogBottomTransition, index_d$1_VDialogTopTransition as VDialogTopTransition, index_d$1_VDialogTransition as VDialogTransition, index_d$1_VDivider as VDivider, index_d$1_VEmptyState as VEmptyState, index_d$1_VExpandTransition as VExpandTransition, index_d$1_VExpandXTransition as VExpandXTransition, index_d$1_VExpansionPanel as VExpansionPanel, index_d$1_VExpansionPanelText as VExpansionPanelText, index_d$1_VExpansionPanelTitle as VExpansionPanelTitle, index_d$1_VExpansionPanels as VExpansionPanels, index_d$1_VFab as VFab, index_d$1_VFabTransition as VFabTransition, index_d$1_VFadeTransition as VFadeTransition, index_d$1_VField as VField, index_d$1_VFieldLabel as VFieldLabel, index_d$1_VFileInput as VFileInput, index_d$1_VFooter as VFooter, index_d$1_VForm as VForm, index_d$1_VHover as VHover, index_d$1_VIcon as VIcon, index_d$1_VImg as VImg, index_d$1_VInfiniteScroll as VInfiniteScroll, index_d$1_VInput as VInput, index_d$1_VItem as VItem, index_d$1_VItemGroup as VItemGroup, index_d$1_VKbd as VKbd, index_d$1_VLabel as VLabel, index_d$1_VLayout as VLayout, index_d$1_VLayoutItem as VLayoutItem, index_d$1_VLazy as VLazy, index_d$1_VLigatureIcon as VLigatureIcon, index_d$1_VList as VList, index_d$1_VListGroup as VListGroup, index_d$1_VListImg as VListImg, index_d$1_VListItem as VListItem, index_d$1_VListItemAction as VListItemAction, index_d$1_VListItemMedia as VListItemMedia, index_d$1_VListItemSubtitle as VListItemSubtitle, index_d$1_VListItemTitle as VListItemTitle, index_d$1_VListSubheader as VListSubheader, index_d$1_VLocaleProvider as VLocaleProvider, index_d$1_VMain as VMain, index_d$1_VMenu as VMenu, index_d$1_VMessages as VMessages, index_d$1_VNavigationDrawer as VNavigationDrawer, index_d$1_VNoSsr as VNoSsr, index_d$1_VOtpInput as VOtpInput, index_d$1_VOverlay as VOverlay, index_d$1_VPagination as VPagination, index_d$1_VParallax as VParallax, index_d$1_VProgressCircular as VProgressCircular, index_d$1_VProgressLinear as VProgressLinear, index_d$1_VRadio as VRadio, index_d$1_VRadioGroup as VRadioGroup, index_d$1_VRangeSlider as VRangeSlider, index_d$1_VRating as VRating, index_d$1_VResponsive as VResponsive, index_d$1_VRow as VRow, index_d$1_VScaleTransition as VScaleTransition, index_d$1_VScrollXReverseTransition as VScrollXReverseTransition, index_d$1_VScrollXTransition as VScrollXTransition, index_d$1_VScrollYReverseTransition as VScrollYReverseTransition, index_d$1_VScrollYTransition as VScrollYTransition, index_d$1_VSelect as VSelect, index_d$1_VSelectionControl as VSelectionControl, index_d$1_VSelectionControlGroup as VSelectionControlGroup, index_d$1_VSheet as VSheet, index_d$1_VSkeletonLoader as VSkeletonLoader, index_d$1_VSlideGroup as VSlideGroup, index_d$1_VSlideGroupItem as VSlideGroupItem, index_d$1_VSlideXReverseTransition as VSlideXReverseTransition, index_d$1_VSlideXTransition as VSlideXTransition, index_d$1_VSlideYReverseTransition as VSlideYReverseTransition, index_d$1_VSlideYTransition as VSlideYTransition, index_d$1_VSlider as VSlider, index_d$1_VSnackbar as VSnackbar, index_d$1_VSpacer as VSpacer, index_d$1_VSparkline as VSparkline, index_d$1_VSpeedDial as VSpeedDial, index_d$1_VStepper as VStepper, index_d$1_VStepperActions as VStepperActions, index_d$1_VStepperHeader as VStepperHeader, index_d$1_VStepperItem as VStepperItem, index_d$1_VStepperWindow as VStepperWindow, index_d$1_VStepperWindowItem as VStepperWindowItem, index_d$1_VSvgIcon as VSvgIcon, index_d$1_VSwitch as VSwitch, index_d$1_VSystemBar as VSystemBar, index_d$1_VTab as VTab, index_d$1_VTable as VTable, index_d$1_VTabs as VTabs, index_d$1_VTabsWindow as VTabsWindow, index_d$1_VTabsWindowItem as VTabsWindowItem, index_d$1_VTextField as VTextField, index_d$1_VTextarea as VTextarea, index_d$1_VThemeProvider as VThemeProvider, index_d$1_VTimeline as VTimeline, index_d$1_VTimelineItem as VTimelineItem, index_d$1_VToolbar as VToolbar, index_d$1_VToolbarItems as VToolbarItems, index_d$1_VToolbarTitle as VToolbarTitle, index_d$1_VTooltip as VTooltip, index_d$1_VValidation as VValidation, index_d$1_VVirtualScroll as VVirtualScroll, index_d$1_VWindow as VWindow, index_d$1_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;
beforeUnmount(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$3(el: HTMLElement, binding: ObserveDirectiveBinding): void;
declare function unmounted$3(el: HTMLElement, binding: ObserveDirectiveBinding): void;
declare const Intersect: {
mounted: typeof mounted$3;
unmounted: typeof unmounted$3;
};
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$2(el: HTMLElement, binding: MutationDirectiveBinding): void;
declare function unmounted$2(el: HTMLElement, binding: MutationDirectiveBinding): void;
declare const Mutate: {
mounted: typeof mounted$2;
unmounted: typeof unmounted$2;
};
interface ResizeDirectiveBinding extends Omit<DirectiveBinding, 'modifiers'> {
value: () => void;
modifiers?: {
active?: boolean;
quiet?: boolean;
};
}
declare function mounted$1(el: HTMLElement, binding: ResizeDirectiveBinding): void;
declare function unmounted$1(el: HTMLElement, binding: ResizeDirectiveBinding): void;
declare const Resize: {
mounted: typeof mounted$1;
unmounted: typeof unmounted$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;
};
declare const CustomDirectiveSymbol: unique symbol;
type DirectiveHook<B extends DirectiveBinding> = (el: any, binding: B, vnode: VNode<any, any>, prevVNode: VNode<any, any>) => void;
interface CustomDirective<B extends DirectiveBinding = DirectiveBinding> {
created?: DirectiveHook<B>;
beforeMount?: DirectiveHook<B>;
mounted?: DirectiveHook<B>;
beforeUpdate?: DirectiveHook<B>;
updated?: DirectiveHook<B>;
beforeUnmount?: DirectiveHook<B>;
unmounted?: DirectiveHook<B>;
[CustomDirectiveSymbol]: true;
}
interface TooltipDirectiveBinding extends Omit<DirectiveBinding<string>, 'arg' | 'value'> {
arg?: {
[T in Anchor]: T extends `${infer A} ${infer B}` ? `${A}-${B}` : T;
}[Anchor];
value: boolean | string | Record<string, any>;
}
declare const Tooltip: CustomDirective<TooltipDirectiveBinding>;
//# 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_Tooltip: typeof Tooltip;
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_Tooltip as Tooltip, index_d_Touch as Touch };
}
declare const createVuetify: {
(options?: VuetifyOptions): {
install: (app: vue.App) => void;
defaults: vue.Ref<DefaultsInstance>;
display: DisplayInstance;
theme: ThemeInstance & {
install: (app: vue.App) => void;
};
icons: InternalIconOptions;
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;
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, firstDayOfWeek?: number | string) => unknown;
endOfWeek: (date: unknown) => unknown;
startOfMonth: (date: unknown) => unknown;
endOfMonth: (date: unknown) => unknown;
startOfYear: (date: unknown) => unknown;
endOfYear: (date: unknown) => unknown;
isAfter: (date: unknown, comparing: unknown) => boolean;
isAfterDay: (value: unknown, comparing: unknown) => boolean;
isSameDay: (date: unknown, comparing: unknown) => boolean;
isSameMonth: (date: unknown, comparing: unknown) => boolean;
isSameYear: (value: unknown, comparing: unknown) => boolean;
isBefore: (date: unknown, comparing: unknown) => boolean;
isEqual: (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) => number;
getWeekArray: (date: unknown, firstDayOfWeek?: number | string) => unknown[][];
getWeekdays: (firstDayOfWeek?: number | string) => string[];
getMonth: (date: unknown) => number;
setMonth: (date: unknown, month: number) => unknown;
getDate: (date: unknown) => number;
setDate: (date: unknown, day: number) => unknown;
getNextMonth: (date: unknown) => unknown;
getPreviousMonth: (date: unknown) => unknown;
getHours: (date: unknown) => number;
setHours: (date: unknown, hours: number) => unknown;
getMinutes: (date: unknown) => number;
setMinutes: (date: unknown, minutes: number) => unknown;
};
};
goTo: GoToInstance;
};
version: string;
};
declare const version: string;
export { type DateInstance, type DefaultsInstance, type DisplayBreakpoint, type DisplayInstance, type DisplayThresholds, type GoToInstance, type IconAliases, type IconOptions, type IconProps, type IconSet, type JSXComponent, type LocaleInstance, type LocaleMessages, type LocaleOptions, type RtlInstance, type RtlOptions, type SubmitEventPromise, type ThemeDefinition, type ThemeInstance, index_d$2 as blueprints, index_d$1 as components, createVuetify, index_d as directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };
/* eslint-disable local-rules/sort-imports */
import 'vue/jsx'
import type { UnwrapNestedRefs } from 'vue'
// These already exist in scope in the final bundle
declare global {
namespace JSX {
interface ElementChildrenAttribute {
$children: {}
}
}
}
declare module 'vue' {
interface Vuetify {
defaults: DefaultsInstance
display: UnwrapNestedRefs<DisplayInstance>
theme: UnwrapNestedRefs<ThemeInstance>
icons: IconOptions
locale: UnwrapNestedRefs<LocaleInstance & RtlInstance>
date: DateInstance
}
export interface ComponentCustomProperties {
$vuetify: Vuetify
}
export interface HTMLAttributes {
$children?: VNodeChild
}
export interface SVGAttributes {
$children?: VNodeChild
}
export interface GlobalComponents {
VApp: typeof import('vuetify/components')['VApp']
VAlert: typeof import('vuetify/components')['VAlert']
VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
VAppBar: typeof import('vuetify/components')['VAppBar']
VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
VAvatar: typeof import('vuetify/components')['VAvatar']
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
VBtn: typeof import('vuetify/components')['VBtn']
VBanner: typeof import('vuetify/components')['VBanner']
VBannerActions: typeof import('vuetify/components')['VBannerActions']
VBannerText: typeof import('vuetify/components')['VBannerText']
VBadge: typeof import('vuetify/components')['VBadge']
VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
VChip: typeof import('vuetify/components')['VChip']
VCard: typeof import('vuetify/components')['VCard']
VCardActions: typeof import('vuetify/components')['VCardActions']
VCardItem: typeof import('vuetify/components')['VCardItem']
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
VCardText: typeof import('vuetify/components')['VCardText']
VCardTitle: typeof import('vuetify/components')['VCardTitle']
VCarousel: typeof import('vuetify/components')['VCarousel']
VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
VCheckbox: typeof import('vuetify/components')['VCheckbox']
VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
VCombobox: typeof import('vuetify/components')['VCombobox']
VCode: typeof import('vuetify/components')['VCode']
VColorPicker: typeof import('vuetify/components')['VColorPicker']
VChipGroup: typeof import('vuetify/components')['VChipGroup']
VDataTable: typeof import('vuetify/components')['VDataTable']
VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
VCounter: typeof import('vuetify/components')['VCounter']
VDivider: typeof import('vuetify/components')['VDivider']
VDialog: typeof import('vuetify/components')['VDialog']
VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
VDatePicker: typeof import('vuetify/components')['VDatePicker']
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
VFab: typeof import('vuetify/components')['VFab']
VField: typeof import('vuetify/components')['VField']
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
VEmptyState: typeof import('vuetify/components')['VEmptyState']
VFileInput: typeof import('vuetify/components')['VFileInput']
VImg: typeof import('vuetify/components')['VImg']
VIcon: typeof import('vuetify/components')['VIcon']
VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
VClassIcon: typeof import('vuetify/components')['VClassIcon']
VItemGroup: typeof import('vuetify/components')['VItemGroup']
VItem: typeof import('vuetify/components')['VItem']
VKbd: typeof import('vuetify/components')['VKbd']
VFooter: typeof import('vuetify/components')['VFooter']
VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
VLabel: typeof import('vuetify/components')['VLabel']
VInput: typeof import('vuetify/components')['VInput']
VList: typeof import('vuetify/components')['VList']
VListGroup: typeof import('vuetify/components')['VListGroup']
VListImg: typeof import('vuetify/components')['VListImg']
VListItem: typeof import('vuetify/components')['VListItem']
VListItemAction: typeof import('vuetify/components')['VListItemAction']
VListItemMedia: typeof import('vuetify/components')['VListItemMedia']
VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
VListSubheader: typeof import('vuetify/components')['VListSubheader']
VMessages: typeof import('vuetify/components')['VMessages']
VMain: typeof import('vuetify/components')['VMain']
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
VOtpInput: typeof import('vuetify/components')['VOtpInput']
VMenu: typeof import('vuetify/components')['VMenu']
VOverlay: typeof import('vuetify/components')['VOverlay']
VPagination: typeof import('vuetify/components')['VPagination']
VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
VRating: typeof import('vuetify/components')['VRating']
VSelect: typeof import('vuetify/components')['VSelect']
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
VSlider: typeof import('vuetify/components')['VSlider']
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
VSystemBar: typeof import('vuetify/components')['VSystemBar']
VStepper: typeof import('vuetify/components')['VStepper']
VStepperActions: typeof import('vuetify/components')['VStepperActions']
VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
VStepperItem: typeof import('vuetify/components')['VStepperItem']
VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
VSnackbar: typeof import('vuetify/components')['VSnackbar']
VSwitch: typeof import('vuetify/components')['VSwitch']
VTab: typeof import('vuetify/components')['VTab']
VTabs: typeof import('vuetify/components')['VTabs']
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
VTextarea: typeof import('vuetify/components')['VTextarea']
VTable: typeof import('vuetify/components')['VTable']
VSheet: typeof import('vuetify/components')['VSheet']
VTextField: typeof import('vuetify/components')['VTextField']
VTimeline: typeof import('vuetify/components')['VTimeline']
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
VToolbar: typeof import('vuetify/components')['VToolbar']
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
VWindow: typeof import('vuetify/components')['VWindow']
VWindowItem: typeof import('vuetify/components')['VWindowItem']
VTooltip: typeof import('vuetify/components')['VTooltip']
VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
VDataIterator: typeof import('vuetify/components')['VDataIterator']
VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
VForm: typeof import('vuetify/components')['VForm']
VContainer: typeof import('vuetify/components')['VContainer']
VCol: typeof import('vuetify/components')['VCol']
VRow: typeof import('vuetify/components')['VRow']
VSpacer: typeof import('vuetify/components')['VSpacer']
VHover: typeof import('vuetify/components')['VHover']
VLazy: typeof import('vuetify/components')['VLazy']
VLayout: typeof import('vuetify/components')['VLayout']
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
VNoSsr: typeof import('vuetify/components')['VNoSsr']
VParallax: typeof import('vuetify/components')['VParallax']
VRadio: typeof import('vuetify/components')['VRadio']
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
VResponsive: typeof import('vuetify/components')['VResponsive']
VSparkline: typeof import('vuetify/components')['VSparkline']
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
VValidation: typeof import('vuetify/components')['VValidation']
VFabTransition: typeof import('vuetify/components')['VFabTransition']
VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
VFadeTransition: typeof import('vuetify/components')['VFadeTransition']
VScaleTransition: typeof import('vuetify/components')['VScaleTransition']
VScrollXTransition: typeof import('vuetify/components')['VScrollXTransition']
VScrollXReverseTransition: typeof import('vuetify/components')['VScrollXReverseTransition']
VScrollYTransition: typeof import('vuetify/components')['VScrollYTransition']
VScrollYReverseTransition: typeof import('vuetify/components')['VScrollYReverseTransition']
VSlideXTransition: typeof import('vuetify/components')['VSlideXTransition']
VSlideXReverseTransition: typeof import('vuetify/components')['VSlideXReverseTransition']
VSlideYTransition: typeof import('vuetify/components')['VSlideYTransition']
VSlideYReverseTransition: typeof import('vuetify/components')['VSlideYReverseTransition']
VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
VCalendar: typeof import('vuetify/labs/components')['VCalendar']
VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
VPicker: typeof import('vuetify/labs/components')['VPicker']
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
VTreeview: typeof import('vuetify/labs/components')['VTreeview']
VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
VDateInput: typeof import('vuetify/labs/components')['VDateInput']
}
}