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

package/dist/vuetify-labs.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.
 */
@@ -74,7 +74,7 @@
 
   // Composables
   const makeComponentProps = propsFactory({
-    class: [String, Array],
+    class: [String, Array, Object],
     style: {
       type: [String, Array, Object],
       default: null
@@ -3005,7 +3005,7 @@
   }
   const makeVResponsiveProps = propsFactory({
     aspectRatio: [String, Number],
-    contentClass: String,
+    contentClass: null,
     inline: Boolean,
     ...makeComponentProps(),
     ...makeDimensionProps()
@@ -8759,7 +8759,7 @@
     appendIcon: IconValue,
     baseColor: String,
     disabled: Boolean,
-    lines: String,
+    lines: [Boolean, String],
     link: {
       type: Boolean,
       default: undefined
@@ -8870,8 +8870,9 @@
       }));
       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) {
@@ -10685,10 +10686,7 @@
     disabled: Boolean,
     opacity: [Number, String],
     noClickAnimation: Boolean,
-    modelValue: {
-      type: Boolean,
-      default: null
-    },
+    modelValue: Boolean,
     persistent: Boolean,
     scrim: {
       type: [Boolean, String],
@@ -10731,7 +10729,7 @@
       } = _ref;
       const model = useProxiedModel(props, 'modelValue');
       const isActive = vue.computed({
-        get: () => Boolean(model.value),
+        get: () => model.value,
         set: v => {
           if (!(v && props.disabled)) model.value = v;
         }
@@ -12968,7 +12966,7 @@
             select(displayItems.value[0]);
           }
           menu.value = false;
-          search.value = '';
+          if (props.multiple || hasSelectionSlot.value) search.value = '';
           selectionIndex.value = -1;
         }
       });
@@ -22563,7 +22561,7 @@
       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,
@@ -26507,6 +26505,7 @@
     },
     setup(props, _ref) {
       let {
+        attrs,
         slots
       } = _ref;
       const model = useProxiedModel(props, 'modelValue');
@@ -26518,6 +26517,9 @@
         backgroundColorClasses,
         backgroundColorStyles
       } = useBackgroundColor(vue.toRef(props, 'bgColor'));
+      const {
+        scopeId
+      } = useScopeId();
       provideDefaults({
         VTab: {
           color: vue.toRef(props, 'color'),
@@ -26544,7 +26546,7 @@
           }, backgroundColorStyles.value, props.style],
           "role": "tablist",
           "symbol": VTabsSymbol
-        }), {
+        }, scopeId, attrs), {
           default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
             item
           }) ?? vue.createVNode(VTab, vue.mergeProps(item, {
@@ -26555,11 +26557,11 @@
               item
             })
           }))]
-        }), hasWindow && vue.createVNode(VTabsWindow, {
+        }), hasWindow && vue.createVNode(VTabsWindow, vue.mergeProps({
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
           "key": "tabs-window"
-        }, {
+        }, scopeId), {
           default: () => [items.value.map(item => slots.item?.({
             item
           }) ?? vue.createVNode(VTabsWindowItem, {
@@ -27844,19 +27846,13 @@
       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
@@ -27868,12 +27864,6 @@
         slots
       } = _ref;
       const model = useProxiedModel(props, 'modelValue');
-      const {
-        isFocused,
-        focus,
-        blur
-      } = useFocus(props);
-      const inputRef = vue.ref();
       const stepDecimals = vue.computed(() => getDecimals(props.step));
       const modelDecimals = vue.computed(() => model.value != null ? getDecimals(model.value) : 0);
       const canIncrease = vue.computed(() => {
@@ -27889,9 +27879,6 @@
           model.value = clamp(model.value, props.min, props.max);
         }
       });
-      function onFocus() {
-        if (!isFocused.value) focus();
-      }
       const controlVariant = vue.computed(() => {
         return props.hideInput ? 'stacked' : props.controlVariant;
       });
@@ -27921,7 +27908,7 @@
         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);
@@ -27938,17 +27925,14 @@
           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 vue.createVNode("div", {
@@ -27961,6 +27945,7 @@
             "name": "decrement-btn",
             "icon": "$expand",
             "size": "small",
+            "tabindex": "-1",
             "onClick": onClickDown
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "decrement-defaults",
@@ -27985,7 +27970,8 @@
             "name": "increment-btn",
             "icon": "$collapse",
             "onClick": onClickUp,
-            "size": "small"
+            "size": "small",
+            "tabindex": "-1"
           }, null) : vue.createVNode(VDefaultsProvider, {
             "key": "increment-defaults",
             "defaults": {
@@ -28006,7 +27992,36 @@
             "vertical": true
           }, null) : undefined;
         }
-        return vue.createVNode(VInput, vue.mergeProps({
+        const appendInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
+          "class": "v-number-input__control"
+        }, [vue.createVNode(VDivider, {
+          "vertical": true
+        }, null), vue.createVNode(VBtn, {
+          "flat": true,
+          "height": "100%",
+          "icon": "$plus",
+          "tile": true,
+          "tabindex": "-1",
+          "onClick": onClickUp
+        }, null)]) : !props.reverse ? vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined;
+        const hasAppendInner = slots['append-inner'] || appendInnerControl;
+        const prependInnerControl = controlVariant.value === 'split' ? vue.createVNode("div", {
+          "class": "v-number-input__control"
+        }, [vue.createVNode(VBtn, {
+          "flat": true,
+          "height": "100%",
+          "icon": "$minus",
+          "tile": true,
+          "tabindex": "-1",
+          "onClick": onClickDown
+        }, null), vue.createVNode(VDivider, {
+          "vertical": true
+        }, null)]) : props.reverse ? vue.createVNode(vue.Fragment, null, [controlNode(), dividerNode()]) : undefined;
+        const hasPrependInner = slots['prepend-inner'] || prependInnerControl;
+        return vue.createVNode(VTextField, vue.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,
@@ -28015,57 +28030,22 @@
             '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: () => vue.createVNode(VField, vue.mergeProps(fieldProps, {
-            "active": true,
-            "focused": isFocused.value
-          }), {
-            ...slots,
-            default: _ref2 => {
-              let {
-                props: {
-                  class: fieldClass,
-                  ...slotProps
-                }
-              } = _ref2;
-              return vue.createVNode("input", vue.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' ? () => vue.createVNode("div", {
-              "class": "v-number-input__control"
-            }, [vue.createVNode(VDivider, {
-              "vertical": true
-            }, null), vue.createVNode(VBtn, {
-              "flat": true,
-              "height": "100%",
-              "icon": "$plus",
-              "tile": true,
-              "onClick": onClickUp
-            }, null)]) : !props.reverse ? () => vue.createVNode(vue.Fragment, null, [dividerNode(), controlNode()]) : undefined,
-            'prepend-inner': controlVariant.value === 'split' ? () => vue.createVNode("div", {
-              "class": "v-number-input__control"
-            }, [vue.createVNode(VBtn, {
-              "flat": true,
-              "height": "100%",
-              "icon": "$minus",
-              "tile": true,
-              "onClick": onClickDown
-            }, null), vue.createVNode(VDivider, {
-              "vertical": true
-            }, null)]) : props.reverse ? () => vue.createVNode(vue.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 vue.createVNode(vue.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 vue.createVNode(vue.Fragment, null, [prependInnerControl, slots['prepend-inner']?.(...args)]);
+          } : undefined
         });
       });
     }
@@ -29768,7 +29748,7 @@
       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
@@ -30021,7 +30001,7 @@
 
   /* 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 */