monolito_djanco_poonto/node_modules/vuetify/lib/labs/VStepperVertical/index.d.mts
2025-02-25 13:26:08 -03:00

1382 lines
48 KiB
TypeScript

import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, DirectiveBinding } from 'vue';
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;
type JSXComponent<Props = any> = {
new (): ComponentPublicInstance<Props>;
} | FunctionalComponent<Props>;
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType<IconValue>;
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<T = any> = {
canEdit: boolean;
hasError: boolean;
hasCompleted: boolean;
title?: string | number;
subtitle?: string | number;
step: T;
};
type ValidationRule = () => string | boolean;
declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
type Breakpoint = typeof breakpoints[number];
type DisplayBreakpoint = 'xs' | Breakpoint;
type VStepperSlot = {
prev: () => void;
next: () => void;
};
type StepperVerticalItemActionSlot<T = any> = StepperItemSlot<T> & {
next: () => void;
prev: () => void;
};
declare const VStepperVerticalItem: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
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;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<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:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:finish"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:next': () => true;
'click:prev': () => true;
'click:finish': () => true;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
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;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<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:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:finish"?: (() => any) | undefined;
}, {
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => vue.VNode[];
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
title: (arg: StepperItemSlot<any>) => vue.VNode[];
text: (arg: StepperItemSlot<any>) => vue.VNode[];
prev: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
next: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
actions: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
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;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<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:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:finish"?: (() => any) | undefined;
}, {}, {}, {}, {}, {
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & vue.ComponentOptionsBase<{
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
} & {
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;
icon?: IconValue | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
} & {
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<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:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
} & {
"onClick:prev"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:finish"?: (() => any) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
'click:next': () => true;
'click:prev': () => true;
'click:finish': () => true;
}, string, {
error: boolean;
complete: boolean;
style: vue.StyleValue;
eager: boolean;
disabled: boolean;
readonly: boolean;
tag: string;
static: boolean;
focusable: boolean;
rules: readonly ValidationRule[];
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
hideActions: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
errorIcon: IconValue;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => vue.VNode[];
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
title: (arg: StepperItemSlot<any>) => vue.VNode[];
text: (arg: StepperItemSlot<any>) => vue.VNode[];
prev: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
next: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
actions: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
value: null;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
title: StringConstructor;
text: StringConstructor;
eager: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
tag: {
type: StringConstructor;
default: string;
};
static: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
selectedClass: StringConstructor;
bgColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: Omit<{
type: vue.PropType<IconValue>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
expandIcon: Omit<{
type: vue.PropType<IconValue>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: vue.PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: vue.PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: vue.PropType<IconValue>;
default: string;
};
icon: vue.PropType<IconValue>;
rules: {
type: vue.PropType<readonly ValidationRule[]>;
default: () => never[];
};
hideActions: BooleanConstructor;
}, vue.ExtractPropTypes<{
height: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
color: StringConstructor;
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
value: null;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
title: StringConstructor;
text: StringConstructor;
eager: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
tag: {
type: StringConstructor;
default: string;
};
static: BooleanConstructor;
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
selectedClass: StringConstructor;
bgColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: Omit<{
type: vue.PropType<IconValue>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
expandIcon: Omit<{
type: vue.PropType<IconValue>;
default: string;
}, "type" | "default"> & {
type: vue.PropType<IconValue>;
default: NonNullable<IconValue>;
};
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: vue.PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: vue.PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: vue.PropType<IconValue>;
default: string;
};
icon: vue.PropType<IconValue>;
rules: {
type: vue.PropType<readonly ValidationRule[]>;
default: () => never[];
};
hideActions: BooleanConstructor;
}>>;
type VStepperVerticalItem = InstanceType<typeof VStepperVerticalItem>;
type VStepperVerticalSlots<T> = {
actions: StepperVerticalItemActionSlot<T>;
default: VStepperSlot & {
step: T;
};
icon: StepperItemSlot<T>;
title: StepperItemSlot<T>;
subtitle: StepperItemSlot<T>;
prev: StepperVerticalItemActionSlot<T>;
next: StepperVerticalItemActionSlot<T>;
} & {
[key: `header-item.${string}`]: StepperItemSlot<T>;
[key: `item.${string}`]: StepperItemSlot<T>;
};
declare const VStepperVertical: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (val: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | "v-slot:actions" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
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<unknown>) => vue.VNode[];
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
actions: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
default: (arg: VStepperSlot & {
step: unknown;
}) => vue.VNode[];
icon: (arg: StepperItemSlot<unknown>) => vue.VNode[];
title: (arg: StepperItemSlot<unknown>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<unknown>) => vue.VNode[];
prev: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
next: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {}, {}, {}, {}, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
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;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
itemTitle: string;
itemValue: string;
hideActions: boolean;
prevText: string;
nextText: string;
editable: boolean;
altLabels: boolean;
nonLinear: boolean;
} & {
max?: number | undefined;
color?: string | undefined;
class?: any;
theme?: string | undefined;
elevation?: string | number | undefined;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
rounded?: string | number | boolean | undefined;
selectedClass?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:modelValue': (val: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | "v-slot:actions" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, string, {
flat: boolean;
variant: "default" | "inset" | "accordion" | "popout";
style: vue.StyleValue;
eager: boolean;
mobile: boolean | null;
disabled: boolean;
multiple: boolean;
readonly: boolean;
tag: string;
mandatory: boolean | "force";
focusable: boolean;
rounded: string | number | boolean;
items: readonly StepperItem[];
tile: boolean;
ripple: boolean | {
class: string;
} | undefined;
collapseIcon: IconValue;
expandIcon: IconValue;
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<unknown>) => vue.VNode[];
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
actions: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
default: (arg: VStepperSlot & {
step: unknown;
}) => vue.VNode[];
icon: (arg: StepperItemSlot<unknown>) => vue.VNode[];
title: (arg: StepperItemSlot<unknown>) => vue.VNode[];
subtitle: (arg: StepperItemSlot<unknown>) => vue.VNode[];
prev: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
next: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T = number>(props: {
modelValue?: T;
"onUpdate:modelValue"?: (value: T) => void;
}, slots: VStepperVerticalSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
flat: BooleanConstructor;
variant: Omit<{
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
default: NonNullable<"default" | "inset" | "accordion" | "popout">;
};
max: NumberConstructor;
color: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
eager: BooleanConstructor;
disabled: BooleanConstructor;
multiple: BooleanConstructor;
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
mandatory: {
type: vue.PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
modelValue: {
type: null;
default: undefined;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
selectedClass: StringConstructor;
bgColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
altLabels: BooleanConstructor;
completeIcon: vue.PropType<IconValue>;
editIcon: vue.PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: vue.PropType<IconValue>;
items: {
type: vue.PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
nonLinear: BooleanConstructor;
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
flat: BooleanConstructor;
variant: Omit<{
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
default: NonNullable<"default" | "inset" | "accordion" | "popout">;
};
max: NumberConstructor;
color: StringConstructor;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
eager: BooleanConstructor;
disabled: BooleanConstructor;
multiple: BooleanConstructor;
readonly: BooleanConstructor;
class: vue.PropType<ClassValue>;
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
mandatory: {
type: vue.PropType<boolean | "force">;
default: NonNullable<boolean | "force">;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
focusable: BooleanConstructor;
modelValue: {
type: null;
default: undefined;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
selectedClass: StringConstructor;
bgColor: StringConstructor;
ripple: {
type: vue.PropType<RippleDirectiveBinding["value"]>;
default: boolean;
};
collapseIcon: {
type: vue.PropType<IconValue>;
default: string;
};
expandIcon: {
type: vue.PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
mobile: {
type: vue.PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
altLabels: BooleanConstructor;
completeIcon: vue.PropType<IconValue>;
editIcon: vue.PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: vue.PropType<IconValue>;
items: {
type: vue.PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: StringConstructor;
default: string;
};
itemValue: {
type: StringConstructor;
default: string;
};
nonLinear: BooleanConstructor;
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}>>;
type VStepperVertical = InstanceType<typeof VStepperVertical>;
declare const VStepperVerticalActions: {
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: vue.PropType<boolean | "next" | "prev">;
default: boolean;
};
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}, vue.ExtractPropTypes<{
color: StringConstructor;
disabled: {
type: vue.PropType<boolean | "next" | "prev">;
default: boolean;
};
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}>>;
type VStepperVerticalActions = InstanceType<typeof VStepperVerticalActions>;
export { VStepperVertical, VStepperVerticalActions, VStepperVerticalItem };