vuetify 3.7.10 → 3.7.12

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.10
+* Vuetify v3.7.12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -581,6 +581,9 @@
     const noModifier = !e.ctrlKey && !e.metaKey && !e.altKey;
     return isPrintableChar && noModifier;
   }
+  function isPrimitive(value) {
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint';
+  }
 
   // Utilities
   const block = ['top', 'bottom'];
@@ -5349,11 +5352,13 @@
       animation.classList.add('v-ripple__animation--visible');
       transform(animation, `translate(${x}, ${y}) scale3d(${scale},${scale},${scale})`);
       animation.dataset.activated = String(performance.now());
-      setTimeout(() => {
-        animation.classList.remove('v-ripple__animation--enter');
-        animation.classList.add('v-ripple__animation--in');
-        transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
-      }, 0);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          animation.classList.remove('v-ripple__animation--enter');
+          animation.classList.add('v-ripple__animation--in');
+          transform(animation, `translate(${centerX}, ${centerY}) scale3d(1,1,1)`);
+        });
+      });
     },
     hide(el) {
       if (!el?._ripple?.enabled) return;
@@ -8348,12 +8353,12 @@
         return selected;
       },
       in: (v, children, parents) => {
-        let map = new Map();
+        const map = new Map();
         for (const id of v || []) {
-          map = strategy.select({
+          strategy.select({
             id,
             value: true,
-            selected: new Map(map),
+            selected: map,
             children,
             parents
           });
@@ -8388,11 +8393,10 @@
         });
       },
       in: (v, children, parents) => {
-        let map = new Map();
         if (v?.length) {
-          map = parentStrategy.in(v.slice(0, 1), children, parents);
+          return parentStrategy.in(v.slice(0, 1), children, parents);
         }
-        return map;
+        return new Map();
       },
       out: (v, children, parents) => {
         return parentStrategy.out(v, children, parents);
@@ -8495,7 +8499,7 @@
           map = strategy.select({
             id,
             value: true,
-            selected: new Map(map),
+            selected: map,
             children,
             parents
           });
@@ -9379,10 +9383,7 @@
       default: 'props'
     },
     returnObject: Boolean,
-    valueComparator: {
-      type: Function,
-      default: deepEqual
-    }
+    valueComparator: Function
   }, 'list-items');
   function transformItem$3(props, item) {
     const title = getPropertyFromItem(item, props.itemTitle, item);
@@ -9403,29 +9404,85 @@
     };
   }
   function transformItems$3(props, items) {
+    const _props = pick(props, ['itemTitle', 'itemValue', 'itemChildren', 'itemProps', 'returnObject', 'valueComparator']);
     const array = [];
     for (const item of items) {
-      array.push(transformItem$3(props, item));
+      array.push(transformItem$3(_props, item));
     }
     return array;
   }
   function useItems(props) {
     const items = vue.computed(() => transformItems$3(props, props.items));
     const hasNullItem = vue.computed(() => items.value.some(item => item.value === null));
+    const itemsMap = vue.shallowRef(new Map());
+    const keylessItems = vue.shallowRef([]);
+    vue.watchEffect(() => {
+      const _items = items.value;
+      const map = new Map();
+      const keyless = [];
+      for (let i = 0; i < _items.length; i++) {
+        const item = _items[i];
+        if (isPrimitive(item.value) || item.value === null) {
+          let values = map.get(item.value);
+          if (!values) {
+            values = [];
+            map.set(item.value, values);
+          }
+          values.push(item);
+        } else {
+          keyless.push(item);
+        }
+      }
+      itemsMap.value = map;
+      keylessItems.value = keyless;
+    });
     function transformIn(value) {
-      if (!hasNullItem.value) {
+      // Cache unrefed values outside the loop,
+      // proxy getters can be slow when you call them a billion times
+      const _value = vue.toRaw(value);
+      const _items = itemsMap.value;
+      const _allItems = items.value;
+      const _keylessItems = keylessItems.value;
+      const _hasNullItem = hasNullItem.value;
+      const _returnObject = props.returnObject;
+      const hasValueComparator = !!props.valueComparator;
+      const valueComparator = props.valueComparator || deepEqual;
+      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
         // based on null only if null is one of the items
-        value = value.filter(v => v !== null);
-      }
-      return value.map(v => {
-        if (props.returnObject && typeof v === 'string') {
-          // String model value means value is a custom input value from combobox
-          // Don't look up existing items if the model value is a string
-          return transformItem$3(props, v);
+        if (!_hasNullItem && v === null) continue;
+
+        // String model value means value is a custom input value from combobox
+        // Don't look up existing items if the model value is a string
+        if (_returnObject && typeof v === 'string') {
+          returnValue.push(transformItem$3(_props, v));
+          continue;
         }
-        return items.value.find(item => props.valueComparator(v, item.value)) || transformItem$3(props, v);
-      });
+
+        // Fast path, items with primitive values and no
+        // custom valueComparator can use a constant-time
+        // map lookup instead of searching the items array
+        const fastItems = _items.get(v);
+
+        // Slow path, always use valueComparator.
+        // This is O(n^2) so we really don't want to
+        // do it for more than a couple hundred items.
+        if (hasValueComparator || !fastItems) {
+          for (const item of hasValueComparator ? _allItems : _keylessItems) {
+            if (valueComparator(v, item.value)) {
+              returnValue.push(item);
+              continue main;
+            }
+          }
+          // Not an existing item, construct it from the model (#4000)
+          returnValue.push(transformItem$3(_props, v));
+          continue;
+        }
+        returnValue.push(...fastItems);
+      }
+      return returnValue;
     }
     function transformOut(value) {
       return props.returnObject ? value.map(_ref => {
@@ -9449,9 +9506,6 @@
 
   // Types
 
-  function isPrimitive(value) {
-    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
-  }
   function transformItem$2(props, item) {
     const type = getPropertyFromItem(item, props.itemType, 'item');
     const title = isPrimitive(item) ? item : getPropertyFromItem(item, props.itemTitle);
@@ -12404,34 +12458,6 @@
     }; // typescript doesn't know about vue's event merging
   }
 
-  // https://github.com/vuetifyjs/vuetify/issues/20003
-  /**
-   * This composable is designed to track whether the mouse is in a mousedown state at any given time. The original motivation is that
-   * it is impossible to distinguish whether a blur event is triggered by mousedown, keydown, or via JavaScript.
-   * This composable allows for conditional logic when a blur is triggered by mousedown.
-   */
-
-  function useIsMousedown() {
-    const isMousedown = vue.shallowRef(false);
-    function mousedown() {
-      isMousedown.value = true;
-    }
-    function mouseup() {
-      isMousedown.value = false;
-    }
-    vue.onMounted(() => {
-      document.body.addEventListener('mousedown', mousedown);
-      document.body.addEventListener('mouseup', mouseup);
-    });
-    vue.onUnmounted(() => {
-      document.body.removeEventListener('mousedown', mousedown);
-      document.body.removeEventListener('mouseup', mouseup);
-    });
-    return {
-      isMousedown
-    };
-  }
-
   // Types
 
   const makeSelectProps = propsFactory({
@@ -12521,9 +12547,6 @@
         return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : model.value.length;
       });
       const form = useForm(props);
-      const {
-        isMousedown
-      } = useIsMousedown();
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
       const label = vue.computed(() => menu.value ? props.closeText : props.openText);
@@ -12531,7 +12554,7 @@
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
-          return items.value.filter(item => !model.value.some(s => props.valueComparator(s, item)));
+          return items.value.filter(item => !model.value.some(s => (props.valueComparator || deepEqual)(s, item)));
         }
         return items.value;
       });
@@ -12603,7 +12626,7 @@
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -12621,7 +12644,7 @@
         }
       }
       function onBlur(e) {
-        if (!listRef.value?.$el.contains(e.relatedTarget) && !isMousedown.value) {
+        if (!listRef.value?.$el.contains(e.relatedTarget)) {
           menu.value = false;
         }
       }
@@ -12650,7 +12673,7 @@
       }
       vue.watch(menu, () => {
         if (!props.hideSelected && menu.value && model.value.length) {
-          const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+          const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
@@ -13033,9 +13056,6 @@
         textColorClasses,
         textColorStyles
       } = useTextColor(color);
-      const {
-        isMousedown
-      } = useIsMousedown();
       const search = useProxiedModel(props, 'search', '');
       const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
@@ -13185,7 +13205,7 @@
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (!item || item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -13209,11 +13229,6 @@
           });
         }
       }
-      function onBlur(e) {
-        if (!isMousedown.value) {
-          menu.value = false;
-        }
-      }
       vue.watch(isFocused, (val, oldVal) => {
         if (val === oldVal) return;
         if (val) {
@@ -13223,6 +13238,7 @@
           vue.nextTick(() => isSelecting.value = false);
         } else {
           if (!props.multiple && search.value == null) model.value = [];
+          menu.value = false;
           if (!model.value.some(_ref3 => {
             let {
               title
@@ -13276,7 +13292,6 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
-          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -15579,6 +15594,8 @@
     const trackContainerRef = vue.ref();
     const activeThumbRef = vue.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';
@@ -15586,7 +15603,7 @@
       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
@@ -15595,13 +15612,17 @@
       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;
@@ -15609,13 +15630,17 @@
         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)
-      });
       vue.nextTick(() => activeThumbRef.value?.focus());
     };
     const moveListenerOptions = {
@@ -15623,9 +15648,12 @@
       capture: true
     };
     function onMouseMove(e) {
-      onSliderMove({
-        value: parseMouseMove(e)
-      });
+      const value = parseMouseMove(e);
+      if (value != null) {
+        onSliderMove({
+          value
+        });
+      }
     }
     function onSliderMouseUp(e) {
       e.stopPropagation();
@@ -16896,9 +16924,6 @@
         return props.multiple ? transformed : transformed[0] ?? null;
       });
       const form = useForm(props);
-      const {
-        isMousedown
-      } = useIsMousedown();
       const hasChips = vue.computed(() => !!(props.chips || slots.chip));
       const hasSelectionSlot = vue.computed(() => hasChips.value || !!slots.selection);
       const _search = vue.shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
@@ -17062,18 +17087,12 @@
           vTextFieldRef.value?.focus();
         }
       }
-      function onBlur(e) {
-        if (!isMousedown.value) {
-          menu.value = false;
-        }
-      }
-
       /** @param set - null means toggle */
       function select(item) {
         let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         if (!item || item.props.disabled) return;
         if (props.multiple) {
-          const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
+          const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
           const add = set == null ? !~index : set;
           if (~index) {
             const value = add ? [...model.value, item] : [...model.value];
@@ -17112,6 +17131,7 @@
       vue.watch(isFocused, (val, oldVal) => {
         if (val || val === oldVal) return;
         selectionIndex.value = -1;
+        menu.value = false;
         if (search.value) {
           if (props.multiple) {
             select(transformItem$3(props, search.value));
@@ -17132,7 +17152,7 @@
       });
       vue.watch(menu, () => {
         if (!props.hideSelected && menu.value && model.value.length) {
-          const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
+          const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
             index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
           });
@@ -17169,7 +17189,6 @@
           "readonly": form.isReadonly.value,
           "placeholder": isDirty ? undefined : props.placeholder,
           "onClick:clear": onClear,
-          "onBlur": onBlur,
           "onMousedown:control": onMousedownControl,
           "onKeydown": onKeydown
         }), {
@@ -21767,7 +21786,7 @@
       type: String,
       default: 'picker-reverse-transition'
     },
-    ...makeCalendarProps()
+    ...omit(makeCalendarProps(), ['displayValue'])
   }, 'VDatePickerMonth');
   const VDatePickerMonth = genericComponent()({
     name: 'VDatePickerMonth',
@@ -28176,7 +28195,7 @@
     ...omit(makeVDatePickerProps({
       weeksInMonth: 'dynamic',
       hideHeader: true
-    }), ['active', 'location'])
+    }), ['active', 'location', 'rounded'])
   }, 'VDateInput');
   const VDateInput = genericComponent()({
     name: 'VDateInput',
@@ -28197,8 +28216,9 @@
         focus,
         blur
       } = useFocus(props);
-      const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null);
+      const model = useProxiedModel(props, 'modelValue', props.multiple ? [] : null, val => Array.isArray(val) ? val.map(item => adapter.toJsDate(item)) : val ? adapter.toJsDate(val) : val, val => Array.isArray(val) ? val.map(item => adapter.date(item)) : val ? adapter.date(val) : val);
       const menu = vue.shallowRef(false);
+      const vDateInputRef = vue.ref();
       const display = vue.computed(() => {
         const value = wrapInArray(model.value);
         if (!value.length) return null;
@@ -28220,7 +28240,7 @@
           return;
         }
         const target = e.target;
-        model.value = adapter.date(target.value);
+        model.value = target.value;
       }
       function onClick(e) {
         e.preventDefault();
@@ -28230,11 +28250,17 @@
       function onSave() {
         menu.value = false;
       }
+      function onUpdateModel(value) {
+        if (value != null) return;
+        model.value = null;
+      }
       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 vue.createVNode(VTextField, vue.mergeProps(textFieldProps, {
+        return vue.createVNode(VTextField, vue.mergeProps({
+          "ref": vDateInputRef
+        }, textFieldProps, {
           "class": props.class,
           "style": props.style,
           "modelValue": display.value,
@@ -28243,7 +28269,8 @@
           "onFocus": focus,
           "onBlur": blur,
           "onClick:control": isInteractive.value ? onClick : undefined,
-          "onClick:prepend": isInteractive.value ? onClick : undefined
+          "onClick:prepend": isInteractive.value ? onClick : undefined,
+          "onUpdate:modelValue": onUpdateModel
         }), {
           default: () => [vue.createVNode(VMenu, {
             "modelValue": menu.value,
@@ -28291,6 +28318,7 @@
           }), slots.default?.()]
         });
       });
+      return forwardRefs({}, vDateInputRef);
     }
   });
 
@@ -30869,7 +30897,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.10";
+  const version$1 = "3.7.12";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31122,7 +31150,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.10";
+  const version = "3.7.12";
 
   /* eslint-disable local-rules/sort-imports */