@vuetify/nightly 3.7.11-master.2025-02-08 → 3.7.11-master.2025-02-11

package/dist/vuetify-labs.d.ts

@@ -28040,7 +28040,6 @@ declare const VDatePicker: {
         bgColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -28094,7 +28093,6 @@ declare const VDatePicker: {
         bgColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -28180,7 +28178,6 @@ declare const VDatePicker: {
         bgColor?: string | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         "onUpdate:month"?: ((date: any) => any) | undefined;
         "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -28255,7 +28252,6 @@ declare const VDatePicker: {
     bgColor?: string | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-    displayValue?: unknown;
 } & {
     "onUpdate:month"?: ((date: any) => any) | undefined;
     "onUpdate:year"?: ((date: any) => any) | undefined;
@@ -28343,9 +28339,7 @@ declare const VDatePicker: {
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
     year: NumberConstructor;
-    allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
     disabled: BooleanConstructor;
-    displayValue: vue.PropType<unknown>;
     month: (StringConstructor | NumberConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     weekdays: {
@@ -28375,6 +28369,7 @@ declare const VDatePicker: {
         default: NonNullable<"static" | "dynamic">;
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
+    allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;
     multiple: vue.PropType<boolean | "range" | number | (string & {})>;
     showWeek: BooleanConstructor;
@@ -28455,9 +28450,7 @@ declare const VDatePicker: {
     max: vue.PropType<unknown>;
     min: vue.PropType<unknown>;
     year: NumberConstructor;
-    allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
     disabled: BooleanConstructor;
-    displayValue: vue.PropType<unknown>;
     month: (StringConstructor | NumberConstructor)[];
     showAdjacentMonths: BooleanConstructor;
     weekdays: {
@@ -28487,6 +28480,7 @@ declare const VDatePicker: {
         default: NonNullable<"static" | "dynamic">;
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
+    allowedDates: vue.PropType<unknown[] | ((date: unknown) => boolean)>;
     hideWeekdays: BooleanConstructor;
     multiple: vue.PropType<boolean | "range" | number | (string & {})>;
     showWeek: BooleanConstructor;
@@ -28883,7 +28877,6 @@ declare const VDatePickerMonth: {
         modelValue?: unknown[] | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: {} | vue.VNodeChild | {
             day?: ((arg: {
@@ -28938,7 +28931,6 @@ declare const VDatePickerMonth: {
         modelValue?: unknown[] | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: {} | vue.VNodeChild | {
             day?: ((arg: {
@@ -29013,7 +29005,6 @@ declare const VDatePickerMonth: {
         modelValue?: unknown[] | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: {} | vue.VNodeChild | {
             day?: ((arg: {
@@ -29077,7 +29068,6 @@ declare const VDatePickerMonth: {
     modelValue?: unknown[] | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-    displayValue?: unknown;
 } & {
     $children?: {} | vue.VNodeChild | {
         day?: ((arg: {
@@ -29131,15 +29121,13 @@ declare const VDatePickerMonth: {
         i: number;
     }) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
-    allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
-    disabled: BooleanConstructor;
-    displayValue: PropType<unknown>;
-    modelValue: PropType<unknown[]>;
-    month: (StringConstructor | NumberConstructor)[];
     max: PropType<unknown>;
     min: PropType<unknown>;
-    showAdjacentMonths: BooleanConstructor;
+    disabled: BooleanConstructor;
+    month: (StringConstructor | NumberConstructor)[];
     year: (StringConstructor | NumberConstructor)[];
+    modelValue: PropType<unknown[]>;
+    showAdjacentMonths: BooleanConstructor;
     weekdays: {
         type: {
             (arrayLength: number): number[];
@@ -29164,6 +29152,7 @@ declare const VDatePickerMonth: {
         default: string;
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
+    allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     color: StringConstructor;
     hideWeekdays: BooleanConstructor;
     multiple: PropType<boolean | "range" | number | (string & {})>;
@@ -29177,15 +29166,13 @@ declare const VDatePickerMonth: {
         default: string;
     };
 }, vue.ExtractPropTypes<{
-    allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
-    disabled: BooleanConstructor;
-    displayValue: PropType<unknown>;
-    modelValue: PropType<unknown[]>;
-    month: (StringConstructor | NumberConstructor)[];
     max: PropType<unknown>;
     min: PropType<unknown>;
-    showAdjacentMonths: BooleanConstructor;
+    disabled: BooleanConstructor;
+    month: (StringConstructor | NumberConstructor)[];
     year: (StringConstructor | NumberConstructor)[];
+    modelValue: PropType<unknown[]>;
+    showAdjacentMonths: BooleanConstructor;
     weekdays: {
         type: {
             (arrayLength: number): number[];
@@ -29210,6 +29197,7 @@ declare const VDatePickerMonth: {
         default: string;
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
+    allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
     color: StringConstructor;
     hideWeekdays: BooleanConstructor;
     multiple: PropType<boolean | "range" | number | (string & {})>;
@@ -68649,7 +68637,6 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             actions?: ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
@@ -68765,7 +68752,6 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             actions?: ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
@@ -68941,7 +68927,6 @@ declare const VDateInput: {
         modelModifiers?: Record<string, boolean> | undefined;
         firstDayOfWeek?: string | number | undefined;
         allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-        displayValue?: unknown;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             actions?: ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
@@ -69111,7 +69096,6 @@ declare const VDateInput: {
     modelModifiers?: Record<string, boolean> | undefined;
     firstDayOfWeek?: string | number | undefined;
     allowedDates?: unknown[] | ((date: unknown) => boolean) | undefined;
-    displayValue?: unknown;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         actions?: ((arg: VDateInputActionsSlot) => vue.VNodeChild) | undefined;
@@ -69231,10 +69215,6 @@ declare const VDateInput: {
         validator(v: any): boolean;
     };
     modelValue: null;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     tile: BooleanConstructor;
     bgColor: StringConstructor;
     nextIcon: {
@@ -69289,13 +69269,16 @@ declare const VDateInput: {
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
-    displayValue: PropType<unknown>;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
     hideHeader: {
         type: PropType<boolean>;
         default: boolean;
     };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     loading: (StringConstructor | BooleanConstructor)[];
     appendInnerIcon: PropType<IconValue>;
     clearable: BooleanConstructor;
@@ -69450,10 +69433,6 @@ declare const VDateInput: {
         validator(v: any): boolean;
     };
     modelValue: null;
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
     tile: BooleanConstructor;
     bgColor: StringConstructor;
     nextIcon: {
@@ -69508,13 +69487,16 @@ declare const VDateInput: {
     };
     firstDayOfWeek: (StringConstructor | NumberConstructor)[];
     allowedDates: PropType<unknown[] | ((date: unknown) => boolean)>;
-    displayValue: PropType<unknown>;
     hideWeekdays: BooleanConstructor;
     showWeek: BooleanConstructor;
     hideHeader: {
         type: PropType<boolean>;
         default: boolean;
     };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     loading: (StringConstructor | BooleanConstructor)[];
     appendInnerIcon: PropType<IconValue>;
     clearable: BooleanConstructor;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.11-master.2025-02-08
+* Vuetify v3.7.11-master.2025-02-11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9400,7 +9400,7 @@ function transformItem$3(props, item) {
   };
 }
 function transformItems$3(props, items) {
-  const _props = toRaw(props);
+  const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
   const array = [];
   for (const item of items) {
     array.push(transformItem$3(_props, item));
@@ -9443,7 +9443,7 @@ function useItems(props) {
     const _returnObject = props.returnObject;
     const hasValueComparator = !!props.valueComparator;
     const valueComparator = props.valueComparator || deepEqual;
-    const _props = toRaw(props);
+    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
     const returnValue = [];
     main: for (const v of _value) {
       // When the model value is null, return an InternalItem
@@ -15590,6 +15590,8 @@ const useSlider = _ref => {
   const trackContainerRef = ref();
   const activeThumbRef = ref();
   function parseMouseMove(e) {
+    const el = trackContainerRef.value?.$el;
+    if (!el) return;
     const vertical = props.direction === 'vertical';
     const start = vertical ? 'top' : 'left';
     const length = vertical ? 'height' : 'width';
@@ -15597,7 +15599,7 @@ const useSlider = _ref => {
     const {
       [start]: trackStart,
       [length]: trackLength
-    } = trackContainerRef.value?.$el.getBoundingClientRect();
+    } = el.getBoundingClientRect();
     const clickOffset = getPosition(e, position);
 
     // It is possible for left to be NaN, force to number
@@ -15606,13 +15608,17 @@ const useSlider = _ref => {
     return roundValue(min.value + clickPos * (max.value - min.value));
   }
   const handleStop = e => {
-    onSliderEnd({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderEnd({
+        value
+      });
+    }
     mousePressed.value = false;
     startOffset.value = 0;
   };
   const handleStart = e => {
+    const value = parseMouseMove(e);
     activeThumbRef.value = getActiveThumb(e);
     if (!activeThumbRef.value) return;
     mousePressed.value = true;
@@ -15620,13 +15626,17 @@ const useSlider = _ref => {
       startOffset.value = getOffset(e, activeThumbRef.value, props.direction);
     } else {
       startOffset.value = 0;
-      onSliderMove({
-        value: parseMouseMove(e)
+      if (value != null) {
+        onSliderMove({
+          value
+        });
+      }
+    }
+    if (value != null) {
+      onSliderStart({
+        value
       });
     }
-    onSliderStart({
-      value: parseMouseMove(e)
-    });
     nextTick(() => activeThumbRef.value?.focus());
   };
   const moveListenerOptions = {
@@ -15634,9 +15644,12 @@ const useSlider = _ref => {
     capture: true
   };
   function onMouseMove(e) {
-    onSliderMove({
-      value: parseMouseMove(e)
-    });
+    const value = parseMouseMove(e);
+    if (value != null) {
+      onSliderMove({
+        value
+      });
+    }
   }
   function onSliderMouseUp(e) {
     e.stopPropagation();
@@ -21769,7 +21782,7 @@ const makeVDatePickerMonthProps = propsFactory({
     type: String,
     default: 'picker-reverse-transition'
   },
-  ...makeCalendarProps()
+  ...omit(makeCalendarProps(), ['displayValue'])
 }, 'VDatePickerMonth');
 const VDatePickerMonth = genericComponent()({
   name: 'VDatePickerMonth',
@@ -28178,7 +28191,7 @@ const makeVDateInputProps = propsFactory({
   ...omit(makeVDatePickerProps({
     weeksInMonth: 'dynamic',
     hideHeader: true
-  }), ['active', 'location'])
+  }), ['active', 'location', 'rounded'])
 }, 'VDateInput');
 const VDateInput = genericComponent()({
   name: 'VDateInput',
@@ -28239,7 +28252,7 @@ const VDateInput = genericComponent()({
     }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
-      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location']));
+      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
       const textFieldProps = VTextField.filterProps(props);
       return createVNode(VTextField, mergeProps({
         "ref": vDateInputRef
@@ -30880,7 +30893,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.11-master.2025-02-08";
+const version$1 = "3.7.11-master.2025-02-11";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31133,7 +31146,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.11-master.2025-02-08";
+const version = "3.7.11-master.2025-02-11";
 
 /* eslint-disable local-rules/sort-imports */