vuetify 3.3.8 → 3.3.9

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.8
+* Vuetify v3.3.9
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8338,6 +8338,12 @@
     // el.style.removeProperty('max-width')
     // el.style.removeProperty('max-height')
 
+    if (isRtl) {
+      el.style.removeProperty('left');
+    } else {
+      el.style.removeProperty('right');
+    }
+
     /* eslint-disable-next-line sonarjs/prefer-immediate-return */
     const contentBox = nullifyTransforms(el);
     if (isRtl) {
@@ -10125,7 +10131,7 @@
         }, null), vue.createVNode(LoaderSlot, {
           "name": "v-field",
           "active": !!props.loading,
-          "color": props.error ? 'error' : props.color
+          "color": props.error ? 'error' : typeof props.loading === 'string' ? props.loading : props.color
         }, {
           default: slots.loader
         }), hasPrepend && vue.createVNode("div", {
@@ -17491,8 +17497,10 @@
             value
           } = _ref2;
           const newValue = activeThumbRef.value === startThumbRef.value?.$el ? [value, model.value[1]] : [model.value[0], value];
-          model.value = newValue;
-          emit('end', newValue);
+          if (!props.strict && newValue[0] < newValue[1]) {
+            model.value = newValue;
+          }
+          emit('end', model.value);
         },
         onSliderMove: _ref3 => {
           let {
@@ -20936,7 +20944,7 @@
           const itemSlotProps = {
             ...slotProps,
             props: {
-              key: `item_${item.value}`,
+              key: `item_${item.key ?? item.index}`,
               onClick: expandOnClick.value || props['onClick:row'] ? event => {
                 if (expandOnClick.value) {
                   toggleExpand(item);
@@ -20985,6 +20993,7 @@
     }, {});
     return {
       type: 'item',
+      key: props.returnObject ? getPropertyFromItem(item, props.itemValue) : value,
       index,
       value,
       selectable,
@@ -21756,11 +21765,24 @@
   function endOfMonth(date) {
     return new Date(date.getFullYear(), date.getMonth() + 1, 0);
   }
+  function formatYyyyMmDd(value) {
+    const formattedValue = value.split('-').map(d => d.padStart(2, '0')).join('-');
+    const offsetMin = new Date().getTimezoneOffset() / -60;
+    const offsetSign = offsetMin < 0 ? '-' : '+';
+    const offsetValue = Math.abs(offsetMin).toString().padStart(2, '0');
+    return `${formattedValue}T00:00:00.000${offsetSign}${offsetValue}:00`;
+  }
+  const _YYYMMDD = /([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))/;
   function date(value) {
     if (value == null) return new Date();
     if (value instanceof Date) return value;
     if (typeof value === 'string') {
-      const parsed = Date.parse(value);
+      let parsed;
+      if (_YYYMMDD.test(value)) {
+        parsed = Date.parse(formatYyyyMmDd(value));
+      } else {
+        parsed = Date.parse(value);
+      }
       if (!isNaN(parsed)) return new Date(parsed);
     }
     return null;
@@ -22009,11 +22031,11 @@
     const date = vue.inject(DateAdapterSymbol);
     const locale = useLocale();
     if (!date) throw new Error('[Vuetify] Could not find injected date');
-    const instance = typeof date.adapter === 'function'
+    const instance = vue.reactive(typeof date.adapter === 'function'
     // eslint-disable-next-line new-cap
     ? new date.adapter({
       locale: date.locale?.[locale.current.value] ?? locale.current.value
-    }) : date.adapter;
+    }) : date.adapter);
     vue.watch(locale.current, value => {
       const newLocale = date.locale ? date.locale[value] : value;
       instance.locale = newLocale ?? instance.locale;
@@ -22059,7 +22081,7 @@
     },
     displayDate: {
       type: null,
-      default: new Date()
+      default: null
     },
     inputMode: {
       type: String,
@@ -22078,6 +22100,34 @@
     'update:inputMode': inputMode => true,
     'update:viewMode': viewMode => true
   };
+  function createDateInput(props, isRange) {
+    const adapter = useDate();
+    const model = useProxiedModel(props, 'modelValue', [], v => {
+      if (v == null) return [];
+      const arr = wrapInArray(v).filter(v => !!v);
+      return arr.map(adapter.date);
+    }, v => {
+      const arr = wrapInArray(v);
+      const formatted = props.format ? arr.map(d => adapter.format(d, props.format)) : arr;
+      if (isRange) return formatted;
+      return formatted[0];
+    });
+    const inputMode = useProxiedModel(props, 'inputMode');
+    const viewMode = useProxiedModel(props, 'viewMode');
+    const displayDate = useProxiedModel(props, 'displayDate', model.value.length ? model.value[0] : adapter.date());
+    function parseKeyboardDate(input, fallback) {
+      const date = adapter.date(input);
+      return adapter.isValid(date) ? date : fallback;
+    }
+    return {
+      model,
+      adapter,
+      inputMode,
+      viewMode,
+      displayDate,
+      parseKeyboardDate
+    };
+  }
 
   const makeVDatePickerControlsProps = propsFactory({
     nextIcon: {
@@ -22141,6 +22191,7 @@
           "icon": props.viewMode === 'month' ? props.expandIcon : props.collapseIcon,
           "onClick": () => emit('update:viewMode', props.viewMode === 'month' ? 'year' : 'month')
         }, null), vue.createVNode(VSpacer, null, null), props.viewMode === 'month' && !props.range && vue.createVNode("div", {
+          "class": "v-date-picker-controls__month",
           "key": "month-buttons"
         }, [prevBtn, nextBtn]), props.viewMode === 'month' && props.range === 'end' && nextBtn]);
       });
@@ -22148,7 +22199,7 @@
     }
   });
 
-  // Utilities
+  // Composables
 
   // Types
 
@@ -22166,12 +22217,24 @@
       dragHandle,
       hasScrolled
     });
+
+    // TODO: This composable should probably not live in DateInput
+    const {
+      model,
+      displayDate,
+      viewMode,
+      inputMode
+    } = createDateInput(props, !!props.multiple);
     return {
       hoverDate,
       hoverMonth,
       isDragging,
       dragHandle,
-      hasScrolled
+      hasScrolled,
+      model,
+      displayDate,
+      viewMode,
+      inputMode
     };
   }
   function useDatePicker() {
@@ -22549,7 +22612,7 @@
       const {
         t
       } = useLocale();
-      createDatePicker();
+      createDatePicker(props);
       function onDisplayUpdate(val) {
         emit('update:displayDate', val);
       }
@@ -22765,12 +22828,13 @@
       const {
         t
       } = useLocale();
-      createDatePicker();
-      const model = vue.ref(props.modelValue ?? []);
+      const {
+        model,
+        displayDate,
+        viewMode,
+        inputMode
+      } = createDatePicker(props);
       const isReversing = vue.ref(false);
-      const displayDate = useProxiedModel(props, 'displayDate', props.displayDate);
-      const inputMode = useProxiedModel(props, 'inputMode', props.inputMode);
-      const viewMode = useProxiedModel(props, 'viewMode', props.viewMode);
       const inputModel = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'keyboardDate') : '');
       const title = vue.computed(() => t(props.title));
       const header = vue.computed(() => model.value.length ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header));
@@ -22815,7 +22879,8 @@
         return vue.createVNode(VPicker, vue.mergeProps(pickerProps, {
           "class": ['v-date-picker', props.class],
           "style": props.style,
-          "title": title.value
+          "title": title.value,
+          "width": props.showWeek ? 408 : 360
         }), {
           header: () => slots.header?.(headerSlotProps.value) ?? vue.createVNode(VDatePickerHeader, vue.mergeProps({
             "key": "header"
@@ -23602,7 +23667,7 @@
       date
     };
   }
-  const version$1 = "3.3.8";
+  const version$1 = "3.3.9";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -23616,7 +23681,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.3.8";
+  const version = "3.3.9";
 
   /* eslint-disable local-rules/sort-imports */