@vuetify/nightly 3.6.3-master.2024-05-05 → 3.6.3-master.2024-05-07

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.3-master.2024-05-05
+* Vuetify v3.6.3-master.2024-05-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -70,7 +70,7 @@ function propsFactory(props, source) {
 
 // Composables
 const makeComponentProps = propsFactory({
-  class: [String, Array],
+  class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
     default: null
@@ -3001,7 +3001,7 @@ function useAspectStyles(props) {
 }
 const makeVResponsiveProps = propsFactory({
   aspectRatio: [String, Number],
-  contentClass: String,
+  contentClass: null,
   inline: Boolean,
   ...makeComponentProps(),
   ...makeDimensionProps()
@@ -8755,7 +8755,7 @@ const makeVListItemProps = propsFactory({
   appendIcon: IconValue,
   baseColor: String,
   disabled: Boolean,
-  lines: String,
+  lines: [Boolean, String],
   link: {
     type: Boolean,
     default: undefined
@@ -8866,8 +8866,9 @@ const VListItem = genericComponent()({
     }));
     function onClick(e) {
       emit('click', e);
-      if (isGroupActivator || !isClickable.value) return;
+      if (!isClickable.value) return;
       link.navigate?.(e);
+      if (isGroupActivator) return;
       if (root.activatable.value) {
         activate(!isActivated.value, e);
       } else if (root.selectable.value) {
@@ -10681,10 +10682,7 @@ const makeVOverlayProps = propsFactory({
   disabled: Boolean,
   opacity: [Number, String],
   noClickAnimation: Boolean,
-  modelValue: {
-    type: Boolean,
-    default: null
-  },
+  modelValue: Boolean,
   persistent: Boolean,
   scrim: {
     type: [Boolean, String],
@@ -10727,7 +10725,7 @@ const VOverlay = genericComponent()({
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
     const isActive = computed({
-      get: () => Boolean(model.value),
+      get: () => model.value,
       set: v => {
         if (!(v && props.disabled)) model.value = v;
       }
@@ -12964,7 +12962,7 @@ const VAutocomplete = genericComponent()({
           select(displayItems.value[0]);
         }
         menu.value = false;
-        search.value = '';
+        if (props.multiple || hasSelectionSlot.value) search.value = '';
         selectionIndex.value = -1;
       }
     });
@@ -22559,7 +22557,7 @@ const VFileInput = genericComponent()({
     const {
       t
     } = useLocale();
-    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0]);
+    const model = useProxiedModel(props, 'modelValue', props.modelValue, val => wrapInArray(val), val => props.multiple || Array.isArray(props.modelValue) ? val : val[0] ?? null);
     const {
       isFocused,
       focus,
@@ -26503,6 +26501,7 @@ const VTabs = genericComponent()({
   },
   setup(props, _ref) {
     let {
+      attrs,
       slots
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
@@ -26514,6 +26513,9 @@ const VTabs = genericComponent()({
       backgroundColorClasses,
       backgroundColorStyles
     } = useBackgroundColor(toRef(props, 'bgColor'));
+    const {
+      scopeId
+    } = useScopeId();
     provideDefaults({
       VTab: {
         color: toRef(props, 'color'),
@@ -26540,7 +26542,7 @@ const VTabs = genericComponent()({
         }, backgroundColorStyles.value, props.style],
         "role": "tablist",
         "symbol": VTabsSymbol
-      }), {
+      }, scopeId, attrs), {
         default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
           item
         }) ?? createVNode(VTab, mergeProps(item, {
@@ -26551,11 +26553,11 @@ const VTabs = genericComponent()({
             item
           })
         }))]
-      }), hasWindow && createVNode(VTabsWindow, {
+      }), hasWindow && createVNode(VTabsWindow, mergeProps({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
         "key": "tabs-window"
-      }, {
+      }, scopeId), {
         default: () => [items.value.map(item => slots.item?.({
           item
         }) ?? createVNode(VTabsWindowItem, {
@@ -27840,19 +27842,13 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 1
   },
-  ...only(makeVInputProps(), ['density', 'disabled', 'focused', 'hideDetails', 'hint', 'label', 'persistentHint', 'readonly']),
-  ...only(makeVFieldProps(), ['baseColor', 'bgColor', 'class', 'color', 'disabled', 'error', 'loading', 'reverse', 'rounded', 'style', 'theme', 'variant']),
-  ...makeFocusProps()
+  ...omit(makeVTextFieldProps(), ['appendInnerIcon', 'prependInnerIcon'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
   name: 'VNumberInput',
   inheritAttrs: false,
   props: {
-    ...makeVNumberInputProps(),
-    modelValue: {
-      type: Number,
-      default: undefined
-    }
+    ...makeVNumberInputProps()
   },
   emits: {
     'update:modelValue': val => true
@@ -27864,12 +27860,6 @@ const VNumberInput = genericComponent()({
       slots
     } = _ref;
     const model = useProxiedModel(props, 'modelValue');
-    const {
-      isFocused,
-      focus,
-      blur
-    } = useFocus(props);
-    const inputRef = ref();
     const stepDecimals = computed(() => getDecimals(props.step));
     const modelDecimals = computed(() => model.value != null ? getDecimals(model.value) : 0);
     const canIncrease = computed(() => {
@@ -27885,9 +27875,6 @@ const VNumberInput = genericComponent()({
         model.value = clamp(model.value, props.min, props.max);
       }
     });
-    function onFocus() {
-      if (!isFocused.value) focus();
-    }
     const controlVariant = computed(() => {
       return props.hideInput ? 'stacked' : props.controlVariant;
     });
@@ -27917,7 +27904,7 @@ const VNumberInput = genericComponent()({
       toggleUpDown(false);
     }
     function onKeydown(e) {
-      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace'].includes(e.key) || e.ctrlKey) return;
+      if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Tab'].includes(e.key) || e.ctrlKey) return;
       if (['ArrowDown'].includes(e.key)) {
         e.preventDefault();
         toggleUpDown(false);
@@ -27934,17 +27921,14 @@ const VNumberInput = genericComponent()({
         e.preventDefault();
       }
     }
-    function onInput(e) {
-      const el = e.target;
-      model.value = el.value ? +el.value : undefined;
+    function onModelUpdate(v) {
+      model.value = v ? +v : undefined;
     }
     useRender(() => {
-      const fieldProps = filterFieldProps(props);
-      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
       const {
         modelValue: _,
-        ...inputProps
-      } = VInput.filterProps(props);
+        ...textFieldProps
+      } = VTextField.filterProps(props);
       function controlNode() {
         const defaultHeight = controlVariant.value === 'stacked' ? 'auto' : '100%';
         return createVNode("div", {
@@ -27957,6 +27941,7 @@ const VNumberInput = genericComponent()({
           "name": "decrement-btn",
           "icon": "$expand",
           "size": "small",
+          "tabindex": "-1",
           "onClick": onClickDown
         }, null) : createVNode(VDefaultsProvider, {
           "key": "decrement-defaults",
@@ -27981,7 +27966,8 @@ const VNumberInput = genericComponent()({
           "name": "increment-btn",
           "icon": "$collapse",
           "onClick": onClickUp,
-          "size": "small"
+          "size": "small",
+          "tabindex": "-1"
         }, null) : createVNode(VDefaultsProvider, {
           "key": "increment-defaults",
           "defaults": {
@@ -28002,7 +27988,36 @@ const VNumberInput = genericComponent()({
           "vertical": true
         }, null) : undefined;
       }
-      return createVNode(VInput, mergeProps({
+      const appendInnerControl = controlVariant.value === 'split' ? createVNode("div", {
+        "class": "v-number-input__control"
+      }, [createVNode(VDivider, {
+        "vertical": true
+      }, null), createVNode(VBtn, {
+        "flat": true,
+        "height": "100%",
+        "icon": "$plus",
+        "tile": true,
+        "tabindex": "-1",
+        "onClick": onClickUp
+      }, null)]) : !props.reverse ? createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined;
+      const hasAppendInner = slots['append-inner'] || appendInnerControl;
+      const prependInnerControl = controlVariant.value === 'split' ? createVNode("div", {
+        "class": "v-number-input__control"
+      }, [createVNode(VBtn, {
+        "flat": true,
+        "height": "100%",
+        "icon": "$minus",
+        "tile": true,
+        "tabindex": "-1",
+        "onClick": onClickDown
+      }, null), createVNode(VDivider, {
+        "vertical": true
+      }, null)]) : props.reverse ? createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined;
+      const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
+      return createVNode(VTextField, mergeProps({
+        "modelValue": model.value,
+        "onUpdate:modelValue": onModelUpdate,
+        "onKeydown": onKeydown,
         "class": ['v-number-input', {
           'v-number-input--default': controlVariant.value === 'default',
           'v-number-input--hide-input': props.hideInput,
@@ -28011,57 +28026,22 @@ const VNumberInput = genericComponent()({
           'v-number-input--split': controlVariant.value === 'split',
           'v-number-input--stacked': controlVariant.value === 'stacked'
         }, props.class]
-      }, rootAttrs, inputProps, {
-        "focused": isFocused.value,
+      }, textFieldProps, {
         "style": props.style
       }), {
         ...slots,
-        default: () => createVNode(VField, mergeProps(fieldProps, {
-          "active": true,
-          "focused": isFocused.value
-        }), {
-          ...slots,
-          default: _ref2 => {
-            let {
-              props: {
-                class: fieldClass,
-                ...slotProps
-              }
-            } = _ref2;
-            return createVNode("input", mergeProps({
-              "ref": inputRef,
-              "type": "text",
-              "value": model.value,
-              "onInput": onInput,
-              "onKeydown": onKeydown,
-              "class": fieldClass,
-              "onFocus": onFocus,
-              "onBlur": blur
-            }, inputAttrs), null);
-          },
-          'append-inner': controlVariant.value === 'split' ? () => createVNode("div", {
-            "class": "v-number-input__control"
-          }, [createVNode(VDivider, {
-            "vertical": true
-          }, null), createVNode(VBtn, {
-            "flat": true,
-            "height": "100%",
-            "icon": "$plus",
-            "tile": true,
-            "onClick": onClickUp
-          }, null)]) : !props.reverse ? () => createVNode(Fragment, null, [dividerNode(), controlNode()]) : undefined,
-          'prepend-inner': controlVariant.value === 'split' ? () => createVNode("div", {
-            "class": "v-number-input__control"
-          }, [createVNode(VBtn, {
-            "flat": true,
-            "height": "100%",
-            "icon": "$minus",
-            "tile": true,
-            "onClick": onClickDown
-          }, null), createVNode(VDivider, {
-            "vertical": true
-          }, null)]) : props.reverse ? () => createVNode(Fragment, null, [controlNode(), dividerNode()]) : undefined
-        })
+        'append-inner': hasAppendInner ? function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          return createVNode(Fragment, null, [slots['append-inner']?.(...args), appendInnerControl]);
+        } : undefined,
+        'prepend-inner': hasPrependInner ? function () {
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          return createVNode(Fragment, null, [prependInnerControl, slots['prepend-inner']?.(...args)]);
+        } : undefined
       });
     });
   }
@@ -29764,7 +29744,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.6.3-master.2024-05-05";
+const version$1 = "3.6.3-master.2024-05-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30017,7 +29997,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.6.3-master.2024-05-05";
+const version = "3.6.3-master.2024-05-07";
 
 /* eslint-disable local-rules/sort-imports */