vuetify 3.3.8 → 3.3.10

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.8
+* Vuetify v3.3.10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8331,6 +8331,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) {
@@ -9712,6 +9718,20 @@
         }
         return false;
       },
+      set(target, key, value) {
+        if (Reflect.has(target, key)) {
+          return Reflect.set(target, key, value);
+        }
+
+        // Skip internal properties
+        if (typeof key === 'symbol' || key.startsWith('__')) return false;
+        for (const ref of refs) {
+          if (ref.value && Reflect.has(ref.value, key)) {
+            return Reflect.set(ref.value, key, value);
+          }
+        }
+        return false;
+      },
       getOwnPropertyDescriptor(target, key) {
         const descriptor = Reflect.getOwnPropertyDescriptor(target, key);
         if (descriptor) return descriptor;
@@ -10118,7 +10138,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", {
@@ -10802,7 +10822,7 @@
         menu.value = !menu.value;
       }
       function onKeydown(e) {
-        if (props.readonly || form?.isReadonly.value) return;
+        if (!e.key || props.readonly || form?.isReadonly.value) return;
         if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {
           e.preventDefault();
         }
@@ -10866,6 +10886,16 @@
       function onFocusin(e) {
         isFocused.value = true;
       }
+      function onModelUpdate(v) {
+        if (v == null) model.value = [];else if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+          const item = items.value.find(item => item.title === v);
+          if (item) {
+            select(item);
+          }
+        } else if (vTextFieldRef.value) {
+          vTextFieldRef.value.value = '';
+        }
+      }
       useRender(() => {
         const hasChips = !!(props.chips || slots.chip);
         const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -10876,9 +10906,7 @@
           "ref": vTextFieldRef
         }, textFieldProps, {
           "modelValue": model.value.map(v => v.props.value).join(', '),
-          "onUpdate:modelValue": v => {
-            if (v == null) model.value = [];
-          },
+          "onUpdate:modelValue": onModelUpdate,
           "focused": isFocused.value,
           "onUpdate:focused": $event => isFocused.value = $event,
           "validationValue": model.externalValue,
@@ -10891,7 +10919,7 @@
             'v-select--selection-slot': !!slots.selection
           }, props.class],
           "style": props.style,
-          "readonly": true,
+          "inputmode": "none",
           "placeholder": placeholder,
           "onClick:clear": onClear,
           "onMousedown:control": onMousedownControl,
@@ -11313,6 +11341,14 @@
       function onInput(e) {
         search.value = e.target.value;
       }
+      function onChange(e) {
+        if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+          const item = items.value.find(item => item.title === e.target.value);
+          if (item) {
+            select(item);
+          }
+        }
+      }
       function onAfterLeave() {
         if (isFocused.value) {
           isPristine.value = true;
@@ -11392,6 +11428,7 @@
           "validationValue": model.externalValue,
           "dirty": isDirty,
           "onInput": onInput,
+          "onChange": onChange,
           "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
             'v-autocomplete--active-menu': menu.value,
             'v-autocomplete--chips': !!props.chips,
@@ -15609,6 +15646,7 @@
                   "name": props.name,
                   "onClick": e => {
                     e.stopPropagation();
+                    if (isReadonly.value) e.preventDefault();
                     onFocus();
                   },
                   "onChange": e => {
@@ -16381,7 +16419,7 @@
       });
     });
     vue.onBeforeUnmount(() => {
-      document.removeEventListener('scroll', onScroll);
+      window.removeEventListener('scroll', onScroll);
     });
     let lastScrollTop = 0;
     function onScroll() {
@@ -17484,8 +17522,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 {
@@ -19827,11 +19867,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;
@@ -20162,7 +20215,7 @@
       date
     };
   }
-  const version$1 = "3.3.8";
+  const version$1 = "3.3.10";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20187,7 +20240,7 @@
       ...options
     });
   };
-  const version = "3.3.8";
+  const version = "3.3.10";
   createVuetify.version = version;
 
   exports.components = components;