@vuetify/nightly 3.7.5-master.2024-12-12 → 3.7.5-master.2024-12-16

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.5-master.2024-12-12
+* Vuetify v3.7.5-master.2024-12-16
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8718,7 +8718,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);
     });
@@ -12145,7 +12147,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, () => {
@@ -12260,7 +12263,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)
         }, {
@@ -12659,6 +12662,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,
@@ -12673,7 +12677,7 @@
                   } = _ref2;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
-                    key: index,
+                    key: item.value,
                     onClick: () => select(item, null)
                   });
                   return slots.item?.({
@@ -13233,6 +13237,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,
@@ -13247,7 +13252,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)
                   });
@@ -17112,6 +17117,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,
@@ -17126,7 +17132,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)
                   });
@@ -28529,13 +28535,16 @@
       const _model = useProxiedModel(props, 'modelValue');
       const model = vue.computed({
         get: () => _model.value,
+        // model.value could be empty string from VTextField
+        // but _model.value should be eventually kept in type Number | null
         set(val) {
-          if (val === null) {
+          if (val === null || val === '') {
             _model.value = null;
             return;
           }
-          if (!isNaN(+val) && +val <= props.max && +val >= props.min) {
-            _model.value = +val;
+          const value = Number(val);
+          if (!isNaN(value) && value <= props.max && value >= props.min) {
+            _model.value = value;
           }
         }
       });
@@ -28708,7 +28717,7 @@
           "class": "v-number-input__control"
         }, [vue.createVNode(VDivider, {
           "vertical": true
-        }, null), incrementControlNode()]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
+        }, null), incrementControlNode()]) : props.reverse ? undefined : vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]);
         const hasAppendInner = slots['append-inner'] || appendInnerControl;
         const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
           "class": "v-number-input__control"
@@ -30735,7 +30744,7 @@
       goTo
     };
   }
-  const version$1 = "3.7.5-master.2024-12-12";
+  const version$1 = "3.7.5-master.2024-12-16";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30988,7 +30997,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.5-master.2024-12-12";
+  const version = "3.7.5-master.2024-12-16";
 
   /* eslint-disable local-rules/sort-imports */