@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-10 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

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

@@ -19,33 +19,33 @@ declare const VTimePicker: {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
+        readonly: boolean;
         tag: string;
         format: "ampm" | "24hr";
-        readonly: boolean;
         tile: boolean;
         scrollable: boolean;
         hideHeader: boolean;
-        useSeconds: boolean;
         ampmInTitle: boolean;
+        useSeconds: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        max?: string | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
+        min?: string | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        modelValue?: any;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
-        max?: string | undefined;
+        theme?: string | undefined;
+        modelValue?: any;
+        rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        min?: string | undefined;
         allowedHours?: number[] | AllowFunction | undefined;
         allowedMinutes?: number[] | AllowFunction | undefined;
         allowedSeconds?: number[] | AllowFunction | undefined;
@@ -80,33 +80,33 @@ declare const VTimePicker: {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
+        readonly: boolean;
         tag: string;
         format: "ampm" | "24hr";
-        readonly: boolean;
         tile: boolean;
         scrollable: boolean;
         hideHeader: boolean;
-        useSeconds: boolean;
         ampmInTitle: boolean;
+        useSeconds: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        max?: string | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
+        min?: string | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        modelValue?: any;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
-        max?: string | undefined;
+        theme?: string | undefined;
+        modelValue?: any;
+        rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        min?: string | undefined;
         allowedHours?: number[] | AllowFunction | undefined;
         allowedMinutes?: number[] | AllowFunction | undefined;
         allowedSeconds?: number[] | AllowFunction | undefined;
@@ -135,15 +135,15 @@ declare const VTimePicker: {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
+        readonly: boolean;
         tag: string;
         format: "ampm" | "24hr";
-        readonly: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         scrollable: boolean;
         hideHeader: boolean;
-        useSeconds: boolean;
         ampmInTitle: boolean;
+        useSeconds: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -165,33 +165,33 @@ declare const VTimePicker: {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
+        readonly: boolean;
         tag: string;
         format: "ampm" | "24hr";
-        readonly: boolean;
         tile: boolean;
         scrollable: boolean;
         hideHeader: boolean;
-        useSeconds: boolean;
         ampmInTitle: boolean;
+        useSeconds: boolean;
     } & {
-        class?: any;
-        width?: string | number | undefined;
+        max?: string | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
-        theme?: string | undefined;
-        color?: string | undefined;
+        width?: string | number | undefined;
+        min?: string | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        modelValue?: any;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        class?: any;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
-        max?: string | undefined;
+        theme?: string | undefined;
+        modelValue?: any;
+        rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
-        min?: string | undefined;
         allowedHours?: number[] | AllowFunction | undefined;
         allowedMinutes?: number[] | AllowFunction | undefined;
         allowedSeconds?: number[] | AllowFunction | undefined;
@@ -220,15 +220,15 @@ declare const VTimePicker: {
         style: vue.StyleValue;
         title: string;
         disabled: boolean;
+        readonly: boolean;
         tag: string;
         format: "ampm" | "24hr";
-        readonly: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         scrollable: boolean;
         hideHeader: boolean;
-        useSeconds: boolean;
         ampmInTitle: boolean;
+        useSeconds: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -237,33 +237,33 @@ declare const VTimePicker: {
     style: vue.StyleValue;
     title: string;
     disabled: boolean;
+    readonly: boolean;
     tag: string;
     format: "ampm" | "24hr";
-    readonly: boolean;
     tile: boolean;
     scrollable: boolean;
     hideHeader: boolean;
-    useSeconds: boolean;
     ampmInTitle: boolean;
+    useSeconds: boolean;
 } & {
-    class?: any;
-    width?: string | number | undefined;
+    max?: string | undefined;
+    location?: Anchor | undefined;
     height?: string | number | undefined;
-    theme?: string | undefined;
-    color?: string | undefined;
+    width?: string | number | undefined;
+    min?: string | undefined;
     border?: string | number | boolean | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-    modelValue?: any;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    class?: any;
     elevation?: string | number | undefined;
-    location?: Anchor | undefined;
-    max?: string | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+    rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
-    min?: string | undefined;
     allowedHours?: number[] | AllowFunction | undefined;
     allowedMinutes?: number[] | AllowFunction | undefined;
     allowedSeconds?: number[] | AllowFunction | undefined;
@@ -298,15 +298,15 @@ declare const VTimePicker: {
     style: vue.StyleValue;
     title: string;
     disabled: boolean;
+    readonly: boolean;
     tag: string;
     format: "ampm" | "24hr";
-    readonly: boolean;
     rounded: string | number | boolean;
     tile: boolean;
     scrollable: boolean;
     hideHeader: boolean;
-    useSeconds: boolean;
     ampmInTitle: boolean;
+    useSeconds: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -318,7 +318,19 @@ declare const VTimePicker: {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    class: PropType<any>;
+    location: PropType<Anchor>;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        validator: (v: any) => boolean;
+    };
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -327,33 +339,21 @@ declare const VTimePicker: {
         type: PropType<string>;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    color: StringConstructor;
+    class: PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-    position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
-        validator: (v: any) => boolean;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
     };
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
     tile: BooleanConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    location: PropType<Anchor>;
     bgColor: StringConstructor;
     hideHeader: BooleanConstructor;
     allowedHours: PropType<number[] | AllowFunction>;
@@ -372,7 +372,19 @@ declare const VTimePicker: {
     scrollable: BooleanConstructor;
     useSeconds: BooleanConstructor;
 }, vue.ExtractPropTypes<{
-    class: PropType<any>;
+    location: PropType<Anchor>;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        validator: (v: any) => boolean;
+    };
     style: {
         type: PropType<vue.StyleValue>;
         default: null;
@@ -381,33 +393,21 @@ declare const VTimePicker: {
         type: PropType<string>;
         default: string;
     };
-    width: (StringConstructor | NumberConstructor)[];
-    height: (StringConstructor | NumberConstructor)[];
-    theme: StringConstructor;
-    color: StringConstructor;
+    class: PropType<any>;
     tag: {
         type: StringConstructor;
         default: string;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
-    position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
-        validator: (v: any) => boolean;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
     };
+    theme: StringConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
     tile: BooleanConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    location: PropType<Anchor>;
     bgColor: StringConstructor;
     hideHeader: BooleanConstructor;
     allowedHours: PropType<number[] | AllowFunction>;
@@ -430,14 +430,14 @@ type VTimePicker = InstanceType<typeof VTimePicker>;
 
 declare const VTimePickerClock: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
+        max: number;
+        min: number;
+        rotate: number;
         disabled: boolean;
-        format: Function;
         readonly: boolean;
         double: boolean;
-        rotate: number;
-        max: number;
-        min: number;
         step: number;
+        format: Function;
         scrollable: boolean;
         ampm: boolean;
     } & {
@@ -461,14 +461,14 @@ declare const VTimePickerClock: {
         change: (val: number) => true;
         input: (val: number) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        max: number;
+        min: number;
+        rotate: number;
         disabled: boolean;
-        format: Function;
         readonly: boolean;
         double: boolean;
-        rotate: number;
-        max: number;
-        min: number;
         step: number;
+        format: Function;
         scrollable: boolean;
         ampm: boolean;
     } & {
@@ -489,12 +489,12 @@ declare const VTimePickerClock: {
         onChange?: ((val: number) => any) | undefined;
         onInput?: ((val: number) => any) | undefined;
     }, {
+        rotate: number;
         disabled: boolean;
-        format: Function;
         readonly: boolean;
         double: boolean;
-        rotate: number;
         step: number;
+        format: Function;
         scrollable: boolean;
         ampm: boolean;
     }, true, {}, vue.SlotsType<Partial<{
@@ -509,14 +509,14 @@ declare const VTimePickerClock: {
         M: {};
         Defaults: {};
     }, {
+        max: number;
+        min: number;
+        rotate: number;
         disabled: boolean;
-        format: Function;
         readonly: boolean;
         double: boolean;
-        rotate: number;
-        max: number;
-        min: number;
         step: number;
+        format: Function;
         scrollable: boolean;
         ampm: boolean;
     } & {
@@ -537,12 +537,12 @@ declare const VTimePickerClock: {
         onChange?: ((val: number) => any) | undefined;
         onInput?: ((val: number) => any) | undefined;
     }, {}, {}, {}, {}, {
+        rotate: number;
         disabled: boolean;
-        format: Function;
         readonly: boolean;
         double: boolean;
-        rotate: number;
         step: number;
+        format: Function;
         scrollable: boolean;
         ampm: boolean;
     }>;
@@ -550,14 +550,14 @@ declare const VTimePickerClock: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    max: number;
+    min: number;
+    rotate: number;
     disabled: boolean;
-    format: Function;
     readonly: boolean;
     double: boolean;
-    rotate: number;
-    max: number;
-    min: number;
     step: number;
+    format: Function;
     scrollable: boolean;
     ampm: boolean;
 } & {
@@ -581,12 +581,12 @@ declare const VTimePickerClock: {
     change: (val: number) => true;
     input: (val: number) => true;
 }, string, {
+    rotate: number;
     disabled: boolean;
-    format: Function;
     readonly: boolean;
     double: boolean;
-    rotate: number;
     step: number;
+    format: Function;
     scrollable: boolean;
     ampm: boolean;
 }, {}, string, vue.SlotsType<Partial<{
@@ -666,11 +666,12 @@ declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
+        ampmInTitle: boolean;
         ampmReadonly: boolean;
         useSeconds: boolean;
     } & {
-        value?: number | undefined;
         color?: string | undefined;
+        value?: number | undefined;
         hour?: number | undefined;
         minute?: number | undefined;
         second?: number | undefined;
@@ -687,7 +688,7 @@ declare const VTimePickerControls: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:period"?: ((data: Period) => any) | undefined;
-        "onUpdate:selecting"?: ((data: 1 | 3 | 2) => any) | undefined;
+        "onUpdate:selecting"?: ((data: 2 | 1 | 3) => any) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         'update:period': (data: Period) => true;
         'update:selecting': (data: 1 | 2 | 3) => true;
@@ -695,11 +696,12 @@ declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
+        ampmInTitle: boolean;
         ampmReadonly: boolean;
         useSeconds: boolean;
     } & {
-        value?: number | undefined;
         color?: string | undefined;
+        value?: number | undefined;
         hour?: number | undefined;
         minute?: number | undefined;
         second?: number | undefined;
@@ -716,11 +718,12 @@ declare const VTimePickerControls: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:period"?: ((data: Period) => any) | undefined;
-        "onUpdate:selecting"?: ((data: 1 | 3 | 2) => any) | undefined;
+        "onUpdate:selecting"?: ((data: 2 | 1 | 3) => any) | undefined;
     }, {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
+        ampmInTitle: boolean;
         ampmReadonly: boolean;
         useSeconds: boolean;
     }, true, {}, vue.SlotsType<Partial<{
@@ -738,11 +741,12 @@ declare const VTimePickerControls: {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
+        ampmInTitle: boolean;
         ampmReadonly: boolean;
         useSeconds: boolean;
     } & {
-        value?: number | undefined;
         color?: string | undefined;
+        value?: number | undefined;
         hour?: number | undefined;
         minute?: number | undefined;
         second?: number | undefined;
@@ -759,11 +763,12 @@ declare const VTimePickerControls: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:period"?: ((data: Period) => any) | undefined;
-        "onUpdate:selecting"?: ((data: 1 | 3 | 2) => any) | undefined;
+        "onUpdate:selecting"?: ((data: 2 | 1 | 3) => any) | undefined;
     }, {}, {}, {}, {}, {
         disabled: boolean;
         readonly: boolean;
         ampm: boolean;
+        ampmInTitle: boolean;
         ampmReadonly: boolean;
         useSeconds: boolean;
     }>;
@@ -774,11 +779,12 @@ declare const VTimePickerControls: {
     disabled: boolean;
     readonly: boolean;
     ampm: boolean;
+    ampmInTitle: boolean;
     ampmReadonly: boolean;
     useSeconds: boolean;
 } & {
-    value?: number | undefined;
     color?: string | undefined;
+    value?: number | undefined;
     hour?: number | undefined;
     minute?: number | undefined;
     second?: number | undefined;
@@ -795,7 +801,7 @@ declare const VTimePickerControls: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:period"?: ((data: Period) => any) | undefined;
-    "onUpdate:selecting"?: ((data: 1 | 3 | 2) => any) | undefined;
+    "onUpdate:selecting"?: ((data: 2 | 1 | 3) => any) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'update:period': (data: Period) => true;
     'update:selecting': (data: 1 | 2 | 3) => true;
@@ -803,6 +809,7 @@ declare const VTimePickerControls: {
     disabled: boolean;
     readonly: boolean;
     ampm: boolean;
+    ampmInTitle: boolean;
     ampmReadonly: boolean;
     useSeconds: boolean;
 }, {}, string, vue.SlotsType<Partial<{
@@ -811,6 +818,7 @@ declare const VTimePickerControls: {
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     ampm: BooleanConstructor;
+    ampmInTitle: BooleanConstructor;
     ampmReadonly: BooleanConstructor;
     color: StringConstructor;
     disabled: BooleanConstructor;
@@ -824,6 +832,7 @@ declare const VTimePickerControls: {
     value: NumberConstructor;
 }, vue.ExtractPropTypes<{
     ampm: BooleanConstructor;
+    ampmInTitle: BooleanConstructor;
     ampmReadonly: BooleanConstructor;
     color: StringConstructor;
     disabled: BooleanConstructor;

package/lib/labs/VTreeview/VTreeviewItem.css

@@ -1,4 +1,4 @@
-.v-treeview-item--filtered {
+.v-treeview-item.v-treeview-item--filtered {
   display: none;
 }
 

package/lib/labs/VTreeview/VTreeviewItem.sass

@@ -2,8 +2,8 @@
 @use './variables' as *
 
 @include tools.layer('components')
-  .v-treeview-item--filtered
-      display: none
+  .v-treeview-item.v-treeview-item--filtered
+    display: none
 
   .v-treeview
     --indent-padding: 0px
@@ -16,6 +16,3 @@
 
     .v-list-group__items .v-list-item
       padding-inline-start: calc(#{$treeview-item-padding-inline-start} + var(--indent-padding)) !important
-
-    .v-list-group__items .v-list-item--prepend
-      // padding-inline-start: calc(#{$treeview-item-prepend-padding-inline-start} + var(--indent-padding)) !important