@vuetify/nightly
Version:
Vue Material Component Framework
1,044 lines (1,041 loc) • 49 kB
TypeScript
// Styles
import { IconValue } from '../../composables/icons.js';
// Types
import type { PropType } from 'vue';
import type { VListChildrenSlots } from './VListChildren.js';
import type { ItemProps, ListItem } from '../../composables/list-items.js';
import type { GenericProps, SelectItemKey } from '../../util/index.js';
export interface InternalListItem<T = any> extends ListItem<T> {
}
export declare function useListItems(props: ItemProps): {
items: import("vue").ComputedRef<InternalListItem<any>[]>;
};
export declare const makeVListProps: <Defaults extends {
theme?: unknown;
class?: unknown;
style?: unknown;
border?: unknown;
density?: unknown;
elevation?: unknown;
rounded?: unknown;
tile?: unknown;
tag?: unknown;
color?: unknown;
variant?: unknown;
height?: unknown;
maxHeight?: unknown;
maxWidth?: unknown;
minHeight?: unknown;
minWidth?: unknown;
width?: unknown;
activatable?: unknown;
selectable?: unknown;
activeStrategy?: unknown;
selectStrategy?: unknown;
openStrategy?: unknown;
opened?: unknown;
activated?: unknown;
selected?: unknown;
mandatory?: unknown;
items?: unknown;
itemTitle?: unknown;
itemValue?: unknown;
itemChildren?: unknown;
itemProps?: unknown;
itemType?: unknown;
returnObject?: unknown;
valueComparator?: unknown;
baseColor?: unknown;
activeColor?: unknown;
activeClass?: unknown;
bgColor?: unknown;
disabled?: unknown;
filterable?: unknown;
expandIcon?: unknown;
collapseIcon?: unknown;
lines?: unknown;
slim?: unknown;
nav?: unknown;
"onClick:open"?: unknown;
"onClick:select"?: unknown;
"onUpdate:opened"?: unknown;
} = {}>(defaults?: Defaults | undefined) => {
theme: unknown extends Defaults["theme"] ? StringConstructor : {
type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
};
class: unknown extends Defaults["class"] ? PropType<any> : {
type: PropType<unknown extends Defaults["class"] ? any : any>;
default: unknown extends Defaults["class"] ? any : any;
};
style: unknown extends Defaults["style"] ? {
type: PropType<import("vue").StyleValue>;
default: null;
} : Omit<{
type: PropType<import("vue").StyleValue>;
default: null;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | import("vue").StyleValue>;
default: unknown extends Defaults["style"] ? import("vue").StyleValue : Defaults["style"] | NonNullable<import("vue").StyleValue>;
};
border: unknown extends Defaults["border"] ? (BooleanConstructor | NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["border"] ? string | number | boolean : string | number | boolean | Defaults["border"]>;
default: unknown extends Defaults["border"] ? string | number | boolean : Defaults["border"] | NonNullable<string | number | boolean>;
};
density: unknown extends Defaults["density"] ? {
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
} : Omit<{
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | import("../../composables/density.js").Density>;
default: unknown extends Defaults["density"] ? import("../../composables/density.js").Density : Defaults["density"] | NonNullable<import("../../composables/density.js").Density>;
};
elevation: unknown extends Defaults["elevation"] ? {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
} : Omit<{
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["elevation"] ? string | number : string | number | Defaults["elevation"]>;
default: unknown extends Defaults["elevation"] ? string | number : Defaults["elevation"] | NonNullable<string | number>;
};
rounded: unknown extends Defaults["rounded"] ? {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
} : Omit<{
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["rounded"] ? string | number | boolean : string | number | boolean | Defaults["rounded"]>;
default: unknown extends Defaults["rounded"] ? string | number | boolean : Defaults["rounded"] | NonNullable<string | number | boolean>;
};
tile: unknown extends Defaults["tile"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
};
tag: unknown extends Defaults["tag"] ? {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
} : Omit<{
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : string | Defaults["tag"] | import("../../util/index.js").JSXComponent>;
default: unknown extends Defaults["tag"] ? string | import("../../util/index.js").JSXComponent : Defaults["tag"] | NonNullable<string | import("../../util/index.js").JSXComponent>;
};
color: unknown extends Defaults["color"] ? StringConstructor : {
type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
};
variant: unknown extends Defaults["variant"] ? Omit<{
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
} : Omit<Omit<{
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["variant"] ? "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" : "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" | Defaults["variant"]>;
default: unknown extends Defaults["variant"] ? "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal" : Defaults["variant"] | NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
};
height: unknown extends Defaults["height"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
default: unknown extends Defaults["height"] ? string | number : Defaults["height"] | NonNullable<string | number>;
};
maxHeight: unknown extends Defaults["maxHeight"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
default: unknown extends Defaults["maxHeight"] ? string | number : Defaults["maxHeight"] | NonNullable<string | number>;
};
maxWidth: unknown extends Defaults["maxWidth"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
default: unknown extends Defaults["maxWidth"] ? string | number : Defaults["maxWidth"] | NonNullable<string | number>;
};
minHeight: unknown extends Defaults["minHeight"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
default: unknown extends Defaults["minHeight"] ? string | number : Defaults["minHeight"] | NonNullable<string | number>;
};
minWidth: unknown extends Defaults["minWidth"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
default: unknown extends Defaults["minWidth"] ? string | number : Defaults["minWidth"] | NonNullable<string | number>;
};
width: unknown extends Defaults["width"] ? (NumberConstructor | StringConstructor)[] : {
type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
default: unknown extends Defaults["width"] ? string | number : Defaults["width"] | NonNullable<string | number>;
};
activatable: unknown extends Defaults["activatable"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"]>;
default: unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"];
};
selectable: unknown extends Defaults["selectable"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["selectable"] ? boolean : boolean | Defaults["selectable"]>;
default: unknown extends Defaults["selectable"] ? boolean : boolean | Defaults["selectable"];
};
activeStrategy: unknown extends Defaults["activeStrategy"] ? PropType<import("../../composables/nested/nested.js").ActiveStrategyProp> : {
type: PropType<unknown extends Defaults["activeStrategy"] ? import("../../composables/nested/nested.js").ActiveStrategyProp : Defaults["activeStrategy"] | import("../../composables/nested/nested.js").ActiveStrategyProp>;
default: unknown extends Defaults["activeStrategy"] ? import("../../composables/nested/nested.js").ActiveStrategyProp : Defaults["activeStrategy"] | NonNullable<import("../../composables/nested/nested.js").ActiveStrategyProp>;
};
selectStrategy: unknown extends Defaults["selectStrategy"] ? {
type: PropType<import("../../composables/nested/nested.js").SelectStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").SelectStrategyProp>;
} : Omit<{
type: PropType<import("../../composables/nested/nested.js").SelectStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").SelectStrategyProp>;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["selectStrategy"] ? import("../../composables/nested/nested.js").SelectStrategyProp : Defaults["selectStrategy"] | import("../../composables/nested/nested.js").SelectStrategyProp>;
default: unknown extends Defaults["selectStrategy"] ? import("../../composables/nested/nested.js").SelectStrategyProp : Defaults["selectStrategy"] | NonNullable<import("../../composables/nested/nested.js").SelectStrategyProp>;
};
openStrategy: unknown extends Defaults["openStrategy"] ? {
type: PropType<import("../../composables/nested/nested.js").OpenStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").OpenStrategyProp>;
} : Omit<{
type: PropType<import("../../composables/nested/nested.js").OpenStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").OpenStrategyProp>;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["openStrategy"] ? import("../../composables/nested/nested.js").OpenStrategyProp : Defaults["openStrategy"] | import("../../composables/nested/nested.js").OpenStrategyProp>;
default: unknown extends Defaults["openStrategy"] ? import("../../composables/nested/nested.js").OpenStrategyProp : Defaults["openStrategy"] | NonNullable<import("../../composables/nested/nested.js").OpenStrategyProp>;
};
opened: unknown extends Defaults["opened"] ? null : {
type: PropType<unknown extends Defaults["opened"] ? any : any>;
default: unknown extends Defaults["opened"] ? any : any;
};
activated: unknown extends Defaults["activated"] ? null : {
type: PropType<unknown extends Defaults["activated"] ? any : any>;
default: unknown extends Defaults["activated"] ? any : any;
};
selected: unknown extends Defaults["selected"] ? null : {
type: PropType<unknown extends Defaults["selected"] ? any : any>;
default: unknown extends Defaults["selected"] ? any : any;
};
mandatory: unknown extends Defaults["mandatory"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["mandatory"] ? boolean : boolean | Defaults["mandatory"]>;
default: unknown extends Defaults["mandatory"] ? boolean : boolean | Defaults["mandatory"];
};
items: unknown extends Defaults["items"] ? {
type: PropType<any[]>;
default: () => never[];
} : Omit<{
type: PropType<any[]>;
default: () => never[];
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
};
itemTitle: unknown extends Defaults["itemTitle"] ? {
type: PropType<SelectItemKey>;
default: string;
} : Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["itemTitle"] ? SelectItemKey : Defaults["itemTitle"] | SelectItemKey>;
default: unknown extends Defaults["itemTitle"] ? SelectItemKey : Defaults["itemTitle"] | NonNullable<SelectItemKey>;
};
itemValue: unknown extends Defaults["itemValue"] ? {
type: PropType<SelectItemKey>;
default: string;
} : Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["itemValue"] ? SelectItemKey : Defaults["itemValue"] | SelectItemKey>;
default: unknown extends Defaults["itemValue"] ? SelectItemKey : Defaults["itemValue"] | NonNullable<SelectItemKey>;
};
itemChildren: unknown extends Defaults["itemChildren"] ? {
type: PropType<SelectItemKey>;
default: string;
} : Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["itemChildren"] ? SelectItemKey : Defaults["itemChildren"] | SelectItemKey>;
default: unknown extends Defaults["itemChildren"] ? SelectItemKey : Defaults["itemChildren"] | NonNullable<SelectItemKey>;
};
itemProps: unknown extends Defaults["itemProps"] ? {
type: PropType<SelectItemKey>;
default: string;
} : Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["itemProps"] ? SelectItemKey : Defaults["itemProps"] | SelectItemKey>;
default: unknown extends Defaults["itemProps"] ? SelectItemKey : Defaults["itemProps"] | NonNullable<SelectItemKey>;
};
itemType: unknown extends Defaults["itemType"] ? {
type: PropType<SelectItemKey>;
default: string;
} : Omit<{
type: PropType<SelectItemKey>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["itemType"] ? SelectItemKey : Defaults["itemType"] | SelectItemKey>;
default: unknown extends Defaults["itemType"] ? SelectItemKey : Defaults["itemType"] | NonNullable<SelectItemKey>;
};
returnObject: unknown extends Defaults["returnObject"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["returnObject"] ? boolean : boolean | Defaults["returnObject"]>;
default: unknown extends Defaults["returnObject"] ? boolean : boolean | Defaults["returnObject"];
};
valueComparator: unknown extends Defaults["valueComparator"] ? PropType<typeof import("../../util/index.js").deepEqual> : {
type: PropType<unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"]>;
default: unknown extends Defaults["valueComparator"] ? typeof import("../../util/index.js").deepEqual : typeof import("../../util/index.js").deepEqual | Defaults["valueComparator"];
};
baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
};
activeColor: unknown extends Defaults["activeColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"]>;
default: unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"];
};
activeClass: unknown extends Defaults["activeClass"] ? StringConstructor : {
type: PropType<unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"]>;
default: unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"];
};
bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : {
type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
};
disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
};
filterable: unknown extends Defaults["filterable"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"]>;
default: unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"];
};
expandIcon: unknown extends Defaults["expandIcon"] ? PropType<IconValue> : {
type: PropType<unknown extends Defaults["expandIcon"] ? IconValue : Defaults["expandIcon"] | IconValue>;
default: unknown extends Defaults["expandIcon"] ? IconValue : Defaults["expandIcon"] | NonNullable<IconValue>;
};
collapseIcon: unknown extends Defaults["collapseIcon"] ? PropType<IconValue> : {
type: PropType<unknown extends Defaults["collapseIcon"] ? IconValue : Defaults["collapseIcon"] | IconValue>;
default: unknown extends Defaults["collapseIcon"] ? IconValue : Defaults["collapseIcon"] | NonNullable<IconValue>;
};
lines: unknown extends Defaults["lines"] ? {
type: PropType<"one" | "three" | "two" | false>;
default: string;
} : Omit<{
type: PropType<"one" | "three" | "two" | false>;
default: string;
}, "default" | "type"> & {
type: PropType<unknown extends Defaults["lines"] ? "one" | "three" | "two" | false : "one" | "three" | "two" | false | Defaults["lines"]>;
default: unknown extends Defaults["lines"] ? "one" | "three" | "two" | false : Defaults["lines"] | NonNullable<"one" | "three" | "two" | false>;
};
slim: unknown extends Defaults["slim"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["slim"] ? boolean : boolean | Defaults["slim"]>;
default: unknown extends Defaults["slim"] ? boolean : boolean | Defaults["slim"];
};
nav: unknown extends Defaults["nav"] ? BooleanConstructor : {
type: PropType<unknown extends Defaults["nav"] ? boolean : boolean | Defaults["nav"]>;
default: unknown extends Defaults["nav"] ? boolean : boolean | Defaults["nav"];
};
"onClick:open": unknown extends Defaults["onClick:open"] ? PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void> : {
type: PropType<unknown extends Defaults["onClick:open"] ? (args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void : ((args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | Defaults["onClick:open"]>;
default: unknown extends Defaults["onClick:open"] ? (args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void : ((args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | Defaults["onClick:open"];
};
"onClick:select": unknown extends Defaults["onClick:select"] ? PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void> : {
type: PropType<unknown extends Defaults["onClick:select"] ? (args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void : ((args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | Defaults["onClick:select"]>;
default: unknown extends Defaults["onClick:select"] ? (args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void : ((args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | Defaults["onClick:select"];
};
"onUpdate:opened": unknown extends Defaults["onUpdate:opened"] ? PropType<(args_0: unknown) => void> : {
type: PropType<unknown extends Defaults["onUpdate:opened"] ? (args_0: unknown) => void : ((args_0: unknown) => void) | Defaults["onUpdate:opened"]>;
default: unknown extends Defaults["onUpdate:opened"] ? (args_0: unknown) => void : ((args_0: unknown) => void) | Defaults["onUpdate:opened"];
};
};
type ItemType<T> = T extends readonly (infer U)[] ? U : never;
export declare const VList: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<{
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
density: import("../../composables/density.js").Density;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
} & {
theme?: string | undefined;
class?: any;
border?: string | number | boolean | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
color?: string | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
activeStrategy?: import("../../composables/nested/nested.js").ActiveStrategyProp | undefined;
activated?: any;
valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
bgColor?: string | undefined;
expandIcon?: IconValue | undefined;
collapseIcon?: IconValue | undefined;
} & {
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
children: import("vue").Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
parents: import("vue").Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
"update:selected": (value: unknown) => true;
"update:activated": (value: unknown) => true;
"update:opened": (value: unknown) => true;
"click:open": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
"click:activate": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
"click:select": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
}, "$children" | "click:open" | "click:select" | "itemChildren" | "itemProps" | "itemTitle" | "itemValue" | "items" | "opened" | "selected" | "update:opened" | "update:selected" | "v-slot:append" | "v-slot:default" | "v-slot:divider" | "v-slot:header" | "v-slot:item" | "v-slot:prepend" | "v-slot:subheader" | "v-slot:subtitle" | "v-slot:title" | "v-slots">, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
style: import("vue").StyleValue;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: SelectItemKey;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
}, true, {}, import("vue").SlotsType<Partial<{
prepend: (arg: import("./VListItem.js").ListItemSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
append: (arg: import("./VListItem.js").ListItemSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
title: (arg: import("./VListItem.js").ListItemTitleSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: import("./VListItem.js").ListItemSubtitleSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
default: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
subheader: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
density: import("../../composables/density.js").Density;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
} & {
theme?: string | undefined;
class?: any;
border?: string | number | boolean | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
color?: string | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
activeStrategy?: import("../../composables/nested/nested.js").ActiveStrategyProp | undefined;
activated?: any;
valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
bgColor?: string | undefined;
expandIcon?: IconValue | undefined;
collapseIcon?: IconValue | undefined;
} & {
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
children: import("vue").Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
parents: import("vue").Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, {}, {}, {}, {
style: import("vue").StyleValue;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: SelectItemKey;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<{
style: string | false | import("vue").StyleValue[] | import("vue").CSSProperties | null;
density: import("../../composables/density.js").Density;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
} & {
theme?: string | undefined;
class?: any;
border?: string | number | boolean | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
color?: string | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
width?: string | number | undefined;
activeStrategy?: import("../../composables/nested/nested.js").ActiveStrategyProp | undefined;
activated?: any;
valueComparator?: typeof import("../../util/index.js").deepEqual | undefined;
baseColor?: string | undefined;
activeColor?: string | undefined;
activeClass?: string | undefined;
bgColor?: string | undefined;
expandIcon?: IconValue | undefined;
collapseIcon?: IconValue | undefined;
} & {
"onClick:activate"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onUpdate:activated"?: ((value: unknown) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: number | "first" | "last" | "next" | "prev" | undefined) => void;
children: import("vue").Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
parents: import("vue").Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
getPath: (id: unknown) => unknown[];
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Omit<{
"update:selected": (value: unknown) => true;
"update:activated": (value: unknown) => true;
"update:opened": (value: unknown) => true;
"click:open": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
"click:activate": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
"click:select": (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => true;
}, "$children" | "click:open" | "click:select" | "itemChildren" | "itemProps" | "itemTitle" | "itemValue" | "items" | "opened" | "selected" | "update:opened" | "update:selected" | "v-slot:append" | "v-slot:default" | "v-slot:divider" | "v-slot:header" | "v-slot:item" | "v-slot:prepend" | "v-slot:subheader" | "v-slot:subtitle" | "v-slot:title" | "v-slots">, string, {
style: import("vue").StyleValue;
density: import("../../composables/density.js").Density;
rounded: string | number | boolean;
tile: boolean;
tag: string | import("../../util/index.js").JSXComponent;
variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal";
activatable: boolean;
selectable: boolean;
selectStrategy: import("../../composables/nested/nested.js").SelectStrategyProp;
openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
mandatory: boolean;
itemType: SelectItemKey;
returnObject: boolean;
disabled: boolean;
filterable: boolean;
lines: "one" | "three" | "two" | false;
slim: boolean;
nav: boolean;
}, {}, string, import("vue").SlotsType<Partial<{
prepend: (arg: import("./VListItem.js").ListItemSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
append: (arg: import("./VListItem.js").ListItemSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
title: (arg: import("./VListItem.js").ListItemTitleSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: import("./VListItem.js").ListItemSubtitleSlot & {
item: any;
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
default: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
item: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
divider: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
subheader: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
header: (arg: {
props: {
[key: string]: any;
title: string;
value: any;
};
}) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[];
}>>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new <T extends readonly any[], S = unknown, O = unknown>(props: {
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType<T>>;
itemValue?: SelectItemKey<ItemType<T>>;
itemChildren?: SelectItemKey<ItemType<T>>;
itemProps?: SelectItemKey<ItemType<T>>;
selected?: S | undefined;
"onUpdate:selected"?: ((value: S) => void) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | undefined;
opened?: O | undefined;
"onUpdate:opened"?: ((value: O) => void) | undefined;
}, slots: VListChildrenSlots<ItemType<T>>) => GenericProps<{
items?: T | undefined;
itemTitle?: SelectItemKey<ItemType<T>>;
itemValue?: SelectItemKey<ItemType<T>>;
itemChildren?: SelectItemKey<ItemType<T>>;
itemProps?: SelectItemKey<ItemType<T>>;
selected?: S | undefined;
"onUpdate:selected"?: ((value: S) => void) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) | undefined;
opened?: O | undefined;
"onUpdate:opened"?: ((value: O) => void) | undefined;
}, VListChildrenSlots<ItemType<T>>>) & import("../../util/index.js").FilterPropsOptions<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<import("vue").StyleValue>;
default: null;
};
border: (BooleanConstructor | NumberConstructor | StringConstructor)[];
density: {
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
};
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
};
color: StringConstructor;
variant: Omit<{
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
};
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
activatable: BooleanConstructor;
selectable: BooleanConstructor;
activeStrategy: PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
selectStrategy: {
type: PropType<import("../../composables/nested/nested.js").SelectStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").SelectStrategyProp>;
};
openStrategy: {
type: PropType<import("../../composables/nested/nested.js").OpenStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").OpenStrategyProp>;
};
opened: null;
activated: null;
selected: null;
mandatory: BooleanConstructor;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
itemType: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<typeof import("../../util/index.js").deepEqual>;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
filterable: BooleanConstructor;
expandIcon: PropType<IconValue>;
collapseIcon: PropType<IconValue>;
lines: {
type: PropType<"one" | "three" | "two" | false>;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
"onClick:open": PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
"onClick:select": PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
"onUpdate:opened": PropType<(args_0: unknown) => void>;
}, import("vue").ExtractPropTypes<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<import("vue").StyleValue>;
default: null;
};
border: (BooleanConstructor | NumberConstructor | StringConstructor)[];
density: {
type: PropType<import("../../composables/density.js").Density>;
default: string;
validator: (v: any) => boolean;
};
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | import("../../util/index.js").JSXComponent>;
default: string;
};
color: StringConstructor;
variant: Omit<{
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">;
};
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
activatable: BooleanConstructor;
selectable: BooleanConstructor;
activeStrategy: PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
selectStrategy: {
type: PropType<import("../../composables/nested/nested.js").SelectStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").SelectStrategyProp>;
};
openStrategy: {
type: PropType<import("../../composables/nested/nested.js").OpenStrategyProp>;
default: NonNullable<import("../../composables/nested/nested.js").OpenStrategyProp>;
};
opened: null;
activated: null;
selected: null;
mandatory: BooleanConstructor;
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
itemType: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
valueComparator: PropType<typeof import("../../util/index.js").deepEqual>;
baseColor: StringConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
filterable: BooleanConstructor;
expandIcon: PropType<IconValue>;
collapseIcon: PropType<IconValue>;
lines: {
type: PropType<"one" | "three" | "two" | false>;
default: string;
};
slim: BooleanConstructor;
nav: BooleanConstructor;
"onClick:open": PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
"onClick:select": PropType<(args_0: {
id: unknown;
value: boolean;
path: unknown[];
}) => void>;
"onUpdate:opened": PropType<(args_0: unknown) => void>;
}>>;
export type VList = InstanceType<typeof VList>;