vuetify
Version:
Vue Material Component Framework
811 lines (802 loc) • 32.1 kB
text/typescript
import * as vue from 'vue';
import { ComponentPropsOptions, ExtractPropTypes, ComponentPublicInstance, Ref, EffectScope } from 'vue';
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;
}
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 TemplateRef = {
(target: Element | ComponentPublicInstance | null): void;
value: HTMLElement | ComponentPublicInstance | null | undefined;
readonly el: HTMLElement | undefined;
};
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$1, contentStyles: Ref<Record<string, string>>) => undefined | {
updateLocation: (e: Event) => void;
};
declare const locationStrategies: {
static: typeof staticLocationStrategy;
connected: typeof connectedLocationStrategy;
};
interface StrategyProps$1 {
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$1, contentStyles: Ref<Record<string, string>>): {
updateLocation: () => {
available: {
x: number;
y: number;
};
contentBox: Box;
} | undefined;
};
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, scope: EffectScope) => void;
declare const scrollStrategies: {
none: null;
close: typeof closeScrollStrategy;
block: typeof blockScrollStrategy;
reposition: typeof repositionScrollStrategy;
};
interface StrategyProps {
scrollStrategy: keyof typeof scrollStrategies | ScrollStrategyFn;
contained: boolean | undefined;
}
declare function closeScrollStrategy(data: ScrollStrategyData): void;
declare function blockScrollStrategy(data: ScrollStrategyData, props: StrategyProps): void;
declare function repositionScrollStrategy(data: ScrollStrategyData, props: StrategyProps, scope: EffectScope): void;
declare const VBottomSheet: {
new (...args: any[]): vue.CreateComponentPublicInstance<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | 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) => boolean;
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | 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;
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, true, {}, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | 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;
}, {}, {}, {}, {}, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<{
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnHover: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
} & {
class?: any;
width?: string | number | undefined;
height?: string | number | undefined;
theme?: string | undefined;
target?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined;
offset?: string | number | number[] | undefined;
contentClass?: any;
opacity?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
activator?: Element | vue.ComponentPublicInstance | (string & {}) | "parent" | 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) => boolean;
}, string, {
style: vue.StyleValue;
disabled: boolean;
absolute: boolean;
transition: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
zIndex: NonNullable<string | number>;
modelValue: boolean;
inset: boolean;
origin: NonNullable<Anchor | "auto" | "overlap">;
eager: boolean;
location: Anchor;
locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected";
scrollStrategy: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
activatorProps: Record<string, any>;
openOnClick: boolean;
openOnHover: boolean;
openOnFocus: boolean;
closeOnContentClick: boolean;
closeOnBack: boolean;
contained: boolean;
noClickAnimation: boolean;
persistent: boolean;
scrim: string | boolean;
fullscreen: boolean;
retainFocus: boolean;
scrollable: boolean;
}, {}, string, vue.SlotsType<Partial<{
default: (arg: {
isActive: vue.Ref<boolean>;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
activator: (arg: {
isActive: boolean;
props: Record<string, any>;
targetRef: TemplateRef;
}) => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>[];
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
}, "default" | "type"> & {
type: vue.PropType<NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>>;
default: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected">;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<Anchor | "auto" | "overlap">;
default: string;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<Anchor | "auto" | "overlap">>;
default: NonNullable<Anchor | "auto" | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
inset: BooleanConstructor;
}, vue.ExtractPropTypes<{
transition: Omit<Omit<{
type: vue.PropType<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})>;
default: string;
validator: (val: unknown) => boolean;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
default: NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
};
}, "default" | "type"> & {
type: vue.PropType<NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>>;
default: NonNullable<NonNullable<string | boolean | (vue.TransitionProps & {
component?: vue.Component | undefined;
})> | {
component: vue.Component;
}>;
};
theme: StringConstructor;
scrollStrategy: Omit<{
type: vue.PropType<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
default: string;
validator: (val: any) => boolean;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">>;
default: NonNullable<"close" | "none" | "block" | ((data: ScrollStrategyData, props: StrategyProps, scope: vue.EffectScope) => void) | "reposition">;
};
locationStrategy: {
type: vue.PropType<"static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
updateLocation: (e: Event) => void;
} | undefined) | "connected">;
default: string;
validator: (val: any) => boolean;
};
location: {
type: vue.PropType<Anchor>;
default: string;
};
origin: Omit<{
type: vue.PropType<Anchor | "auto" | "overlap">;
default: string;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<Anchor | "auto" | "overlap">>;
default: NonNullable<Anchor | "auto" | "overlap">;
};
offset: vue.PropType<string | number | number[] | undefined>;
eager: BooleanConstructor;
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
class: vue.PropType<any>;
style: {
type: vue.PropType<vue.StyleValue>;
default: null;
};
closeDelay: (StringConstructor | NumberConstructor)[];
openDelay: (StringConstructor | NumberConstructor)[];
target: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | "cursor" | [x: number, y: number] | undefined>;
activator: vue.PropType<Element | vue.ComponentPublicInstance | (string & {}) | "parent" | undefined>;
activatorProps: {
type: vue.PropType<Record<string, any>>;
default: () => {};
};
openOnClick: {
type: BooleanConstructor;
default: undefined;
};
openOnHover: BooleanConstructor;
openOnFocus: {
type: BooleanConstructor;
default: undefined;
};
closeOnContentClick: BooleanConstructor;
absolute: BooleanConstructor;
attach: vue.PropType<string | boolean | Element>;
closeOnBack: {
type: BooleanConstructor;
default: boolean;
};
contained: BooleanConstructor;
contentClass: null;
contentProps: null;
disabled: BooleanConstructor;
opacity: (StringConstructor | NumberConstructor)[];
noClickAnimation: BooleanConstructor;
modelValue: BooleanConstructor;
persistent: BooleanConstructor;
scrim: {
type: (StringConstructor | BooleanConstructor)[];
default: boolean;
};
zIndex: Omit<{
type: (StringConstructor | NumberConstructor)[];
default: number;
}, "default" | "type"> & {
type: vue.PropType<NonNullable<string | number>>;
default: NonNullable<string | number>;
};
fullscreen: BooleanConstructor;
retainFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollable: BooleanConstructor;
inset: BooleanConstructor;
}>>;
type VBottomSheet = InstanceType<typeof VBottomSheet>;
export { VBottomSheet };