vuetify
Version:
Vue Material Component Framework
1,312 lines (1,303 loc) • 60.7 kB
text/typescript
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, DirectiveBinding, PropType } from 'vue';
type ClassValue = any;
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'}`;
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
}
declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
type Breakpoint = typeof breakpoints[number];
type DisplayBreakpoint = 'xs' | Breakpoint;
interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
value?: boolean | {
class: string;
};
modifiers: {
center?: boolean;
circle?: boolean;
stop?: boolean;
};
}
type StepperItem = string | Record<string, any>;
type StepperItemSlot = {
canEdit: boolean;
hasError: boolean;
hasCompleted: boolean;
title?: string | number;
subtitle?: string | number;
step: any;
};
type ValidationRule = () => string | boolean;
declare const VStepperItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot) => vue.VNode[];
icon: (arg: StepperItemSlot) => vue.VNode[];
title: (arg: StepperItemSlot) => vue.VNode[];
subtitle: (arg: StepperItemSlot) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, {}, {}, {}, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
icon?: string | undefined;
selectedClass?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
} & {
"onGroup:selected"?: ((val: {
value: boolean;
}) => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'group:selected': (val: {
value: boolean;
}) => true;
}, string, {
error: boolean;
complete: boolean;
disabled: boolean;
rules: readonly ValidationRule[];
ripple: boolean | {
class: string;
} | undefined;
completeIcon: string;
editable: boolean;
editIcon: string;
errorIcon: string;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot) => vue.VNode[];
icon: (arg: StepperItemSlot) => vue.VNode[];
title: (arg: StepperItemSlot) => vue.VNode[];
subtitle: (arg: StepperItemSlot) => 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: StringConstructor;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: StringConstructor;
default: string;
};
icon: StringConstructor;
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: StringConstructor;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: StringConstructor;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: StringConstructor;
default: string;
};
icon: StringConstructor;
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" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: string | undefined;
editIcon?: string | undefined;
errorIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => 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" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: string | undefined;
editIcon?: string | undefined;
errorIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean | 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" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: string | undefined;
editIcon?: string | undefined;
errorIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, {}, {}, {}, {
flat: boolean;
style: vue.StyleValue;
mobile: boolean | 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" | "static" | "sticky" | "relative" | undefined;
class?: any;
elevation?: string | number | undefined;
theme?: string | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
modelValue?: any;
rounded?: string | number | boolean | undefined;
bgColor?: string | undefined;
completeIcon?: string | undefined;
editIcon?: string | undefined;
errorIcon?: string | undefined;
} & {
$children?: vue.VNodeChild | {
[x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: (() => vue.VNodeChild) | undefined;
next?: (() => vue.VNodeChild) | undefined;
} | ((arg: VStepperSlot) => vue.VNodeChild);
'v-slots'?: {
[x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
actions?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
default?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
header?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
'header-item'?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
prev?: false | (() => vue.VNodeChild) | undefined;
next?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
[x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
[x: `v-slot:item.${string}`]: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
} & {
"onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
}, {
prev: () => void;
next: () => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'update:modelValue': (v: unknown) => 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" | "static" | "sticky" | "relative">;
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: StringConstructor;
editIcon: StringConstructor;
editable: BooleanConstructor;
errorIcon: StringConstructor;
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" | "static" | "sticky" | "relative">;
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: StringConstructor;
editIcon: StringConstructor;
editable: BooleanConstructor;
errorIcon: StringConstructor;
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.Pr