vuetify 3.7.5 → 3.7.6

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.5
+* Vuetify v3.7.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1771,7 +1771,8 @@
     calendar: 'mdi-calendar',
     treeviewCollapse: 'mdi-menu-down',
     treeviewExpand: 'mdi-menu-right',
-    eyeDropper: 'mdi-eyedropper'
+    eyeDropper: 'mdi-eyedropper',
+    upload: 'mdi-cloud-upload'
   };
   const mdi = {
     // Not using mergeProps here, functional components merge props by default (?)
@@ -2475,6 +2476,11 @@
       counter: '{0} files',
       counterSize: '{0} files ({1} in total)'
     },
+    fileUpload: {
+      title: 'Drag and drop files here',
+      divider: 'or',
+      browse: 'Browse Files'
+    },
     timePicker: {
       am: 'AM',
       pm: 'PM',
@@ -8945,7 +8951,9 @@
       isLeaf: vue.computed(() => !parent.root.children.value.get(computedId.value)),
       isGroupActivator: parent.isGroupActivator
     };
-    !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+    vue.onBeforeMount(() => {
+      !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+    });
     vue.onBeforeUnmount(() => {
       !parent.isGroupActivator && parent.root.unregister(computedId.value);
     });
@@ -9179,16 +9187,22 @@
         color: isActive.value ? color.value ?? props.baseColor : props.baseColor,
         variant: props.variant
       }));
+
+      // useNestedItem doesn't call register until beforeMount,
+      // so this can't be an immediate watcher as we don't know parent yet
       vue.watch(() => link.isActive?.value, val => {
-        if (val && parent.value != null) {
+        if (!val) return;
+        handleActiveLink();
+      });
+      vue.onBeforeMount(() => {
+        if (link.isActive?.value) handleActiveLink();
+      });
+      function handleActiveLink() {
+        if (parent.value != null) {
           root.open(parent.value, true);
         }
-        if (val) {
-          openOnSelect(val);
-        }
-      }, {
-        immediate: true
-      });
+        openOnSelect(true);
+      }
       const {
         themeClasses
       } = provideTheme(props);
@@ -12301,6 +12315,7 @@
         }
       }
     });
+    let scrollTimeout = -1;
     function handleScroll() {
       if (!containerRef.value || !markerRef.value) return;
       const scrollTop = containerRef.value.scrollTop;
@@ -12317,12 +12332,15 @@
       }
       lastScrollTop = scrollTop;
       lastScrollTime = scrollTime;
+      window.clearTimeout(scrollTimeout);
+      scrollTimeout = window.setTimeout(handleScrollend, 500);
       calculateVisibleItems();
     }
     function handleScrollend() {
       if (!containerRef.value || !markerRef.value) return;
       scrollVelocity = 0;
       lastScrollTime = 0;
+      window.clearTimeout(scrollTimeout);
       calculateVisibleItems();
     }
     let raf = -1;
@@ -12368,7 +12386,8 @@
     const computedItems = vue.computed(() => {
       return items.value.slice(first.value, last.value).map((item, index) => ({
         raw: item,
-        index: index + first.value
+        index: index + first.value,
+        key: isObject(item) && 'value' in item ? item.value : index + first.value
       }));
     });
     vue.watch(items, () => {
@@ -12483,7 +12502,7 @@
       });
       useRender(() => {
         const children = computedItems.value.map(item => vue.createVNode(VVirtualScrollItem, {
-          "key": item.index,
+          "key": item.key,
           "renderless": props.renderless,
           "onUpdate:height": height => handleItemResize(item.index, height)
         }, {
@@ -12882,6 +12901,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -12896,7 +12916,7 @@
                   } = _ref2;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
@@ -13456,6 +13476,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -13470,7 +13491,7 @@
                   } = _ref4;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
@@ -17335,6 +17356,7 @@
               "color": props.itemColor ?? props.color
             }, listEvents, props.listProps), {
               default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? vue.createVNode(VListItem, {
+                "key": "no-data",
                 "title": t(props.noDataText)
               }, null)), vue.createVNode(VVirtualScroll, {
                 "ref": vVirtualScrollRef,
@@ -17349,7 +17371,7 @@
                   } = _ref4;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
@@ -25093,7 +25115,7 @@
                 // the thumbs are on top of each other
                 // and they are both at minimum value
                 // but only if focused from outside.
-                if (model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== stopThumbRef.value?.$el) {
+                if (max.value !== min.value && model.value[0] === model.value[1] && model.value[1] === min.value && e.relatedTarget !== stopThumbRef.value?.$el) {
                   startThumbRef.value?.$el.blur();
                   stopThumbRef.value?.$el.focus();
                 }
@@ -25122,7 +25144,7 @@
                 // the thumbs are on top of each other
                 // and they are both at maximum value
                 // but only if focused from outside.
-                if (model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== startThumbRef.value?.$el) {
+                if (max.value !== min.value && model.value[0] === model.value[1] && model.value[0] === max.value && e.relatedTarget !== startThumbRef.value?.$el) {
                   stopThumbRef.value?.$el.blur();
                   startThumbRef.value?.$el.focus();
                 }
@@ -28266,7 +28288,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.5";
+  const version$1 = "3.7.6";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28291,7 +28313,7 @@
       ...options
     });
   };
-  const version = "3.7.5";
+  const version = "3.7.6";
   createVuetify.version = version;
 
   exports.blueprints = index;