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

package/dist/vuetify.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-28
+* Vuetify v3.9.3-master.2025-07-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2617,6 +2617,14 @@
       header: 'Enter date',
       input: {
         placeholder: 'Enter date'
+      },
+      ariaLabel: {
+        previousMonth: 'Previous month',
+        nextMonth: 'Next month',
+        selectYear: 'Select year',
+        selectDate: '{0}',
+        // Full date format
+        currentDate: 'Today, {0}'
       }
     },
     noDataText: 'No data available',
@@ -3155,6 +3163,7 @@
       return acc;
     });
     const current = vue.toRef(() => computedThemes.value[name.value]);
+    const isSystem = vue.toRef(() => _name.value === 'system');
     const styles = vue.computed(() => {
       const lines = [];
       const important = parsedOptions.unimportant ? '' : ' !important';
@@ -3242,7 +3251,7 @@
       }
     }
     function change(themeName) {
-      if (!themeNames.value.includes(themeName)) {
+      if (themeName !== 'system' && !themeNames.value.includes(themeName)) {
         consoleWarn(`Theme "${themeName}" not found on the Vuetify theme instance`);
         return;
       }
@@ -3275,6 +3284,7 @@
       cycle,
       toggle,
       isDisabled: parsedOptions.isDisabled,
+      isSystem,
       name,
       themes,
       current,
@@ -5927,8 +5937,8 @@
       if (!el?._ripple?.enabled) return;
       const ripples = el.getElementsByClassName('v-ripple__animation');
       if (ripples.length === 0) return;
-      const animation = ripples[ripples.length - 1];
-      if (animation.dataset.isHiding) return;else animation.dataset.isHiding = 'true';
+      const animation = Array.from(ripples).findLast(ripple => !ripple.dataset.isHiding);
+      if (!animation) return;else animation.dataset.isHiding = 'true';
       const diff = performance.now() - Number(animation.dataset.activated);
       const delay = Math.max(250 - diff, 0);
       setTimeout(() => {
@@ -10146,11 +10156,9 @@
             let {
               props: activatorProps
             } = _ref3;
-            const listItemProps = {
-              ...itemProps,
-              ...activatorProps,
+            const listItemProps = vue.mergeProps(itemProps, activatorProps, {
               value: props.returnObject ? item : itemProps.value
-            };
+            });
             return slots.header ? slots.header({
               props: listItemProps
             }) : vue.createVNode(VListItem, listItemProps, slotsWithItem);
@@ -16554,6 +16562,7 @@
     const numTicks = vue.computed(() => (max.value - min.value) / step.value);
     const disabled = vue.toRef(() => props.disabled);
     const thumbColor = vue.computed(() => props.error || props.disabled ? undefined : props.thumbColor ?? props.color);
+    const thumbLabelColor = vue.computed(() => props.error || props.disabled ? undefined : props.thumbColor);
     const trackColor = vue.computed(() => props.error || props.disabled ? undefined : props.trackColor ?? props.color);
     const trackFillColor = vue.computed(() => props.error || props.disabled ? undefined : props.trackFillColor ?? props.color);
     const mousePressed = vue.shallowRef(false);
@@ -16711,6 +16720,7 @@
       step,
       thumbSize,
       thumbColor,
+      thumbLabelColor,
       thumbLabel: vue.toRef(() => props.thumbLabel),
       ticks: vue.toRef(() => props.ticks),
       tickSize,
@@ -16776,6 +16786,7 @@
         min,
         max,
         thumbColor,
+        thumbLabelColor,
         step,
         disabled,
         thumbSize,
@@ -16797,6 +16808,10 @@
         textColorClasses,
         textColorStyles
       } = useTextColor(thumbColor);
+      const {
+        backgroundColorClasses,
+        backgroundColorStyles
+      } = useBackgroundColor(thumbLabelColor);
       const {
         pageup,
         pagedown,
@@ -16862,9 +16877,7 @@
           "onKeydown": !readonly.value ? onKeydown : undefined
         }, [vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-thumb__surface', textColorClasses.value, elevationClasses.value]),
-          "style": {
-            ...textColorStyles.value
-          }
+          "style": vue.normalizeStyle(textColorStyles.value)
         }, null), vue.withDirectives(vue.createElementVNode("div", {
           "class": vue.normalizeClass(['v-slider-thumb__ripple', textColorClasses.value]),
           "style": vue.normalizeStyle(textColorStyles.value)
@@ -16877,10 +16890,13 @@
           default: () => [vue.withDirectives(vue.createElementVNode("div", {
             "class": "v-slider-thumb__label-container"
           }, [vue.createElementVNode("div", {
-            "class": vue.normalizeClass(['v-slider-thumb__label', textColorClasses.value])
+            "class": vue.normalizeClass(['v-slider-thumb__label', backgroundColorClasses.value]),
+            "style": vue.normalizeStyle(backgroundColorStyles.value)
           }, [vue.createElementVNode("div", null, [slots['thumb-label']?.({
             modelValue: props.modelValue
-          }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)])])]), [[vue.vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
+          }) ?? props.modelValue.toFixed(step.value ? decimals.value : 1)]), vue.createElementVNode("div", {
+            "class": "v-slider-thumb__label-wedge"
+          }, null)])]), [[vue.vShow, thumbLabel.value && props.focused || thumbLabel.value === 'always']])]
         })]);
       });
       return {};
@@ -19027,19 +19043,23 @@
         get: () => {
           return _search.value;
         },
-        set: val => {
+        set: async val => {
           _search.value = val ?? '';
           if (!props.multiple && !hasSelectionSlot.value) {
             model.value = [transformItem$3(props, val)];
             vue.nextTick(() => vVirtualScrollRef.value?.scrollToIndex(0));
           }
           if (val && props.multiple && props.delimiters?.length) {
-            const values = val.split(new RegExp(`(?:${props.delimiters.join('|')})+`));
+            const signsToMatch = props.delimiters.map(escapeForRegex).join('|');
+            const values = val.split(new RegExp(`(?:${signsToMatch})+`));
             if (values.length > 1) {
-              values.forEach(v => {
+              for (let v of values) {
                 v = v.trim();
-                if (v) select(transformItem$3(props, v));
-              });
+                if (v) {
+                  select(transformItem$3(props, v));
+                  await vue.nextTick();
+                }
+              }
               _search.value = '';
             }
           }
@@ -22894,6 +22914,9 @@
       let {
         emit
       } = _ref;
+      const {
+        t
+      } = useLocale();
       const disableMonth = vue.computed(() => {
         return Array.isArray(props.disabled) ? props.disabled.includes('text') : !!props.disabled;
       });
@@ -22940,6 +22963,7 @@
           "density": "comfortable",
           "icon": props.modeIcon,
           "variant": "text",
+          "aria-label": t('$vuetify.datePicker.ariaLabel.selectYear'),
           "onClick": onClickYear
         }, null), vue.createVNode(VSpacer, null, null), vue.createElementVNode("div", {
           "class": "v-date-picker-controls__month"
@@ -22949,6 +22973,7 @@
           "density": "comfortable",
           "icon": props.prevIcon,
           "variant": "text",
+          "aria-label": t('$vuetify.datePicker.ariaLabel.previousMonth'),
           "onClick": onClickPrev
         }, null), vue.createVNode(VBtn, {
           "data-testid": "next-month",
@@ -22956,6 +22981,7 @@
           "icon": props.nextIcon,
           "density": "comfortable",
           "variant": "text",
+          "aria-label": t('$vuetify.datePicker.ariaLabel.nextMonth'),
           "onClick": onClickNext
         }, null)])]);
       });
@@ -23220,6 +23246,9 @@
         slots
       } = _ref;
       const daysRef = vue.ref();
+      const {
+        t
+      } = useLocale();
       const {
         daysInMonth,
         model,
@@ -23276,6 +23305,11 @@
           model.value = [rangeStart.value];
         }
       }
+      function getDateAriaLabel(item) {
+        const fullDate = adapter.format(item.date, 'fullDateWithWeekday');
+        const localeKey = item.isToday ? 'currentDate' : 'selectDate';
+        return t(`$vuetify.datePicker.ariaLabel.${localeKey}`, fullDate);
+      }
       function onMultipleClick(value) {
         const index = model.value.findIndex(selection => adapter.isSameDay(selection, value));
         if (index === -1) {
@@ -23327,6 +23361,8 @@
               ripple: false,
               text: item.localized,
               variant: item.isSelected ? 'flat' : item.isToday ? 'outlined' : 'text',
+              'aria-label': getDateAriaLabel(item),
+              'aria-current': item.isToday ? 'date' : undefined,
               onClick: () => onClick(item.date)
             },
             item,
@@ -23381,11 +23417,13 @@
         }
         return createRange(12).map(i => {
           const text = adapter.format(date, 'monthShort');
+          const label = adapter.format(date, 'month');
           const isDisabled = !!(!isMonthAllowed(i) || props.min && adapter.isAfter(adapter.startOfMonth(adapter.date(props.min)), date) || props.max && adapter.isAfter(date, adapter.startOfMonth(adapter.date(props.max))));
           date = adapter.getNextMonth(date);
           return {
             isDisabled,
             text,
+            label,
             value: i
           };
         });
@@ -23412,6 +23450,7 @@
       }, [months.value.map((month, i) => {
         const btnProps = {
           active: model.value === i,
+          ariaLabel: month.label,
           color: model.value === i ? props.color : undefined,
           disabled: month.isDisabled,
           rounded: true,
@@ -31436,7 +31475,7 @@
       };
     });
   }
-  const version$1 = "3.9.2-master.2025-07-28";
+  const version$1 = "3.9.3-master.2025-07-30";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31461,7 +31500,7 @@
       ...options
     });
   };
-  const version = "3.9.2-master.2025-07-28";
+  const version = "3.9.3-master.2025-07-30";
   createVuetify.version = version;
 
   exports.blueprints = index;