vuetify 3.5.16 → 3.5.18

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.5.16
+* Vuetify v3.5.18
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1935,6 +1935,7 @@
     badge: 'Badge',
     open: 'Open',
     close: 'Close',
+    dismiss: 'Dismiss',
     confirmEdit: {
       ok: 'OK',
       cancel: 'Cancel'
@@ -4159,6 +4160,7 @@
       const index = children.indexOf(vm);
       if (vue.unref(unwrapped.value) == null) {
         unwrapped.value = index;
+        unwrapped.useIndexAsValue = true;
       }
       if (index > -1) {
         items.splice(index, 0, unwrapped);
@@ -4191,6 +4193,14 @@
     vue.onBeforeUnmount(() => {
       isUnmounted = true;
     });
+    vue.onUpdated(() => {
+      // #19655 update the items that use the index as the value.
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].useIndexAsValue) {
+          items[i].value = i;
+        }
+      }
+    });
     function select(id, value) {
       const item = items.find(item => item.id === id);
       if (value && item?.disabled) return;
@@ -4779,6 +4789,65 @@
     }
   });
 
+  // Composables
+
+  // Types
+
+  const oppositeMap = {
+    center: 'center',
+    top: 'bottom',
+    bottom: 'top',
+    left: 'right',
+    right: 'left'
+  };
+  const makeLocationProps = propsFactory({
+    location: String
+  }, 'location');
+  function useLocation(props) {
+    let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let offset = arguments.length > 2 ? arguments[2] : undefined;
+    const {
+      isRtl
+    } = useRtl();
+    const locationStyles = vue.computed(() => {
+      if (!props.location) return {};
+      const {
+        side,
+        align
+      } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
+      function getOffset(side) {
+        return offset ? offset(side) : 0;
+      }
+      const styles = {};
+      if (side !== 'center') {
+        if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
+      }
+      if (align !== 'center') {
+        if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
+      } else {
+        if (side === 'center') styles.top = styles.left = '50%';else {
+          styles[{
+            top: 'left',
+            bottom: 'left',
+            left: 'top',
+            right: 'top'
+          }[side]] = '50%';
+        }
+        styles.transform = {
+          top: 'translateX(-50%)',
+          bottom: 'translateX(-50%)',
+          left: 'translateY(-50%)',
+          right: 'translateY(-50%)',
+          center: 'translate(-50%, -50%)'
+        }[side];
+      }
+      return styles;
+    });
+    return {
+      locationStyles
+    };
+  }
+
   const makeVProgressLinearProps = propsFactory({
     absolute: Boolean,
     active: {
@@ -4811,6 +4880,9 @@
     striped: Boolean,
     roundedBar: Boolean,
     ...makeComponentProps(),
+    ...makeLocationProps({
+      location: 'top'
+    }),
     ...makeRoundedProps(),
     ...makeTagProps(),
     ...makeThemeProps()
@@ -4833,6 +4905,9 @@
       const {
         themeClasses
       } = provideTheme(props);
+      const {
+        locationStyles
+      } = useLocation(props);
       const {
         textColorClasses,
         textColorStyles
@@ -4882,8 +4957,11 @@
           'v-progress-linear--striped': props.striped
         }, roundedClasses.value, themeClasses.value, rtlClasses.value, props.class],
         "style": [{
+          bottom: props.location === 'bottom' ? 0 : undefined,
+          top: props.location === 'top' ? 0 : undefined,
           height: props.active ? convertToUnit(height.value) : 0,
-          '--v-progress-linear-height': convertToUnit(height.value)
+          '--v-progress-linear-height': convertToUnit(height.value),
+          ...(props.absolute ? locationStyles.value : {})
         }, props.style],
         "role": "progressbar",
         "aria-hidden": props.active ? 'false' : 'true',
@@ -4969,65 +5047,6 @@
     }, null)]);
   }
 
-  // Composables
-
-  // Types
-
-  const oppositeMap = {
-    center: 'center',
-    top: 'bottom',
-    bottom: 'top',
-    left: 'right',
-    right: 'left'
-  };
-  const makeLocationProps = propsFactory({
-    location: String
-  }, 'location');
-  function useLocation(props) {
-    let opposite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let offset = arguments.length > 2 ? arguments[2] : undefined;
-    const {
-      isRtl
-    } = useRtl();
-    const locationStyles = vue.computed(() => {
-      if (!props.location) return {};
-      const {
-        side,
-        align
-      } = parseAnchor(props.location.split(' ').length > 1 ? props.location : `${props.location} center`, isRtl.value);
-      function getOffset(side) {
-        return offset ? offset(side) : 0;
-      }
-      const styles = {};
-      if (side !== 'center') {
-        if (opposite) styles[oppositeMap[side]] = `calc(100% - ${getOffset(side)}px)`;else styles[side] = 0;
-      }
-      if (align !== 'center') {
-        if (opposite) styles[oppositeMap[align]] = `calc(100% - ${getOffset(align)}px)`;else styles[align] = 0;
-      } else {
-        if (side === 'center') styles.top = styles.left = '50%';else {
-          styles[{
-            top: 'left',
-            bottom: 'left',
-            left: 'top',
-            right: 'top'
-          }[side]] = '50%';
-        }
-        styles.transform = {
-          top: 'translateX(-50%)',
-          bottom: 'translateX(-50%)',
-          left: 'translateY(-50%)',
-          right: 'translateY(-50%)',
-          center: 'translate(-50%, -50%)'
-        }[side];
-      }
-      return styles;
-    });
-    return {
-      locationStyles
-    };
-  }
-
   // Utilities
 
   // Types
@@ -6742,6 +6761,7 @@
     'onClick:append': EventProp(),
     ...makeComponentProps(),
     ...makeDensityProps(),
+    ...makeThemeProps(),
     ...makeValidationProps()
   }, 'VInput');
   const VInput = genericComponent()({
@@ -6761,6 +6781,9 @@
       const {
         densityClasses
       } = useDensity(props);
+      const {
+        themeClasses
+      } = provideTheme(props);
       const {
         rtlClasses
       } = useRtl();
@@ -6814,7 +6837,7 @@
           "class": ['v-input', `v-input--${props.direction}`, {
             'v-input--center-affix': props.centerAffix,
             'v-input--hide-spin-buttons': props.hideSpinButtons
-          }, densityClasses.value, rtlClasses.value, validationClasses.value, props.class],
+          }, densityClasses.value, themeClasses.value, rtlClasses.value, validationClasses.value, props.class],
           "style": props.style
         }, [hasPrepend && vue.createVNode("div", {
           "key": "prepend",
@@ -9170,7 +9193,8 @@
         if (!isFocused.value && !(e.relatedTarget && contentRef.value?.contains(e.relatedTarget))) focus();
       }
       function onKeydown(e) {
-        if (!contentRef.value) return;
+        const target = e.target;
+        if (!contentRef.value || ['INPUT', 'TEXTAREA'].includes(target.tagName)) return;
         if (e.key === 'ArrowDown') {
           focus('next');
         } else if (e.key === 'ArrowUp') {
@@ -12084,6 +12108,10 @@
         const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
         if (item !== undefined) {
           model.value = [item];
+          const index = displayItems.value.indexOf(item);
+          IN_BROWSER && window.requestAnimationFrame(() => {
+            index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
+          });
         }
       }
 
@@ -12132,7 +12160,7 @@
           vTextFieldRef.value.value = '';
         }
       }
-      vue.watch([menu, model], () => {
+      vue.watch(menu, () => {
         if (!props.hideSelected && menu.value && model.value.length) {
           const index = displayItems.value.findIndex(item => model.value.some(s => props.valueComparator(s.value, item.value)));
           IN_BROWSER && window.requestAnimationFrame(() => {
@@ -12586,16 +12614,14 @@
           listRef.value?.focus('next');
         }
         if (['Backspace', 'Delete'].includes(e.key)) {
-          if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
-          if (selectionIndex.value < 0) {
-            if (e.key === 'Backspace' && !search.value) {
-              selectionIndex.value = length - 1;
-            }
-            return;
+          if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
+          if (~selectionIndex.value) {
+            const originalSelectionIndex = selectionIndex.value;
+            select(model.value[selectionIndex.value], false);
+            selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
+          } else if (e.key === 'Backspace' && !search.value) {
+            selectionIndex.value = length - 1;
           }
-          const originalSelectionIndex = selectionIndex.value;
-          select(model.value[selectionIndex.value], false);
-          selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (!props.multiple) return;
         if (e.key === 'ArrowLeft') {
@@ -12643,7 +12669,7 @@
         listHasFocus.value = false;
       }
       function onUpdateModelValue(v) {
-        if (v == null || v === '' && !props.multiple) model.value = [];
+        if (v == null || v === '' && !props.multiple && !hasSelectionSlot.value) model.value = [];
       }
       const isSelecting = vue.shallowRef(false);
 
@@ -13281,12 +13307,12 @@
     name: 'VDialog',
     props: makeVDialogProps(),
     emits: {
-      'click:outside': e => true,
       'update:modelValue': value => true,
       afterLeave: () => true
     },
     setup(props, _ref) {
       let {
+        emit,
         slots
       } = _ref;
       const isActive = useProxiedModel(props, 'modelValue');
@@ -13329,6 +13355,9 @@
           });
         }
       }
+      function onAfterLeave() {
+        emit('afterLeave');
+      }
       vue.watch(isActive, async val => {
         if (!val) {
           await vue.nextTick();
@@ -13360,7 +13389,8 @@
           "activatorProps": activatorProps,
           "contentProps": contentProps,
           "role": "dialog",
-          "onAfterEnter": onAfterEnter
+          "onAfterEnter": onAfterEnter,
+          "onAfterLeave": onAfterLeave
         }, scopeId), {
           activator: slots.activator,
           default: function () {
@@ -14410,7 +14440,7 @@
         const imgProps = VImg.filterProps(props);
         const windowItemProps = VWindowItem.filterProps(props);
         return vue.createVNode(VWindowItem, vue.mergeProps({
-          "class": "v-carousel-item"
+          "class": ['v-carousel-item', props.class]
         }, windowItemProps), {
           default: () => [vue.createVNode(VImg, vue.mergeProps(attrs, imgProps), slots)]
         });
@@ -16415,16 +16445,14 @@
           if (hasSelectionSlot.value) _search.value = '';
         }
         if (['Backspace', 'Delete'].includes(e.key)) {
-          if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
-          if (selectionIndex.value < 0) {
-            if (e.key === 'Backspace' && !search.value) {
-              selectionIndex.value = length - 1;
-            }
-            return;
+          if (!props.multiple && hasSelectionSlot.value && model.value.length > 0 && !search.value) return select(model.value[0], false);
+          if (~selectionIndex.value) {
+            const originalSelectionIndex = selectionIndex.value;
+            select(model.value[selectionIndex.value], false);
+            selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
+          } else if (e.key === 'Backspace' && !search.value) {
+            selectionIndex.value = length - 1;
           }
-          const originalSelectionIndex = selectionIndex.value;
-          select(model.value[selectionIndex.value], false);
-          selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
         }
         if (!props.multiple) return;
         if (e.key === 'ArrowLeft') {
@@ -16493,7 +16521,7 @@
         listHasFocus.value = false;
       }
       function onUpdateModelValue(v) {
-        if (v == null || v === '' && !props.multiple) model.value = [];
+        if (v == null || v === '' && !props.multiple && !hasSelectionSlot.value) model.value = [];
       }
       vue.watch(isFocused, (val, oldVal) => {
         if (val || val === oldVal) return;
@@ -21354,8 +21382,18 @@
         emit('update:year', value);
       }
       vue.watch(model, (val, oldVal) => {
-        const before = adapter.date(wrapInArray(val)[0]);
-        const after = adapter.date(wrapInArray(oldVal)[0]);
+        const before = adapter.date(wrapInArray(oldVal)[oldVal.length - 1]);
+        const after = adapter.date(wrapInArray(val)[val.length - 1]);
+        const newMonth = adapter.getMonth(after);
+        const newYear = adapter.getYear(after);
+        if (newMonth !== month.value) {
+          month.value = newMonth;
+          onUpdateMonth(month.value);
+        }
+        if (newYear !== year.value) {
+          year.value = newYear;
+          onUpdateYear(year.value);
+        }
         isReversing.value = adapter.isBefore(before, after);
       });
       useRender(() => {
@@ -21709,7 +21747,7 @@
     }),
     modelValue: {
       type: [Array, Object],
-      default: () => [],
+      default: props => props.multiple ? [] : null,
       validator: val => {
         return wrapInArray(val).every(v => v != null && typeof v === 'object');
       }
@@ -22738,6 +22776,7 @@
 
   function useTouch(_ref) {
     let {
+      el,
       isActive,
       isTemporary,
       width,
@@ -22787,10 +22826,10 @@
       const inTouchZone = position.value === 'left' ? touchX < touchZone : position.value === 'right' ? touchX > document.documentElement.clientWidth - touchZone : position.value === 'top' ? touchY < touchZone : position.value === 'bottom' ? touchY > document.documentElement.clientHeight - touchZone : oops();
       const inElement = isActive.value && (position.value === 'left' ? touchX < width.value : position.value === 'right' ? touchX > document.documentElement.clientWidth - width.value : position.value === 'top' ? touchY < width.value : position.value === 'bottom' ? touchY > document.documentElement.clientHeight - width.value : oops());
       if (inTouchZone || inElement || isActive.value && isTemporary.value) {
-        maybeDragging = true;
         start = [touchX, touchY];
         offset.value = getOffset(isHorizontal.value ? touchX : touchY, isActive.value);
         dragProgress.value = getProgress(isHorizontal.value ? touchX : touchY);
+        maybeDragging = offset.value > -20 && offset.value < 80;
         endTouch(e);
         addMovement(e);
       }
@@ -22850,6 +22889,18 @@
         transition: 'none'
       } : undefined;
     });
+    useToggleScope(isDragging, () => {
+      const transform = el.value?.style.transform ?? null;
+      const transition = el.value?.style.transition ?? null;
+      vue.watchEffect(() => {
+        el.value?.style.setProperty('transform', dragStyles.value?.transform || 'none');
+        el.value?.style.setProperty('transition', dragStyles.value?.transition || null);
+      });
+      vue.onScopeDispose(() => {
+        el.value?.style.setProperty('transform', transform);
+        el.value?.style.setProperty('transition', transition);
+      });
+    });
     return {
       isDragging,
       dragProgress,
@@ -22982,9 +23033,9 @@
       });
       const {
         isDragging,
-        dragProgress,
-        dragStyles
+        dragProgress
       } = useTouch({
+        el: rootEl,
         isActive,
         isTemporary,
         width,
@@ -23054,7 +23105,7 @@
             'v-navigation-drawer--active': isActive.value,
             'v-navigation-drawer--sticky': isSticky.value
           }, themeClasses.value, backgroundColorClasses.value, borderClasses.value, displayClasses.value, elevationClasses.value, roundedClasses.value, props.class],
-          "style": [backgroundColorStyles.value, layoutItemStyles.value, dragStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
+          "style": [backgroundColorStyles.value, layoutItemStyles.value, ssrBootStyles.value, stickyStyles.value, props.style]
         }, scopeId, attrs), {
           default: () => [hasImage && vue.createVNode("div", {
             "key": "image",
@@ -24164,9 +24215,6 @@
         slots
       } = _ref;
       const isActive = useProxiedModel(props, 'modelValue');
-      const {
-        locationStyles
-      } = useLocation(props);
       const {
         positionClasses
       } = usePosition(props);
@@ -24188,6 +24236,15 @@
       const overlay = vue.ref();
       const timerRef = vue.ref();
       const isHovering = vue.shallowRef(false);
+      const startY = vue.shallowRef(0);
+      const mainStyles = vue.ref();
+      const hasLayout = vue.inject(VuetifyLayoutKey, undefined);
+      useToggleScope(() => !!hasLayout, () => {
+        const layout = useLayout();
+        vue.watchEffect(() => {
+          mainStyles.value = layout.mainStyles.value;
+        });
+      });
       vue.watch(isActive, startTimeout);
       vue.watch(() => props.timeout, startTimeout);
       vue.onMounted(() => {
@@ -24217,6 +24274,20 @@
         isHovering.value = false;
         startTimeout();
       }
+      function onTouchstart(event) {
+        startY.value = event.touches[0].clientY;
+      }
+      function onTouchend(event) {
+        if (Math.abs(startY.value - event.changedTouches[0].clientY) > 50) {
+          isActive.value = false;
+        }
+      }
+      const locationClasses = vue.computed(() => {
+        return props.location.split(' ').reduce((acc, loc) => {
+          acc[`v-snackbar--${loc}`] = true;
+          return acc;
+        }, {});
+      });
       useRender(() => {
         const overlayProps = VOverlay.filterProps(props);
         const hasContent = !!(slots.default || slots.text || props.text);
@@ -24227,14 +24298,14 @@
             'v-snackbar--multi-line': props.multiLine && !props.vertical,
             'v-snackbar--timer': !!props.timer,
             'v-snackbar--vertical': props.vertical
-          }, positionClasses.value, props.class],
-          "style": props.style
+          }, locationClasses.value, positionClasses.value, props.class],
+          "style": [mainStyles.value, props.style]
         }, overlayProps, {
           "modelValue": isActive.value,
           "onUpdate:modelValue": $event => isActive.value = $event,
           "contentProps": vue.mergeProps({
             class: ['v-snackbar__wrapper', themeClasses.value, colorClasses.value, roundedClasses.value, variantClasses.value],
-            style: [locationStyles.value, colorStyles.value],
+            style: [colorStyles.value],
             onPointerenter,
             onPointerleave
           }, overlayProps.contentProps),
@@ -24242,7 +24313,9 @@
           "noClickAnimation": true,
           "scrim": false,
           "scrollStrategy": "none",
-          "_disableGlobalStack": true
+          "_disableGlobalStack": true,
+          "onTouchstartPassive": onTouchstart,
+          "onTouchend": onTouchend
         }, scopeId), {
           default: () => [genOverlays(false, 'v-snackbar'), props.timer && !isHovering.value && vue.createVNode("div", {
             "key": "timer",
@@ -26414,6 +26487,7 @@
     app: Boolean,
     appear: Boolean,
     extended: Boolean,
+    layout: Boolean,
     location: {
       type: String,
       default: 'bottom end'
@@ -26464,8 +26538,8 @@
           id: props.name,
           order: vue.computed(() => parseInt(props.order, 10)),
           position,
-          layoutSize: height,
-          elementSize: vue.computed(() => height.value + 32),
+          layoutSize: vue.computed(() => props.layout ? height.value + 24 : 0),
+          elementSize: vue.computed(() => height.value + 24),
           active: vue.computed(() => props.app && model.value),
           absolute: vue.toRef(props, 'absolute')
         });
@@ -26519,9 +26593,18 @@
     },
     inset: Boolean,
     hideInput: Boolean,
-    min: Number,
-    max: Number,
-    step: Number,
+    min: {
+      type: Number,
+      default: -Infinity
+    },
+    max: {
+      type: Number,
+      default: Infinity
+    },
+    step: {
+      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()
@@ -26532,8 +26615,8 @@
     props: {
       ...makeVNumberInputProps(),
       modelValue: {
-        type: [Number, String],
-        default: 0
+        type: Number,
+        default: undefined
       }
     },
     emits: {
@@ -26552,20 +26635,45 @@
         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(() => {
+        if (model.value == null) return true;
+        return model.value + props.step <= props.max;
+      });
+      const canDecrease = vue.computed(() => {
+        if (model.value == null) return true;
+        return model.value - props.step >= props.min;
+      });
+      vue.watchEffect(() => {
+        if (model.value != null && (model.value < props.min || model.value > props.max)) {
+          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;
       });
+      const incrementSlotProps = vue.computed(() => ({
+        click: onClickUp
+      }));
+      const decrementSlotProps = vue.computed(() => ({
+        click: onClickDown
+      }));
       function toggleUpDown() {
         let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        if (model.value == null) {
+          model.value = 0;
+          return;
+        }
+        const decimals = Math.max(modelDecimals.value, stepDecimals.value);
         if (increment) {
-          inputRef.value?.stepUp();
+          if (canIncrease.value) model.value = +(model.value + props.step).toFixed(decimals);
         } else {
-          inputRef.value?.stepDown();
+          if (canDecrease.value) model.value = +(model.value - props.step).toFixed(decimals);
         }
-        if (inputRef.value) model.value = parseInt(inputRef.value.value, 10);
       }
       function onClickUp() {
         toggleUpDown();
@@ -26573,12 +26681,28 @@
       function onClickDown() {
         toggleUpDown(false);
       }
-      const incrementSlotProps = vue.computed(() => ({
-        click: onClickUp
-      }));
-      const decrementSlotProps = vue.computed(() => ({
-        click: onClickDown
-      }));
+      function onKeydown(e) {
+        if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace'].includes(e.key) || e.ctrlKey) return;
+        if (['ArrowDown'].includes(e.key)) {
+          e.preventDefault();
+          toggleUpDown(false);
+          return;
+        }
+        if (['ArrowUp'].includes(e.key)) {
+          e.preventDefault();
+          toggleUpDown();
+          return;
+        }
+
+        // Only numbers, +, - & . are allowed
+        if (!/^[0-9\-+.]+$/.test(e.key)) {
+          e.preventDefault();
+        }
+      }
+      function onInput(e) {
+        const el = e.target;
+        model.value = el.value ? +el.value : undefined;
+      }
       useRender(() => {
         const fieldProps = filterFieldProps(props);
         const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
@@ -26591,9 +26715,11 @@
           return vue.createVNode("div", {
             "class": "v-number-input__control"
           }, [!slots.decrement ? vue.createVNode(VBtn, {
+            "disabled": !canDecrease.value,
             "flat": true,
             "key": "decrement-btn",
             "height": defaultHeight,
+            "name": "decrement-btn",
             "icon": "$expand",
             "size": "small",
             "onClick": onClickDown
@@ -26601,6 +26727,7 @@
             "key": "decrement-defaults",
             "defaults": {
               VBtn: {
+                disabled: !canDecrease.value,
                 flat: true,
                 height: defaultHeight,
                 size: 'small',
@@ -26612,9 +26739,11 @@
           }), vue.createVNode(VDivider, {
             "vertical": controlVariant.value !== 'stacked'
           }, null), !slots.increment ? vue.createVNode(VBtn, {
+            "disabled": !canIncrease.value,
             "flat": true,
             "key": "increment-btn",
             "height": defaultHeight,
+            "name": "increment-btn",
             "icon": "$collapse",
             "onClick": onClickUp,
             "size": "small"
@@ -26622,6 +26751,7 @@
             "key": "increment-defaults",
             "defaults": {
               VBtn: {
+                disabled: !canIncrease.value,
                 flat: true,
                 height: defaultHeight,
                 size: 'small',
@@ -26663,17 +26793,16 @@
                   ...slotProps
                 }
               } = _ref2;
-              return vue.withDirectives(vue.createVNode("input", vue.mergeProps({
+              return vue.createVNode("input", vue.mergeProps({
                 "ref": inputRef,
-                "type": "number",
-                "onUpdate:modelValue": $event => model.value = $event,
+                "type": "text",
+                "value": model.value,
+                "onInput": onInput,
+                "onKeydown": onKeydown,
                 "class": fieldClass,
-                "max": props.max,
-                "min": props.min,
-                "step": props.step,
                 "onFocus": onFocus,
                 "onBlur": blur
-              }, inputAttrs), null), [[vue.vModelText, model.value]]);
+              }, inputAttrs), null);
             },
             'append-inner': controlVariant.value === 'split' ? () => vue.createVNode("div", {
               "class": "v-number-input__control"
@@ -26703,6 +26832,112 @@
     }
   });
 
+  // Types
+
+  const makeVSnackbarQueueProps = propsFactory({
+    // TODO: Port this to Snackbar on dev
+    closable: [Boolean, String],
+    closeText: {
+      type: String,
+      default: '$vuetify.dismiss'
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    ...omit(makeVSnackbarProps(), ['modelValue'])
+  }, 'VSnackbarQueue');
+  const VSnackbarQueue = genericComponent()({
+    name: 'VSnackbarQueue',
+    props: makeVSnackbarQueueProps(),
+    emits: {
+      'update:modelValue': val => true
+    },
+    setup(props, _ref) {
+      let {
+        emit,
+        slots
+      } = _ref;
+      const {
+        t
+      } = useLocale();
+      const isActive = vue.shallowRef(false);
+      const isVisible = vue.shallowRef(false);
+      const current = vue.shallowRef();
+      vue.watch(() => props.modelValue.length, (val, oldVal) => {
+        if (!isVisible.value && val > oldVal) {
+          showNext();
+        }
+      });
+      vue.watch(isActive, val => {
+        if (val) isVisible.value = true;
+      });
+      function onAfterLeave() {
+        if (props.modelValue.length) {
+          showNext();
+        } else {
+          current.value = undefined;
+          isVisible.value = false;
+        }
+      }
+      function showNext() {
+        const [next, ...rest] = props.modelValue;
+        emit('update:modelValue', rest);
+        current.value = typeof next === 'string' ? {
+          text: next
+        } : next;
+        vue.nextTick(() => {
+          isActive.value = true;
+        });
+      }
+      function onClickClose() {
+        isActive.value = false;
+      }
+      const btnProps = vue.computed(() => ({
+        color: typeof props.closable === 'string' ? props.closable : undefined,
+        text: t(props.closeText)
+      }));
+      useRender(() => {
+        const hasActions = !!(props.closable || slots.actions);
+        const {
+          modelValue: _,
+          ...snackbarProps
+        } = VSnackbar.filterProps(props);
+        return vue.createVNode(vue.Fragment, null, [isVisible.value && !!current.value && (slots.default ? vue.createVNode(VDefaultsProvider, {
+          "defaults": {
+            VSnackbar: current.value
+          }
+        }, {
+          default: () => [slots.default({
+            item: current.value
+          })]
+        }) : vue.createVNode(VSnackbar, vue.mergeProps(snackbarProps, current.value, {
+          "modelValue": isActive.value,
+          "onUpdate:modelValue": $event => isActive.value = $event,
+          "onAfterLeave": onAfterLeave
+        }), {
+          text: slots.text ? () => slots.text?.({
+            item: current.value
+          }) : undefined,
+          actions: hasActions ? () => vue.createVNode(vue.Fragment, null, [!slots.actions ? vue.createVNode(VBtn, vue.mergeProps(btnProps.value, {
+            "onClick": onClickClose
+          }), null) : vue.createVNode(VDefaultsProvider, {
+            "defaults": {
+              VBtn: btnProps.value
+            }
+          }, {
+            default: () => [slots.actions({
+              item: current.value,
+              props: {
+                onClick: onClickClose
+              }
+            })]
+          })]) : undefined
+        }))]);
+      });
+    }
+  });
+
   // Utilities
 
   // Types
@@ -27199,8 +27434,7 @@
             default: () => [vue.createVNode(MaybeTransition, {
               "appear": true,
               "group": true,
-              "transition": props.transition,
-              "mode": "out-in"
+              "transition": props.transition
             }, {
               default: () => [slots.default?.(slotProps)]
             })]
@@ -27218,9 +27452,7 @@
     ampm: Boolean,
     color: String,
     disabled: Boolean,
-    displayedValue: {
-      default: null
-    },
+    displayedValue: null,
     double: Boolean,
     format: {
       type: Function,
@@ -28349,6 +28581,7 @@
     VSlideYTransition: VSlideYTransition,
     VSlider: VSlider,
     VSnackbar: VSnackbar,
+    VSnackbarQueue: VSnackbarQueue,
     VSpacer: VSpacer,
     VSparkline: VSparkline,
     VSpeedDial: VSpeedDial,
@@ -28605,7 +28838,7 @@
       goTo
     };
   }
-  const version$1 = "3.5.16";
+  const version$1 = "3.5.18";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28858,7 +29091,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.5.16";
+  const version = "3.5.18";
 
   /* eslint-disable local-rules/sort-imports */