@vuetify/nightly 3.9.3-master.2025-07-30 → 3.9.3-master.2025-07-31

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.3-master.2025-07-30
+* Vuetify v3.9.3-master.2025-07-31
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1613,7 +1613,9 @@
   function hasScrollbar(el) {
     if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
     const style = window.getComputedStyle(el);
-    return style.overflowY === 'scroll' || style.overflowY === 'auto' && el.scrollHeight > el.clientHeight;
+    const hasVerticalScrollbar = style.overflowY === 'scroll' || style.overflowY === 'auto' && el.scrollHeight > el.clientHeight;
+    const hasHorizontalScrollbar = style.overflowX === 'scroll' || style.overflowX === 'auto' && el.scrollWidth > el.clientWidth;
+    return hasVerticalScrollbar || hasHorizontalScrollbar;
   }
   function isPotentiallyScrollable(el) {
     if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
@@ -2725,6 +2727,23 @@
       unmute: 'Unmute',
       enterFullscreen: 'Full screen',
       exitFullscreen: 'Exit full screen'
+    },
+    colorPicker: {
+      ariaLabel: {
+        eyedropper: 'Select color with eyedropper',
+        hueSlider: 'Hue',
+        alphaSlider: 'Alpha',
+        redInput: 'Red value',
+        greenInput: 'Green value',
+        blueInput: 'Blue value',
+        alphaInput: 'Alpha value',
+        hueInput: 'Hue value',
+        saturationInput: 'Saturation value',
+        lightnessInput: 'Lightness value',
+        hexInput: 'HEX value',
+        hexaInput: 'HEX with alpha value',
+        changeFormat: 'Change color format'
+      }
     }
   };
 
@@ -16222,7 +16241,8 @@
       getColor: (c, v) => ({
         ...c,
         r: Number(v)
-      })
+      }),
+      localeKey: 'redInput'
     }, {
       label: 'G',
       max: 255,
@@ -16231,7 +16251,8 @@
       getColor: (c, v) => ({
         ...c,
         g: Number(v)
-      })
+      }),
+      localeKey: 'greenInput'
     }, {
       label: 'B',
       max: 255,
@@ -16240,7 +16261,8 @@
       getColor: (c, v) => ({
         ...c,
         b: Number(v)
-      })
+      }),
+      localeKey: 'blueInput'
     }, {
       label: 'A',
       max: 1,
@@ -16254,7 +16276,8 @@
       getColor: (c, v) => ({
         ...c,
         a: Number(v)
-      })
+      }),
+      localeKey: 'alphaInput'
     }],
     to: HSVtoRGB,
     from: RGBtoHSV
@@ -16276,7 +16299,8 @@
       getColor: (c, v) => ({
         ...c,
         h: Number(v)
-      })
+      }),
+      localeKey: 'hueInput'
     }, {
       label: 'S',
       max: 1,
@@ -16285,7 +16309,8 @@
       getColor: (c, v) => ({
         ...c,
         s: Number(v)
-      })
+      }),
+      localeKey: 'saturationInput'
     }, {
       label: 'L',
       max: 1,
@@ -16294,7 +16319,8 @@
       getColor: (c, v) => ({
         ...c,
         l: Number(v)
-      })
+      }),
+      localeKey: 'lightnessInput'
     }, {
       label: 'A',
       max: 1,
@@ -16308,7 +16334,8 @@
       getColor: (c, v) => ({
         ...c,
         a: Number(v)
-      })
+      }),
+      localeKey: 'alphaInput'
     }],
     to: HSVtoHSL,
     from: HSLtoHSV
@@ -16324,7 +16351,8 @@
     inputs: [{
       label: 'HEXA',
       getValue: c => c,
-      getColor: (c, v) => v
+      getColor: (c, v) => v,
+      localeKey: 'hexaInput'
     }],
     to: HSVtoHex,
     from: HexToHSV
@@ -16334,7 +16362,8 @@
     inputs: [{
       label: 'HEX',
       getValue: c => c.slice(0, 7),
-      getColor: (c, v) => v
+      getColor: (c, v) => v,
+      localeKey: 'hexInput'
     }]
   };
   const modes = {
@@ -16383,6 +16412,9 @@
       let {
         emit
       } = _ref2;
+      const {
+        t
+      } = useLocale();
       const enabledModes = vue.computed(() => {
         return props.modes.map(key => ({
           ...modes[key],
@@ -16397,11 +16429,13 @@
           let {
             getValue,
             getColor,
+            localeKey,
             ...inputProps
           } = _ref3;
           return {
             ...mode.inputProps,
             ...inputProps,
+            ariaLabel: t(`$vuetify.colorPicker.ariaLabel.${localeKey}`),
             disabled: props.disabled,
             value: color && getValue(color),
             onChange: e => {
@@ -16419,6 +16453,7 @@
         "icon": "$unfold",
         "size": "x-small",
         "variant": "plain",
+        "aria-label": t('$vuetify.colorPicker.ariaLabel.changeFormat'),
         "onClick": () => {
           const mi = enabledModes.value.findIndex(m => m.name === props.mode);
           emit('update:mode', enabledModes.value[(mi + 1) % enabledModes.value.length].name);
@@ -17184,6 +17219,9 @@
       let {
         emit
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const abortController = new AbortController();
       vue.onUnmounted(() => abortController.abort());
       async function openEyeDropper() {
@@ -17209,6 +17247,7 @@
         "class": "v-color-picker-preview__eye-dropper",
         "key": "eyeDropper"
       }, [vue.createVNode(VBtn, {
+        "aria-label": t('$vuetify.colorPicker.ariaLabel.eyedropper'),
         "density": "comfortable",
         "disabled": props.disabled,
         "icon": "$eyeDropper",
@@ -17224,6 +17263,7 @@
         "class": "v-color-picker-preview__sliders"
       }, [vue.createVNode(VSlider, {
         "class": "v-color-picker-preview__track v-color-picker-preview__hue",
+        "name": t('$vuetify.colorPicker.ariaLabel.hueSlider'),
         "modelValue": props.color?.h,
         "onUpdate:modelValue": h => emit('update:color', {
           ...(props.color ?? nullColor),
@@ -17239,6 +17279,7 @@
         "hideDetails": true
       }, null), !props.hideAlpha && vue.createVNode(VSlider, {
         "class": "v-color-picker-preview__track v-color-picker-preview__alpha",
+        "name": t('$vuetify.colorPicker.ariaLabel.alphaSlider'),
         "modelValue": props.color?.a ?? 1,
         "onUpdate:modelValue": a => emit('update:color', {
           ...(props.color ?? nullColor),
@@ -19759,7 +19800,7 @@
     });
     return groups;
   }
-  function flattenItems(items, opened) {
+  function flattenItems(items, opened, hasSummary) {
     const flatItems = [];
     for (const item of items) {
       // TODO: make this better
@@ -19768,7 +19809,13 @@
           flatItems.push(item);
         }
         if (opened.has(item.id) || item.value == null) {
-          flatItems.push(...flattenItems(item.items, opened));
+          flatItems.push(...flattenItems(item.items, opened, hasSummary));
+          if (hasSummary) {
+            flatItems.push({
+              ...item,
+              type: 'group-summary'
+            });
+          }
         }
       } else {
         flatItems.push(item);
@@ -19776,11 +19823,11 @@
     }
     return flatItems;
   }
-  function useGroupedItems(items, groupBy, opened) {
+  function useGroupedItems(items, groupBy, opened, hasSummary) {
     const flatItems = vue.computed(() => {
       if (!groupBy.value.length) return items.value;
       const groupedItems = groupItems(items.value, groupBy.value.map(item => item.key));
-      return flattenItems(groupedItems, opened.value);
+      return flattenItems(groupedItems, opened.value, vue.toValue(hasSummary));
     });
     return {
       flatItems
@@ -20398,7 +20445,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, false);
       const itemsLength = vue.toRef(() => flatItems.value.length);
       const {
         startIndex,
@@ -21103,11 +21150,16 @@
       if (item.fixed === true) {
         item.fixed = 'start';
       }
-      const orderedChildren = side === 'start' ? item.children?.toReversed() : item.children;
       if (item.fixed === side) {
-        if (orderedChildren) {
-          for (const child of orderedChildren) {
-            setFixed(child, side, side);
+        if (item.children) {
+          if (side === 'start') {
+            for (let i = item.children.length - 1; i >= 0; i--) {
+              setFixed(item.children[i], side, side);
+            }
+          } else {
+            for (let i = 0; i < item.children.length; i++) {
+              setFixed(item.children[i], side, side);
+            }
           }
         } else {
           if (!seenFixed && side === 'start') {
@@ -21122,57 +21174,63 @@
           seenFixed = true;
         }
       } else {
-        if (orderedChildren) {
-          for (const child of orderedChildren) {
-            setFixed(child, side);
+        if (item.children) {
+          if (side === 'start') {
+            for (let i = item.children.length - 1; i >= 0; i--) {
+              setFixed(item.children[i], side);
+            }
+          } else {
+            for (let i = 0; i < item.children.length; i++) {
+              setFixed(item.children[i], side);
+            }
           }
         } else {
           seenFixed = false;
         }
       }
     }
-    for (const item of items.toReversed()) {
-      setFixed(item, 'start');
+    for (let i = items.length - 1; i >= 0; i--) {
+      setFixed(items[i], 'start');
     }
-    for (const item of items) {
-      setFixed(item, 'end');
-    }
-    function setFixedOffset(item) {
-      let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      if (!item) return offset;
-      if (item.children) {
-        item.fixedOffset = offset;
-        for (const child of item.children) {
-          offset = setFixedOffset(child, offset);
-        }
-      } else if (item.fixed && item.fixed !== 'end') {
-        item.fixedOffset = offset;
-        offset += parseFloat(item.width || '0') || 0;
-      }
-      return offset;
+    for (let i = 0; i < items.length; i++) {
+      setFixed(items[i], 'end');
     }
     let fixedOffset = 0;
-    for (const item of items) {
-      fixedOffset = setFixedOffset(item, fixedOffset);
+    for (let i = 0; i < items.length; i++) {
+      fixedOffset = setFixedOffset(items[i], fixedOffset);
     }
-    function setFixedEndOffset(item) {
-      let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-      if (!item) return offset;
-      if (item.children) {
-        item.fixedEndOffset = offset;
-        for (const child of item.children) {
-          offset = setFixedEndOffset(child, offset);
-        }
-      } else if (item.fixed === 'end') {
-        item.fixedEndOffset = offset;
-        offset += parseFloat(item.width || '0') || 0;
+    let fixedEndOffset = 0;
+    for (let i = items.length - 1; i >= 0; i--) {
+      fixedEndOffset = setFixedEndOffset(items[i], fixedEndOffset);
+    }
+  }
+  function setFixedOffset(item) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    if (!item) return offset;
+    if (item.children) {
+      item.fixedOffset = offset;
+      for (const child of item.children) {
+        offset = setFixedOffset(child, offset);
       }
-      return offset;
+    } else if (item.fixed && item.fixed !== 'end') {
+      item.fixedOffset = offset;
+      offset += parseFloat(item.width || '0') || 0;
     }
-    let fixedEndOffset = 0;
-    for (const item of items.toReversed()) {
-      fixedEndOffset = setFixedEndOffset(item, fixedEndOffset);
+    return offset;
+  }
+  function setFixedEndOffset(item) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    if (!item) return offset;
+    if (item.children) {
+      item.fixedEndOffset = offset;
+      for (const child of item.children) {
+        offset = setFixedEndOffset(child, offset);
+      }
+    } else if (item.fixed === 'end') {
+      item.fixedEndOffset = offset;
+      offset += parseFloat(item.width || '0') || 0;
     }
+    return offset;
   }
   function parse(items, maxDepth) {
     const headers = [];
@@ -21838,6 +21896,15 @@
               "item": item
             }, getPrefixedEventHandlers(attrs, ':group-header', () => slotProps)), slots);
           }
+          if (item.type === 'group-summary') {
+            const slotProps = {
+              index,
+              item,
+              columns: columns.value,
+              toggleGroup
+            };
+            return slots['group-summary']?.(slotProps) ?? '';
+          }
           const slotProps = {
             index,
             item: item.raw,
@@ -22087,7 +22154,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
       const itemsLength = vue.computed(() => flatItems.value.length);
       const {
         startIndex,
@@ -22275,7 +22342,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(sortedItems, groupBy, opened);
+      } = useGroupedItems(sortedItems, groupBy, opened, () => !!slots['group-summary']);
       const allItems = vue.computed(() => extractRows(flatItems.value));
       const {
         isSelected,
@@ -22504,7 +22571,7 @@
       });
       const {
         flatItems
-      } = useGroupedItems(items, groupBy, opened);
+      } = useGroupedItems(items, groupBy, opened, () => !!slots['group-summary']);
       const {
         isSelected,
         select,
@@ -26257,6 +26324,7 @@
         if (['Enter', 'ArrowLeft', 'ArrowRight', 'Backspace', 'Delete', 'Tab'].includes(e.key) || e.ctrlKey) return;
         if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
           e.preventDefault();
+          e.stopPropagation();
           clampModel();
           // _model is controlled, so need to wait until props['modelValue'] is updated
           await vue.nextTick();
@@ -30777,14 +30845,19 @@
               onToggleExpand: [() => checkChildren(item), activatorProps.onClick],
               onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected)
             };
-            return vue.createVNode(VTreeviewItem, vue.mergeProps({
+            return renderSlot(slots.header, {
+              props: listItemProps,
+              item: item.raw,
+              internalItem: item,
+              loading
+            }, () => vue.createVNode(VTreeviewItem, vue.mergeProps({
               "ref": el => activatorItems.value[index] = el
             }, listItemProps, {
               "hideActions": props.hideActions,
               "indentLines": indentLines.node,
               "value": props.returnObject ? item.raw : itemProps.value,
               "loading": loading
-            }), slotsWithItem);
+            }), slotsWithItem));
           },
           default: () => vue.createVNode(VTreeviewChildren, vue.mergeProps(treeviewChildrenProps, {
             "items": children,
@@ -31475,7 +31548,7 @@
       };
     });
   }
-  const version$1 = "3.9.3-master.2025-07-30";
+  const version$1 = "3.9.3-master.2025-07-31";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31500,7 +31573,7 @@
       ...options
     });
   };
-  const version = "3.9.3-master.2025-07-30";
+  const version = "3.9.3-master.2025-07-31";
   createVuetify.version = version;
 
   exports.blueprints = index;