UNPKG

@vuetify/nightly

Version:

Vue Material Component Framework

1,044 lines (1,041 loc) • 49 kB
// 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>;