@vuetify/nightly 3.6.13-3.7.0-beta.0.0-pr-20092.a834b18 → 3.6.14-master.2024-08-01

package/lib/labs/VTreeview/index.d.mts

@@ -42,7 +42,6 @@ declare const IconValue: PropType<IconValue>;
 
 type ListItemSlot = {
     isActive: boolean;
-    isOpen: boolean;
     isSelected: boolean;
     isIndeterminate: boolean;
     select: (value: boolean) => void;
@@ -93,6 +92,28 @@ type ActiveStrategy = {
     out: ActiveStrategyTransformOutFn;
 };
 
+type OpenStrategyFn = (data: {
+    id: unknown;
+    value: boolean;
+    opened: Set<unknown>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
+    event?: Event;
+}) => Set<unknown>;
+type OpenSelectStrategyFn = (data: {
+    id: unknown;
+    value: boolean;
+    opened: Set<unknown>;
+    selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
+    children: Map<unknown, unknown[]>;
+    parents: Map<unknown, unknown>;
+    event?: Event;
+}) => Set<unknown> | null;
+type OpenStrategy = {
+    open: OpenStrategyFn;
+    select: OpenSelectStrategyFn;
+};
+
 type SelectStrategyFn = (data: {
     id: unknown;
     value: boolean;
@@ -111,6 +132,7 @@ type SelectStrategy = {
 
 type ActiveStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | ActiveStrategy | ((mandatory: boolean) => ActiveStrategy);
 type SelectStrategyProp = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategy | ((mandatory: boolean) => SelectStrategy);
+type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
 
 interface ListItem<T = any> extends InternalItem<T> {
     title: string;
@@ -157,10 +179,10 @@ declare const VTreeview: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -193,13 +215,11 @@ declare const VTreeview: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
-        activeColor?: string | undefined;
-        falseIcon?: IconValue | undefined;
-        trueIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
         'onUpdate:opened'?: (() => void) | undefined;
+        activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -212,8 +232,6 @@ declare const VTreeview: {
             value: boolean;
             path: unknown[];
         }) => void) | undefined;
-        openOnClick?: boolean | undefined;
-        selectedColor?: string | undefined;
         loadChildren?: ((item: unknown) => Promise<void>) | undefined;
     } & {
         "onUpdate:activated"?: ((val: unknown) => any) | undefined;
@@ -255,10 +273,10 @@ declare const VTreeview: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -291,13 +309,11 @@ declare const VTreeview: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
-        activeColor?: string | undefined;
-        falseIcon?: IconValue | undefined;
-        trueIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
         'onUpdate:opened'?: (() => void) | undefined;
+        activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -310,8 +326,6 @@ declare const VTreeview: {
             value: boolean;
             path: unknown[];
         }) => void) | undefined;
-        openOnClick?: boolean | undefined;
-        selectedColor?: string | undefined;
         loadChildren?: ((item: unknown) => Promise<void>) | undefined;
     } & {
         "onUpdate:activated"?: ((val: unknown) => any) | undefined;
@@ -338,10 +352,10 @@ declare const VTreeview: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -354,7 +368,6 @@ declare const VTreeview: {
         itemChildren: SelectItemKey;
         itemProps: SelectItemKey;
         itemType: string;
-        openOnClick: boolean;
         loadingIcon: string;
         openAll: boolean;
     }, true, {}, vue.SlotsType<Partial<{
@@ -434,10 +447,10 @@ declare const VTreeview: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -470,13 +483,11 @@ declare const VTreeview: {
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         bgColor?: string | undefined;
-        activeColor?: string | undefined;
-        falseIcon?: IconValue | undefined;
-        trueIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         opened?: any;
         activeStrategy?: ActiveStrategyProp | undefined;
         'onUpdate:opened'?: (() => void) | undefined;
+        activeColor?: string | undefined;
         customFilter?: FilterFunction | undefined;
         customKeyFilter?: FilterKeyFunctions | undefined;
         'onClick:open'?: ((args_0: {
@@ -489,8 +500,6 @@ declare const VTreeview: {
             value: boolean;
             path: unknown[];
         }) => void) | undefined;
-        openOnClick?: boolean | undefined;
-        selectedColor?: string | undefined;
         loadChildren?: ((item: unknown) => Promise<void>) | undefined;
     } & {
         "onUpdate:activated"?: ((val: unknown) => any) | undefined;
@@ -519,10 +528,10 @@ declare const VTreeview: {
         density: Density;
         slim: boolean;
         valueComparator: typeof deepEqual;
-        indeterminateIcon: IconValue;
         activatable: boolean;
         selectable: boolean;
         selectStrategy: NonNullable<SelectStrategyProp>;
+        openStrategy: NonNullable<OpenStrategyProp>;
         collapseIcon: string;
         expandIcon: string;
         lines: false | "one" | "two" | "three";
@@ -535,7 +544,6 @@ declare const VTreeview: {
         itemChildren: SelectItemKey;
         itemProps: SelectItemKey;
         itemType: string;
-        openOnClick: boolean;
         loadingIcon: string;
         openAll: boolean;
     }>;
@@ -552,10 +560,10 @@ declare const VTreeview: {
     density: Density;
     slim: boolean;
     valueComparator: typeof deepEqual;
-    indeterminateIcon: IconValue;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: NonNullable<SelectStrategyProp>;
+    openStrategy: NonNullable<OpenStrategyProp>;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
@@ -588,13 +596,11 @@ declare const VTreeview: {
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     bgColor?: string | undefined;
-    activeColor?: string | undefined;
-    falseIcon?: IconValue | undefined;
-    trueIcon?: IconValue | undefined;
     activeClass?: string | undefined;
     opened?: any;
     activeStrategy?: ActiveStrategyProp | undefined;
     'onUpdate:opened'?: (() => void) | undefined;
+    activeColor?: string | undefined;
     customFilter?: FilterFunction | undefined;
     customKeyFilter?: FilterKeyFunctions | undefined;
     'onClick:open'?: ((args_0: {
@@ -607,8 +613,6 @@ declare const VTreeview: {
         value: boolean;
         path: unknown[];
     }) => void) | undefined;
-    openOnClick?: boolean | undefined;
-    selectedColor?: string | undefined;
     loadChildren?: ((item: unknown) => Promise<void>) | undefined;
 } & {
     "onUpdate:activated"?: ((val: unknown) => any) | undefined;
@@ -651,10 +655,10 @@ declare const VTreeview: {
     density: Density;
     slim: boolean;
     valueComparator: typeof deepEqual;
-    indeterminateIcon: IconValue;
     activatable: boolean;
     selectable: boolean;
     selectStrategy: NonNullable<SelectStrategyProp>;
+    openStrategy: NonNullable<OpenStrategyProp>;
     collapseIcon: string;
     expandIcon: string;
     lines: false | "one" | "two" | "three";
@@ -667,7 +671,6 @@ declare const VTreeview: {
     itemChildren: SelectItemKey;
     itemProps: SelectItemKey;
     itemType: string;
-    openOnClick: boolean;
     loadingIcon: string;
     openAll: boolean;
 }, {}, string, vue.SlotsType<Partial<{
@@ -785,7 +788,6 @@ declare const VTreeview: {
     };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
-    activeColor: StringConstructor;
     slim: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -803,7 +805,12 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<SelectStrategyProp>>;
         default: NonNullable<SelectStrategyProp>;
     };
+    openStrategy: {
+        type: vue.PropType<NonNullable<OpenStrategyProp>>;
+        default: NonNullable<OpenStrategyProp>;
+    };
     'onUpdate:opened': vue.PropType<() => void>;
+    activeColor: StringConstructor;
     collapseIcon: {
         type: vue.PropType<string>;
         default: string;
@@ -852,17 +859,6 @@ declare const VTreeview: {
         type: StringConstructor;
         default: string;
     };
-    openOnClick: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    indeterminateIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    falseIcon: vue.PropType<IconValue>;
-    trueIcon: vue.PropType<IconValue>;
-    selectedColor: StringConstructor;
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
     filterKeys: {
@@ -927,7 +923,6 @@ declare const VTreeview: {
     };
     baseColor: StringConstructor;
     bgColor: StringConstructor;
-    activeColor: StringConstructor;
     slim: {
         type: vue.PropType<boolean>;
         default: boolean;
@@ -945,7 +940,12 @@ declare const VTreeview: {
         type: vue.PropType<NonNullable<SelectStrategyProp>>;
         default: NonNullable<SelectStrategyProp>;
     };
+    openStrategy: {
+        type: vue.PropType<NonNullable<OpenStrategyProp>>;
+        default: NonNullable<OpenStrategyProp>;
+    };
     'onUpdate:opened': vue.PropType<() => void>;
+    activeColor: StringConstructor;
     collapseIcon: {
         type: vue.PropType<string>;
         default: string;
@@ -994,17 +994,6 @@ declare const VTreeview: {
         type: StringConstructor;
         default: string;
     };
-    openOnClick: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    indeterminateIcon: {
-        type: vue.PropType<IconValue>;
-        default: string;
-    };
-    falseIcon: vue.PropType<IconValue>;
-    trueIcon: vue.PropType<IconValue>;
-    selectedColor: StringConstructor;
     customFilter: vue.PropType<FilterFunction>;
     customKeyFilter: vue.PropType<FilterKeyFunctions>;
     filterKeys: {
@@ -1051,7 +1040,7 @@ declare const VTreeviewItem: {
         value?: any;
         title?: string | number | undefined;
         class?: any;
-        onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+        onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -1059,16 +1048,15 @@ declare const VTreeviewItem: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
+        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -1119,7 +1107,7 @@ declare const VTreeviewItem: {
         value?: any;
         title?: string | number | undefined;
         class?: any;
-        onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+        onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -1127,16 +1115,15 @@ declare const VTreeviewItem: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
+        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -1228,7 +1215,7 @@ declare const VTreeviewItem: {
         value?: any;
         title?: string | number | undefined;
         class?: any;
-        onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+        onClick?: ((args_0: MouseEvent) => void) | undefined;
         onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
         href?: string | undefined;
         elevation?: string | number | undefined;
@@ -1236,16 +1223,15 @@ declare const VTreeviewItem: {
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         activeClass?: string | undefined;
         appendAvatar?: string | undefined;
         prependAvatar?: string | undefined;
+        activeColor?: string | undefined;
         subtitle?: string | number | undefined;
         lines?: false | "one" | "two" | "three" | undefined;
         toggleIcon?: IconValue | undefined;
-        onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
     } & {
         $children?: vue.VNodeChild | {
             prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -1318,7 +1304,7 @@ declare const VTreeviewItem: {
     value?: any;
     title?: string | number | undefined;
     class?: any;
-    onClick?: ((args_0: MouseEvent | KeyboardEvent) => void) | undefined;
+    onClick?: ((args_0: MouseEvent) => void) | undefined;
     onClickOnce?: ((args_0: MouseEvent) => void) | undefined;
     href?: string | undefined;
     elevation?: string | number | undefined;
@@ -1326,16 +1312,15 @@ declare const VTreeviewItem: {
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
-    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     activeClass?: string | undefined;
     appendAvatar?: string | undefined;
     prependAvatar?: string | undefined;
+    activeColor?: string | undefined;
     subtitle?: string | number | undefined;
     lines?: false | "one" | "two" | "three" | undefined;
     toggleIcon?: IconValue | undefined;
-    onToggleExpand?: ((args_0: MouseEvent) => void) | undefined;
 } & {
     $children?: vue.VNodeChild | {
         prepend?: ((arg: ListItemSlot) => vue.VNodeChild) | undefined;
@@ -1467,10 +1452,9 @@ declare const VTreeviewItem: {
     subtitle: (StringConstructor | NumberConstructor)[];
     title: (StringConstructor | NumberConstructor)[];
     value: null;
-    onClick: vue.PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
+    onClick: vue.PropType<(args_0: MouseEvent) => void>;
     onClickOnce: vue.PropType<(args_0: MouseEvent) => void>;
     loading: BooleanConstructor;
-    onToggleExpand: vue.PropType<(args_0: MouseEvent) => void>;
     toggleIcon: vue.PropType<IconValue>;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
@@ -1548,10 +1532,9 @@ declare const VTreeviewItem: {
     subtitle: (StringConstructor | NumberConstructor)[];
     title: (StringConstructor | NumberConstructor)[];
     value: null;
-    onClick: vue.PropType<(args_0: MouseEvent | KeyboardEvent) => void>;
+    onClick: vue.PropType<(args_0: MouseEvent) => void>;
     onClickOnce: vue.PropType<(args_0: MouseEvent) => void>;
     loading: BooleanConstructor;
-    onToggleExpand: vue.PropType<(args_0: MouseEvent) => void>;
     toggleIcon: vue.PropType<IconValue>;
 }>>;
 type VTreeviewItem = InstanceType<typeof VTreeviewItem>;
@@ -1569,9 +1552,9 @@ declare const VTreeviewGroup: {
         title?: string | undefined;
         class?: any;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1605,9 +1588,9 @@ declare const VTreeviewGroup: {
         title?: string | undefined;
         class?: any;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1664,9 +1647,9 @@ declare const VTreeviewGroup: {
         title?: string | undefined;
         class?: any;
         baseColor?: string | undefined;
-        activeColor?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
+        activeColor?: string | undefined;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -1710,9 +1693,9 @@ declare const VTreeviewGroup: {
     title?: string | undefined;
     class?: any;
     baseColor?: string | undefined;
-    activeColor?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
+    activeColor?: string | undefined;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -1764,9 +1747,9 @@ declare const VTreeviewGroup: {
         default: string;
     };
     baseColor: StringConstructor;
-    activeColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
+    activeColor: StringConstructor;
     collapseIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;
@@ -1796,9 +1779,9 @@ declare const VTreeviewGroup: {
         default: string;
     };
     baseColor: StringConstructor;
-    activeColor: StringConstructor;
     prependIcon: vue.PropType<IconValue>;
     appendIcon: vue.PropType<IconValue>;
+    activeColor: StringConstructor;
     collapseIcon: Omit<{
         type: vue.PropType<IconValue>;
         default: string;