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

package/dist/vuetify-labs.esm.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.
 */
@@ -8714,7 +8714,9 @@ const useNestedItem = (id, isGroup) => {
     isLeaf: computed(() => !parent.root.children.value.get(computedId.value)),
     isGroupActivator: parent.isGroupActivator
   };
-  !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+  onBeforeMount(() => {
+    !parent.isGroupActivator && parent.root.register(computedId.value, parent.id.value, isGroup);
+  });
   onBeforeUnmount(() => {
     !parent.isGroupActivator && parent.root.unregister(computedId.value);
   });
@@ -12141,7 +12143,8 @@ function useVirtual(props, items) {
   const computedItems = 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
     }));
   });
   watch(items, () => {
@@ -12256,7 +12259,7 @@ const VVirtualScroll = genericComponent()({
     });
     useRender(() => {
       const children = computedItems.value.map(item => createVNode(VVirtualScrollItem, {
-        "key": item.index,
+        "key": item.key,
         "renderless": props.renderless,
         "onUpdate:height": height => handleItemResize(item.index, height)
       }, {
@@ -12655,6 +12658,7 @@ const VSelect = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -12669,7 +12673,7 @@ const VSelect = genericComponent()({
                 } = _ref2;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   onClick: () => select(item, null)
                 });
                 return slots.item?.({
@@ -13229,6 +13233,7 @@ const VAutocomplete = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -13243,7 +13248,7 @@ const VAutocomplete = genericComponent()({
                 } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
@@ -17108,6 +17113,7 @@ const VCombobox = genericComponent()({
             "color": props.itemColor ?? props.color
           }, listEvents, props.listProps), {
             default: () => [slots['prepend-item']?.(), !displayItems.value.length && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+              "key": "no-data",
               "title": t(props.noDataText)
             }, null)), createVNode(VVirtualScroll, {
               "ref": vVirtualScrollRef,
@@ -17122,7 +17128,7 @@ const VCombobox = genericComponent()({
                 } = _ref4;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
-                  key: index,
+                  key: item.value,
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
@@ -28525,13 +28531,16 @@ const VNumberInput = genericComponent()({
     const _model = useProxiedModel(props, 'modelValue');
     const model = 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;
         }
       }
     });
@@ -28704,7 +28713,7 @@ const VNumberInput = genericComponent()({
         "class": "v-number-input__control"
       }, [createVNode(VDivider, {
         "vertical": true
-      }, null), incrementControlNode()]) : !props.reverse ? createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined;
+      }, null), incrementControlNode()]) : props.reverse ? undefined : createVNode(Fragment, null, [dividerNode(), controlNode()]);
       const hasAppendInner = slots['append-inner'] || appendInnerControl;
       const prependInnerControl = controlVariant.value === 'split' ? createVNode("div", {
         "class": "v-number-input__control"
@@ -30731,7 +30740,7 @@ function createVuetify$1() {
     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
@@ -30984,7 +30993,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */