@vuetify/nightly 3.10.5-dev.2025-10-07 → 3.10.5-dev.2025-10-10

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.10.5-dev.2025-10-07
+* Vuetify v3.10.5-dev.2025-10-10
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4779,83 +4779,7 @@ const VBtnToggle = genericComponent()({
   }
 });
 
-// Composables
-
-// Types
-
-const aliases = {
-  collapse: 'mdi-chevron-up',
-  complete: 'mdi-check',
-  cancel: 'mdi-close-circle',
-  close: 'mdi-close',
-  delete: 'mdi-close-circle',
-  // delete (e.g. v-chip close)
-  clear: 'mdi-close-circle',
-  success: 'mdi-check-circle',
-  info: 'mdi-information',
-  warning: 'mdi-alert-circle',
-  error: 'mdi-close-circle',
-  prev: 'mdi-chevron-left',
-  next: 'mdi-chevron-right',
-  checkboxOn: 'mdi-checkbox-marked',
-  checkboxOff: 'mdi-checkbox-blank-outline',
-  checkboxIndeterminate: 'mdi-minus-box',
-  delimiter: 'mdi-circle',
-  // for carousel
-  sortAsc: 'mdi-arrow-up',
-  sortDesc: 'mdi-arrow-down',
-  expand: 'mdi-chevron-down',
-  menu: 'mdi-menu',
-  subgroup: 'mdi-menu-down',
-  dropdown: 'mdi-menu-down',
-  radioOn: 'mdi-radiobox-marked',
-  radioOff: 'mdi-radiobox-blank',
-  edit: 'mdi-pencil',
-  ratingEmpty: 'mdi-star-outline',
-  ratingFull: 'mdi-star',
-  ratingHalf: 'mdi-star-half-full',
-  loading: 'mdi-cached',
-  first: 'mdi-page-first',
-  last: 'mdi-page-last',
-  unfold: 'mdi-unfold-more-horizontal',
-  file: 'mdi-paperclip',
-  plus: 'mdi-plus',
-  minus: 'mdi-minus',
-  calendar: 'mdi-calendar',
-  treeviewCollapse: 'mdi-menu-down',
-  treeviewExpand: 'mdi-menu-right',
-  tableGroupCollapse: 'mdi-chevron-down',
-  tableGroupExpand: 'mdi-chevron-right',
-  eyeDropper: 'mdi-eyedropper',
-  upload: 'mdi-cloud-upload',
-  color: 'mdi-palette',
-  command: 'mdi-apple-keyboard-command',
-  ctrl: 'mdi-apple-keyboard-control',
-  space: 'mdi-keyboard-space',
-  shift: 'mdi-apple-keyboard-shift',
-  alt: 'mdi-apple-keyboard-option',
-  enter: 'mdi-keyboard-return',
-  arrowup: 'mdi-arrow-up',
-  arrowdown: 'mdi-arrow-down',
-  arrowleft: 'mdi-arrow-left',
-  arrowright: 'mdi-arrow-right',
-  backspace: 'mdi-backspace',
-  play: 'mdi-play',
-  pause: 'mdi-pause',
-  fullscreen: 'mdi-fullscreen',
-  fullscreenExit: 'mdi-fullscreen-exit',
-  volumeHigh: 'mdi-volume-high',
-  volumeMedium: 'mdi-volume-medium',
-  volumeLow: 'mdi-volume-low',
-  volumeOff: 'mdi-volume-variant-off'
-};
-const mdi = {
-  // Not using mergeProps here, functional components merge props by default (?)
-  component: props => h(VClassIcon, {
-    ...props,
-    class: 'mdi'
-  })
-};
+// Utilities
 
 // Types
 
@@ -4938,37 +4862,6 @@ const VClassIcon = defineComponent({
     };
   }
 });
-function genDefaults$1() {
-  return {
-    svg: {
-      component: VSvgIcon
-    },
-    class: {
-      component: VClassIcon
-    }
-  };
-}
-
-// Composables
-function createIcons(options) {
-  const sets = genDefaults$1();
-  const defaultSet = options?.defaultSet ?? 'mdi';
-  if (defaultSet === 'mdi' && !sets.mdi) {
-    sets.mdi = mdi;
-  }
-  return mergeDeep({
-    defaultSet,
-    sets,
-    aliases: {
-      ...aliases,
-      /* eslint-disable max-len */
-      vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
-      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',
-      'vuetify-play': ['m6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z', ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6]]
-      /* eslint-enable max-len */
-    }
-  }, options);
-}
 const useIcon = props => {
   const icons = inject$1(IconSymbol);
   if (!icons) throw new Error('Missing Vuetify Icons provide!');
@@ -7918,7 +7811,7 @@ function useDisplay() {
 // Types
 
 const GoToSymbol = Symbol.for('vuetify:goto');
-function genDefaults() {
+function genDefaults$1() {
   return {
     container: undefined,
     duration: 300,
@@ -7947,12 +7840,12 @@ function getOffset$2(target, horizontal, rtl) {
 function createGoTo(options, locale) {
   return {
     rtl: locale.isRtl,
-    options: mergeDeep(genDefaults(), options)
+    options: mergeDeep(genDefaults$1(), options)
   };
 }
 async function scrollTo(_target, _options, horizontal, goTo) {
   const property = horizontal ? 'scrollLeft' : 'scrollTop';
-  const options = mergeDeep(goTo?.options ?? genDefaults(), _options);
+  const options = mergeDeep(goTo?.options ?? genDefaults$1(), _options);
   const rtl = goTo?.rtl.value;
   const target = (typeof _target === 'number' ? _target : getTarget$1(_target)) ?? 0;
   const container = options.container === 'parent' && target instanceof HTMLElement ? target.parentElement : getContainer(options.container);
@@ -12942,7 +12835,7 @@ function useVirtual(props, items) {
     const start = performance.now();
     offsets[0] = 0;
     const length = items.value.length;
-    for (let i = 1; i <= length - 1; i++) {
+    for (let i = 1; i <= length; i++) {
       offsets[i] = (offsets[i - 1] || 0) + getSize(i - 1);
     }
     updateTime.value = Math.max(updateTime.value, performance.now() - start);
@@ -12977,7 +12870,7 @@ function useVirtual(props, items) {
     }
   }
   function calculateOffset(index) {
-    index = clamp(index, 0, items.value.length - 1);
+    index = clamp(index, 0, items.value.length);
     const whole = Math.floor(index);
     const fraction = index % 1;
     const next = whole + 1;
@@ -13982,10 +13875,7 @@ const makeVAutocompleteProps = propsFactory({
   ...omit(makeVTextFieldProps({
     modelValue: null,
     role: 'combobox'
-  }), ['validationValue', 'dirty', 'appendInnerIcon']),
-  ...makeTransitionProps({
-    transition: false
-  })
+  }), ['validationValue', 'dirty', 'appendInnerIcon'])
 }, 'VAutocomplete');
 const VAutocomplete = genericComponent()({
   name: 'VAutocomplete',
@@ -14010,6 +13900,7 @@ const VAutocomplete = genericComponent()({
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
     const selectionIndex = shallowRef(-1);
+    const _searchLock = shallowRef(null);
     const {
       items,
       transformIn,
@@ -14031,9 +13922,9 @@ const VAutocomplete = genericComponent()({
     const {
       filteredItems,
       getMatches
-    } = useFilter(props, items, () => isPristine.value ? '' : search.value);
+    } = useFilter(props, items, () => _searchLock.value ?? (isPristine.value ? '' : search.value));
     const displayItems = computed(() => {
-      if (props.hideSelected) {
+      if (props.hideSelected && _searchLock.value === null) {
         return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
       }
       return filteredItems.value;
@@ -14164,6 +14055,7 @@ const VAutocomplete = genericComponent()({
         isPristine.value = true;
         vTextFieldRef.value?.focus();
       }
+      _searchLock.value = null;
     }
     function onFocusin(e) {
       isFocused.value = true;
@@ -14199,6 +14091,7 @@ const VAutocomplete = genericComponent()({
       } else {
         const add = set !== false;
         model.value = add ? [item] : [];
+        _searchLock.value = isPristine.value ? '' : search.value ?? '';
         search.value = add && !hasSelectionSlot.value ? item.title : '';
 
         // watch for search watcher to trigger
@@ -14218,6 +14111,9 @@ const VAutocomplete = genericComponent()({
       } else {
         if (!props.multiple && search.value == null) model.value = [];
         menu.value = false;
+        if (!isPristine.value && search.value) {
+          _searchLock.value = search.value;
+        }
         search.value = '';
         selectionIndex.value = -1;
       }
@@ -14227,13 +14123,14 @@ const VAutocomplete = genericComponent()({
       if (val) menu.value = true;
       isPristine.value = !val;
     });
-    watch(menu, () => {
-      if (!props.hideSelected && menu.value && model.value.length) {
+    watch(menu, val => {
+      if (!props.hideSelected && val && model.value.length && isPristine.value) {
         const index = displayItems.value.findIndex(item => model.value.some(s => item.value === s.value));
         IN_BROWSER && window.requestAnimationFrame(() => {
           index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
         });
       }
+      if (val) _searchLock.value = null;
     });
     watch(items, (newVal, oldVal) => {
       if (menu.value) return;
@@ -14284,7 +14181,6 @@ const VAutocomplete = genericComponent()({
           "maxHeight": 310,
           "openOnClick": false,
           "closeOnContentClick": false,
-          "transition": props.transition,
           "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
@@ -19312,10 +19208,7 @@ const makeVComboboxProps = propsFactory({
   ...omit(makeVTextFieldProps({
     modelValue: null,
     role: 'combobox'
-  }), ['validationValue', 'dirty', 'appendInnerIcon']),
-  ...makeTransitionProps({
-    transition: false
-  })
+  }), ['validationValue', 'dirty', 'appendInnerIcon'])
 }, 'VCombobox');
 const VCombobox = genericComponent()({
   name: 'VCombobox',
@@ -19359,6 +19252,7 @@ const VCombobox = genericComponent()({
     const hasChips = computed(() => !!(props.chips || slots.chip));
     const hasSelectionSlot = computed(() => hasChips.value || !!slots.selection);
     const _search = shallowRef(!props.multiple && !hasSelectionSlot.value ? model.value[0]?.title ?? '' : '');
+    const _searchLock = shallowRef(null);
     const search = computed({
       get: () => {
         return _search.value;
@@ -19393,9 +19287,9 @@ const VCombobox = genericComponent()({
     const {
       filteredItems,
       getMatches
-    } = useFilter(props, items, () => props.alwaysFilter || !isPristine.value ? search.value : '');
+    } = useFilter(props, items, () => _searchLock.value ?? (props.alwaysFilter || !isPristine.value ? search.value : ''));
     const displayItems = computed(() => {
-      if (props.hideSelected) {
+      if (props.hideSelected && _searchLock.value === null) {
         return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
       }
       return filteredItems.value;
@@ -19476,22 +19370,19 @@ const VCombobox = genericComponent()({
       if (['Escape'].includes(e.key)) {
         menu.value = false;
       }
-      if (['Enter', 'Escape', 'Tab'].includes(e.key)) {
-        if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
-          let {
-            value
-          } = _ref2;
-          return value === displayItems.value[0].value;
-        })) {
-          select(filteredItems.value[0]);
-        }
-        isPristine.value = true;
+      if (highlightFirst.value && ['Enter', 'Tab'].includes(e.key) && !model.value.some(_ref2 => {
+        let {
+          value
+        } = _ref2;
+        return value === displayItems.value[0].value;
+      })) {
+        select(filteredItems.value[0]);
       }
       if (e.key === 'ArrowDown' && highlightFirst.value) {
         listRef.value?.focus('next');
       }
       if (e.key === 'Enter' && search.value) {
-        select(transformItem$3(props, search.value));
+        select(transformItem$3(props, search.value), true, true);
         if (hasSelectionSlot.value) _search.value = '';
       }
       if (['Backspace', 'Delete'].includes(e.key)) {
@@ -19539,10 +19430,12 @@ const VCombobox = genericComponent()({
         isPristine.value = true;
         vTextFieldRef.value?.focus();
       }
+      _searchLock.value = null;
     }
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      let keepMenu = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => (props.valueComparator || deepEqual)(selection.value, item.value));
@@ -19560,11 +19453,14 @@ const VCombobox = genericComponent()({
       } else {
         const add = set !== false;
         model.value = add ? [item] : [];
+        if ((!isPristine.value || props.alwaysFilter) && _search.value) {
+          _searchLock.value = _search.value;
+        }
         _search.value = add && !hasSelectionSlot.value ? item.title : '';
 
         // watch for search watcher to trigger
         nextTick(() => {
-          menu.value = false;
+          menu.value = keepMenu;
           isPristine.value = true;
         });
       }
@@ -19603,13 +19499,14 @@ const VCombobox = genericComponent()({
         }
       }
     });
-    watch(menu, () => {
-      if (!props.hideSelected && menu.value && model.value.length) {
+    watch(menu, val => {
+      if (!props.hideSelected && val && model.value.length && isPristine.value) {
         const index = displayItems.value.findIndex(item => model.value.some(s => (props.valueComparator || deepEqual)(s.value, item.value)));
         IN_BROWSER && window.requestAnimationFrame(() => {
           index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
         });
       }
+      if (val) _searchLock.value = null;
     });
     watch(items, (newVal, oldVal) => {
       if (menu.value) return;
@@ -19660,7 +19557,6 @@ const VCombobox = genericComponent()({
           "maxHeight": 310,
           "openOnClick": false,
           "closeOnContentClick": false,
-          "transition": props.transition,
           "onAfterEnter": onAfterEnter,
           "onAfterLeave": onAfterLeave
         }, props.menuProps), {
@@ -21207,6 +21103,7 @@ const VPagination = genericComponent()({
 // Types
 
 const makeVDataTableFooterProps = propsFactory({
+  color: String,
   prevIcon: {
     type: IconValue,
     default: '$prev'
@@ -21309,6 +21206,7 @@ const VDataTableFooter = genericComponent()({
         "aria-label": t(props.itemsPerPageText)
       }, [t(props.itemsPerPageText)]), createVNode(VSelect, {
         "items": itemsPerPageOptions.value,
+        "itemColor": props.color,
         "modelValue": itemsPerPage.value,
         "onUpdate:modelValue": v => setItemsPerPage(Number(v)),
         "density": "compact",
@@ -21331,7 +21229,7 @@ const VDataTableFooter = genericComponent()({
         "showFirstLastPage": true,
         "totalVisible": props.showCurrentPage ? 1 : 0,
         "variant": "plain"
-      }, paginationProps), null)])]);
+      }, omit(paginationProps, ['color'])), null)])]);
     });
     return {};
   }
@@ -21842,6 +21740,7 @@ const VDataTableHeaders = genericComponent()({
           if (isEmpty) return '';
           if (column.key === 'data-table-select') {
             return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && createVNode(VCheckboxBtn, {
+              "color": props.color,
               "density": props.density,
               "modelValue": allSelected.value,
               "indeterminate": someSelected.value && !allSelected.value,
@@ -21866,11 +21765,6 @@ const VDataTableHeaders = genericComponent()({
       const displayItems = computed(() => {
         return columns.value.filter(column => column?.sortable && !props.disableSort);
       });
-      const appendIcon = computed(() => {
-        const showSelectColumn = columns.value.find(column => column.key === 'data-table-select');
-        if (showSelectColumn == null) return;
-        return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff';
-      });
       return createVNode(VDataTableColumn, mergeProps({
         "tag": "th",
         "class": [...headerCellClasses.value],
@@ -21880,6 +21774,7 @@ const VDataTableHeaders = genericComponent()({
           "class": "v-data-table-header__content"
         }, [createVNode(VSelect, {
           "chips": true,
+          "color": props.color,
           "class": "v-data-table__td-sort-select",
           "clearable": true,
           "density": "default",
@@ -21888,9 +21783,15 @@ const VDataTableHeaders = genericComponent()({
           "multiple": props.multiSort,
           "variant": "underlined",
           "onClick:clear": () => sortBy.value = [],
-          "appendIcon": appendIcon.value,
           "onClick:append": () => selectAll(!allSelected.value)
         }, {
+          append: () => createVNode(VCheckboxBtn, {
+            "color": props.color,
+            "density": "compact",
+            "modelValue": allSelected.value,
+            "indeterminate": someSelected.value && !allSelected.value,
+            "onUpdate:modelValue": selectAll
+          }, null),
           chip: props => createVNode(VChip, {
             "onClick": props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined,
             "onMousedown": e => {
@@ -21920,7 +21821,7 @@ const VDataTableHeaders = genericComponent()({
         "name": "v-data-table-progress",
         "absolute": true,
         "active": true,
-        "color": typeof props.loading === 'boolean' ? undefined : props.loading,
+        "color": typeof props.loading === 'boolean' || props.loading === 'true' ? props.color : props.loading,
         "indeterminate": true
       }, {
         default: slots.loader
@@ -22027,6 +21928,7 @@ const VDataTableGroupHeaderRow = genericComponent()({
 // Types
 
 const makeVDataTableRowProps = propsFactory({
+  color: String,
   index: Number,
   item: Object,
   cellProps: [Object, Function],
@@ -22144,11 +22046,13 @@ const VDataTableRow = genericComponent()({
             return slots['item.data-table-select']?.({
               ...slotProps,
               props: {
+                color: props.color,
                 disabled: !item.selectable,
                 modelValue: isSelected([item]),
                 onClick: withModifiers(() => toggleSelect(item), ['stop'])
               }
             }) ?? createVNode(VCheckboxBtn, {
+              "color": props.color,
               "disabled": !item.selectable,
               "density": props.density,
               "modelValue": isSelected([item]),
@@ -22187,6 +22091,7 @@ const VDataTableRow = genericComponent()({
 // Types
 
 const makeVDataTableRowsProps = propsFactory({
+  color: String,
   loading: [Boolean, String],
   loadingText: {
     type: String,
@@ -22302,6 +22207,7 @@ const VDataTableRows = genericComponent()({
             } : undefined,
             index,
             item,
+            color: props.color,
             cellProps: props.cellProps,
             collapseIcon: props.collapseIcon,
             expandIcon: props.expandIcon,
@@ -26697,12 +26603,17 @@ const VNumberInput = genericComponent()({
     }
     const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(Number(val), props.min, props.max));
     const _inputText = shallowRef(null);
-    watchEffect(() => {
-      if (isFocused.value && !controlsDisabled.value && Number(_inputText.value) === model.value) ; else if (model.value == null) {
+    const _lastParsedValue = shallowRef(null);
+    watch(model, val => {
+      if (isFocused.value && !controlsDisabled.value && Number(_inputText.value) === val) ; else if (val == null) {
         _inputText.value = null;
-      } else if (!isNaN(model.value)) {
-        _inputText.value = correctPrecision(model.value);
+        _lastParsedValue.value = null;
+      } else if (!isNaN(val)) {
+        _inputText.value = correctPrecision(val);
+        _lastParsedValue.value = Number(_inputText.value.replace(decimalSeparator.value, '.'));
       }
+    }, {
+      immediate: true
     });
     const inputText = computed({
       get: () => _inputText.value,
@@ -26710,15 +26621,24 @@ const VNumberInput = genericComponent()({
         if (val === null || val === '') {
           model.value = null;
           _inputText.value = null;
+          _lastParsedValue.value = null;
           return;
         }
         const parsedValue = Number(val.replace(decimalSeparator.value, '.'));
-        if (!isNaN(parsedValue) && parsedValue <= props.max && parsedValue >= props.min) {
-          model.value = parsedValue;
+        if (!isNaN(parsedValue)) {
           _inputText.value = val;
+          _lastParsedValue.value = parsedValue;
+          if (parsedValue <= props.max && parsedValue >= props.min) {
+            model.value = parsedValue;
+          }
         }
       }
     });
+    const isOutOfRange = computed(() => {
+      if (_lastParsedValue.value === null) return false;
+      const numberFromText = Number(_inputText.value);
+      return numberFromText !== clamp(numberFromText, props.min, props.max);
+    });
     const canIncrease = computed(() => {
       if (controlsDisabled.value) return false;
       return (model.value ?? 0) + props.step <= props.max;
@@ -26974,6 +26894,7 @@ const VNumberInput = genericComponent()({
         "focused": isFocused.value,
         "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.value,
+        "error": isOutOfRange.value || undefined,
         "onBeforeinput": onBeforeinput,
         "onFocus": onFocus,
         "onBlur": onBlur,
@@ -29773,7 +29694,7 @@ const VTabs = genericComponent()({
         "role": "tablist",
         "symbol": VTabsSymbol
       }, scopeId, attrs), {
-        default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
+        default: slots.default ?? (() => items.value.map(item => slots.tab?.({
           item
         }) ?? createVNode(VTab, mergeProps(item, {
           "key": item.text,
@@ -29783,7 +29704,9 @@ const VTabs = genericComponent()({
           default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({
             item
           }) : undefined
-        }))]
+        }))),
+        prev: slots.prev,
+        next: slots.next
       }), hasWindow && createVNode(VTabsWindow, mergeProps({
         "modelValue": model.value,
         "onUpdate:modelValue": $event => model.value = $event,
@@ -29872,6 +29795,10 @@ const VTextarea = genericComponent()({
     const vFieldRef = ref();
     const controlHeight = shallowRef('');
     const textareaRef = ref();
+    const scrollbarWidth = ref(0);
+    const {
+      platform
+    } = useDisplay();
     const autocomplete = useAutocomplete(props);
     const isActive = computed(() => props.persistentPlaceholder || isFocused.value || props.active);
     function onFocus() {
@@ -29916,6 +29843,18 @@ const VTextarea = genericComponent()({
       if (!props.autoGrow) rows.value = Number(props.rows);
     });
     function calculateInputHeight() {
+      nextTick(() => {
+        if (!textareaRef.value) return;
+        if (platform.value.firefox) {
+          scrollbarWidth.value = 12;
+          return;
+        }
+        const {
+          offsetWidth,
+          clientWidth
+        } = textareaRef.value;
+        scrollbarWidth.value = Math.max(0, offsetWidth - clientWidth);
+      });
       if (!props.autoGrow) return;
       nextTick(() => {
         if (!sizerRef.value || !vFieldRef.value) return;
@@ -29976,7 +29915,9 @@ const VTextarea = genericComponent()({
           'v-textarea--no-resize': props.noResize || props.autoGrow,
           'v-input--plain-underlined': isPlainOrUnderlined.value
         }, props.class],
-        "style": props.style
+        "style": [{
+          '--v-textarea-scroll-bar-width': convertToUnit(scrollbarWidth.value)
+        }, props.style]
       }, rootAttrs, inputProps, {
         "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
         "focused": isFocused.value
@@ -31495,6 +31436,11 @@ const makeVTreeviewProps = propsFactory({
   openAll: Boolean,
   indentLines: [Boolean, String],
   search: String,
+  hideNoData: Boolean,
+  noDataText: {
+    type: String,
+    default: '$vuetify.noDataText'
+  },
   ...makeFilterProps({
     filterKeys: ['title']
   }),
@@ -31522,6 +31468,9 @@ const VTreeview = genericComponent()({
       slots,
       emit
     } = _ref;
+    const {
+      t
+    } = useLocale();
     const {
       items
     } = useListItems(props);
@@ -31615,7 +31564,10 @@ const VTreeview = genericComponent()({
         "selected": selected.value,
         "onUpdate:selected": $event => selected.value = $event
       }), {
-        default: () => [createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
+        default: () => [visibleIds.value?.size === 0 && !props.hideNoData && (slots['no-data']?.() ?? createVNode(VListItem, {
+          "key": "no-data",
+          "title": t(props.noDataText)
+        }, null)), createVNode(VTreeviewChildren, mergeProps(treeviewChildrenProps, {
           "density": props.density,
           "returnObject": props.returnObject,
           "items": items.value,
@@ -34413,7 +34365,7 @@ const makeVColorInputProps = propsFactory({
   ...makeFocusProps(),
   ...makeVConfirmEditProps(),
   ...makeVTextFieldProps(),
-  ...omit(makeVColorPickerProps(), ['width'])
+  ...omit(makeVColorPickerProps(), ['location', 'height', 'minHeight', 'maxHeight'])
 }, 'VColorInput');
 const VColorInput = genericComponent()({
   name: 'VColorInput',
@@ -34452,7 +34404,7 @@ const VColorInput = genericComponent()({
     }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
-      const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'color']));
+      const colorPickerProps = VColorPicker.filterProps(omit(props, ['active', 'bgColor', 'color', 'rounded', 'maxWidth', 'minWidth', 'width']));
       const textFieldProps = VTextField.filterProps(props);
       const slotWithPip = props.hidePip ? undefined : {
         [props.pipLocation]: arg => createElementVNode(Fragment, null, [createVNode(VAvatar, {
@@ -34670,7 +34622,7 @@ const makeVDateInputProps = propsFactory({
   ...omit(makeVDatePickerProps({
     hideHeader: true,
     showAdjacentMonths: true
-  }), ['active', 'location', 'rounded'])
+  }), ['active', 'location', 'rounded', 'height', 'minHeight', 'maxHeight'])
 }, 'VDateInput');
 const VDateInput = genericComponent()({
   name: 'VDateInput',
@@ -34812,7 +34764,7 @@ const VDateInput = genericComponent()({
     }
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
-      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
+      const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'bgColor', 'color', 'location', 'rounded', 'maxWidth', 'minWidth', 'width']));
       const datePickerSlots = pick(slots, ['title', 'header', 'day', 'month', 'year']);
       const textFieldProps = VTextField.filterProps(omit(props, ['placeholder']));
       return createVNode(VTextField, mergeProps({
@@ -35257,7 +35209,7 @@ const VMaskInput = genericComponent()({
     // Always display masked value in input when mask is applied
     val => props.mask ? mask.mask(mask.unmask(val)) : val, val => {
       if (props.mask) {
-        const valueWithoutDelimiters = removeMaskDelimiters(val);
+        const valueWithoutDelimiters = val ? removeMaskDelimiters(val) : '';
 
         // E.g. mask is #-# and the input value is '2-23'
         // model-value should be enforced to '2-2'
@@ -37904,6 +37856,118 @@ var directives = /*#__PURE__*/Object.freeze({
   Touch: Touch
 });
 
+// Composables
+
+// Types
+
+const aliases = {
+  collapse: 'mdi-chevron-up',
+  complete: 'mdi-check',
+  cancel: 'mdi-close-circle',
+  close: 'mdi-close',
+  delete: 'mdi-close-circle',
+  // delete (e.g. v-chip close)
+  clear: 'mdi-close-circle',
+  success: 'mdi-check-circle',
+  info: 'mdi-information',
+  warning: 'mdi-alert-circle',
+  error: 'mdi-close-circle',
+  prev: 'mdi-chevron-left',
+  next: 'mdi-chevron-right',
+  checkboxOn: 'mdi-checkbox-marked',
+  checkboxOff: 'mdi-checkbox-blank-outline',
+  checkboxIndeterminate: 'mdi-minus-box',
+  delimiter: 'mdi-circle',
+  // for carousel
+  sortAsc: 'mdi-arrow-up',
+  sortDesc: 'mdi-arrow-down',
+  expand: 'mdi-chevron-down',
+  menu: 'mdi-menu',
+  subgroup: 'mdi-menu-down',
+  dropdown: 'mdi-menu-down',
+  radioOn: 'mdi-radiobox-marked',
+  radioOff: 'mdi-radiobox-blank',
+  edit: 'mdi-pencil',
+  ratingEmpty: 'mdi-star-outline',
+  ratingFull: 'mdi-star',
+  ratingHalf: 'mdi-star-half-full',
+  loading: 'mdi-cached',
+  first: 'mdi-page-first',
+  last: 'mdi-page-last',
+  unfold: 'mdi-unfold-more-horizontal',
+  file: 'mdi-paperclip',
+  plus: 'mdi-plus',
+  minus: 'mdi-minus',
+  calendar: 'mdi-calendar',
+  treeviewCollapse: 'mdi-menu-down',
+  treeviewExpand: 'mdi-menu-right',
+  tableGroupCollapse: 'mdi-chevron-down',
+  tableGroupExpand: 'mdi-chevron-right',
+  eyeDropper: 'mdi-eyedropper',
+  upload: 'mdi-cloud-upload',
+  color: 'mdi-palette',
+  command: 'mdi-apple-keyboard-command',
+  ctrl: 'mdi-apple-keyboard-control',
+  space: 'mdi-keyboard-space',
+  shift: 'mdi-apple-keyboard-shift',
+  alt: 'mdi-apple-keyboard-option',
+  enter: 'mdi-keyboard-return',
+  arrowup: 'mdi-arrow-up',
+  arrowdown: 'mdi-arrow-down',
+  arrowleft: 'mdi-arrow-left',
+  arrowright: 'mdi-arrow-right',
+  backspace: 'mdi-backspace',
+  play: 'mdi-play',
+  pause: 'mdi-pause',
+  fullscreen: 'mdi-fullscreen',
+  fullscreenExit: 'mdi-fullscreen-exit',
+  volumeHigh: 'mdi-volume-high',
+  volumeMedium: 'mdi-volume-medium',
+  volumeLow: 'mdi-volume-low',
+  volumeOff: 'mdi-volume-variant-off'
+};
+const mdi = {
+  // Not using mergeProps here, functional components merge props by default (?)
+  component: props => h(VClassIcon, {
+    ...props,
+    class: 'mdi'
+  })
+};
+
+// Composables
+
+// Types
+
+function genDefaults() {
+  return {
+    svg: {
+      component: VSvgIcon
+    },
+    class: {
+      component: VClassIcon
+    }
+  };
+}
+function createIcons(options) {
+  const sets = genDefaults();
+  const defaultSet = options?.defaultSet ?? 'mdi';
+  if (defaultSet === 'mdi' && !sets.mdi) {
+    sets.mdi = mdi;
+  }
+  return mergeDeep({
+    defaultSet,
+    sets,
+    aliases: {
+      ...aliases,
+      /* eslint-disable max-len */
+      vuetify: ['M8.2241 14.2009L12 21L22 3H14.4459L8.2241 14.2009Z', ['M7.26303 12.4733L7.00113 12L2 3H12.5261C12.5261 3 12.5261 3 12.5261 3L7.26303 12.4733Z', 0.6]],
+      'vuetify-outline': 'svg:M7.26 12.47 12.53 3H2L7.26 12.47ZM14.45 3 8.22 14.2 12 21 22 3H14.45ZM18.6 5 12 16.88 10.51 14.2 15.62 5ZM7.26 8.35 5.4 5H9.13L7.26 8.35Z',
+      'vuetify-play': ['m6.376 13.184-4.11-7.192C1.505 4.66 2.467 3 4.003 3h8.532l-.953 1.576-.006.01-.396.677c-.429.732-.214 1.507.194 2.015.404.503 1.092.878 1.869.806a3.72 3.72 0 0 1 1.005.022c.276.053.434.143.523.237.138.146.38.635-.25 2.09-.893 1.63-1.553 1.722-1.847 1.677-.213-.033-.468-.158-.756-.406a4.95 4.95 0 0 1-.8-.927c-.39-.564-1.04-.84-1.66-.846-.625-.006-1.316.27-1.693.921l-.478.826-.911 1.506Z', ['M9.093 11.552c.046-.079.144-.15.32-.148a.53.53 0 0 1 .43.207c.285.414.636.847 1.046 1.2.405.35.914.662 1.516.754 1.334.205 2.502-.698 3.48-2.495l.014-.028.013-.03c.687-1.574.774-2.852-.005-3.675-.37-.391-.861-.586-1.333-.676a5.243 5.243 0 0 0-1.447-.044c-.173.016-.393-.073-.54-.257-.145-.18-.127-.316-.082-.392l.393-.672L14.287 3h5.71c1.536 0 2.499 1.659 1.737 2.992l-7.997 13.996c-.768 1.344-2.706 1.344-3.473 0l-3.037-5.314 1.377-2.278.004-.006.004-.007.481-.831Z', 0.6]]
+      /* eslint-enable max-len */
+    }
+  }, options);
+}
+
 // Composables
 function createVuetify$1() {
   let vuetify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -38003,7 +38067,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.10.5-dev.2025-10-07";
+const version$1 = "3.10.5-dev.2025-10-10";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -38301,7 +38365,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.10.5-dev.2025-10-07";
+const version = "3.10.5-dev.2025-10-10";
 
 /* eslint-disable local-rules/sort-imports */