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

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.2-master.2025-07-29
+* Vuetify v3.9.3-master.2025-07-30
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -2695,6 +2695,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';
@@ -2782,7 +2783,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;
       }
@@ -2815,6 +2816,7 @@
       cycle,
       toggle,
       isDisabled: parsedOptions.isDisabled,
+      isSystem,
       name,
       themes,
       current,
@@ -18801,19 +18803,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 = '';
             }
           }
@@ -34139,7 +34145,8 @@
         t
       } = useLocale();
       const {
-        themeClasses
+        themeClasses,
+        current: currentTheme
       } = provideTheme(props);
       const {
         densityClasses
@@ -34154,6 +34161,13 @@
         const fallbackBackground = props.detached ? 'surface' : undefined;
         return props.backgroundColor ?? fallbackBackground;
       });
+      const trackColor = vue.toRef(() => {
+        if (props.trackColor) {
+          return props.trackColor;
+        }
+        const fallback = currentTheme.value.dark || !props.pills ? undefined : 'surface';
+        return (props.pills ? props.backgroundColor : props.color) ?? fallback;
+      });
       const playing = useProxiedModel(props, 'playing');
       const progress = useProxiedModel(props, 'progress');
       const volume = useProxiedModel(props, 'volume', 0, v => Number(v ?? 0));
@@ -34214,7 +34228,8 @@
         };
         const regularBtnSize = innerDefaults.VIconBtn.size;
         const playBtnSize = props.pills ? regularBtnSize + 8 : regularBtnSize;
-        const pillClasses = ['v-video-control__pill', props.pills ? elevationClasses.value : []];
+        const pillClasses = ['v-video-control__pill', props.pills ? elevationClasses.value : [], props.pills ? backgroundColorClasses.value : []];
+        const pillStyles = props.pills ? backgroundColorStyles.value : [];
         const slotProps = {
           play,
           pause,
@@ -34237,30 +34252,34 @@
             'v-video-controls--floating': props.floating
           }, {
             'v-video-controls--split-time': props.splitTime
-          }, backgroundColorClasses.value, props.detached && !props.pills ? elevationClasses.value : [], densityClasses.value, themeClasses.value]),
-          "style": vue.normalizeStyle([backgroundColorStyles.value, {
+          }, !props.pills ? backgroundColorClasses.value : [], props.detached && !props.pills ? elevationClasses.value : [], densityClasses.value, themeClasses.value]),
+          "style": vue.normalizeStyle([!props.pills ? backgroundColorStyles.value : [], {
             '--v-video-controls-pill-height': `${regularBtnSize}px`
           }])
         }, [vue.createVNode(VDefaultsProvider, {
           "defaults": innerDefaults
         }, {
           default: () => [slots.default?.(slotProps) ?? vue.createElementVNode(vue.Fragment, null, [props.variant !== 'mini' && vue.createElementVNode(vue.Fragment, null, [!props.hidePlay && vue.createElementVNode("div", {
-            "class": vue.normalizeClass([pillClasses, 'v-video__action-play'])
+            "class": vue.normalizeClass([pillClasses, 'v-video__action-play']),
+            "style": vue.normalizeStyle(pillStyles)
           }, [vue.withDirectives(vue.createVNode(VIconBtn, {
             "icon": playing.value ? '$pause' : '$play',
             "size": playBtnSize,
             "aria-label": labels.value.playAction,
             "onClick": () => playing.value = !playing.value
           }, null), [[Tooltip, labels.value.playAction, 'top']])]), slots.prepend && vue.createElementVNode("div", {
-            "class": vue.normalizeClass(pillClasses)
+            "class": vue.normalizeClass(pillClasses),
+            "style": vue.normalizeStyle(pillStyles)
           }, [slots.prepend(slotProps)]), props.splitTime ? vue.createElementVNode("span", {
-            "class": vue.normalizeClass([pillClasses, 'v-video__time'])
+            "class": vue.normalizeClass([pillClasses, 'v-video__time']),
+            "style": vue.normalizeStyle(pillStyles)
           }, [currentTime.value.elapsed]) : props.variant !== 'default' ? vue.createElementVNode("span", {
-            "class": vue.normalizeClass([pillClasses, 'v-video__time'])
+            "class": vue.normalizeClass([pillClasses, 'v-video__time']),
+            "style": vue.normalizeStyle(pillStyles)
           }, [currentTime.value.elapsed, vue.createTextVNode(" / "), currentTime.value.total]) : '', vue.createVNode(VSlider, {
             "modelValue": props.progress,
             "noKeyboard": true,
-            "color": props.trackColor ?? props.color,
+            "color": trackColor.value ?? 'surface-variant',
             "trackColor": props.variant === 'tube' ? 'white' : undefined,
             "class": "v-video__track",
             "thumbLabel": "always",
@@ -34269,18 +34288,22 @@
           }, {
             'thumb-label': () => currentTime.value.elapsed
           }), props.variant === 'tube' && vue.createVNode(VSpacer, null, null), props.splitTime ? vue.createElementVNode("span", {
-            "class": vue.normalizeClass([pillClasses, 'v-video__time'])
+            "class": vue.normalizeClass([pillClasses, 'v-video__time']),
+            "style": vue.normalizeStyle(pillStyles)
           }, [currentTime.value.remaining]) : '']), props.variant === 'mini' && vue.createElementVNode(vue.Fragment, null, [vue.createVNode(VSpacer, null, null), slots.prepend && vue.createElementVNode("div", {
-            "class": vue.normalizeClass(pillClasses)
+            "class": vue.normalizeClass(pillClasses),
+            "style": vue.normalizeStyle(pillStyles)
           }, [slots.prepend(slotProps)]), !props.hidePlay && vue.createElementVNode("div", {
-            "class": vue.normalizeClass([pillClasses, 'v-video__action-play'])
+            "class": vue.normalizeClass([pillClasses, 'v-video__action-play']),
+            "style": vue.normalizeStyle(pillStyles)
           }, [vue.withDirectives(vue.createVNode(VIconBtn, {
             "icon": playing.value ? '$pause' : '$play',
             "size": playBtnSize,
             "aria-label": labels.value.playAction,
             "onClick": () => playing.value = !playing.value
           }, null), [[Tooltip, labels.value.playAction, 'top']])])]), (!props.hideVolume || !props.hideFullscreen || slots.append) && vue.createElementVNode("div", {
-            "class": vue.normalizeClass(pillClasses)
+            "class": vue.normalizeClass(pillClasses),
+            "style": vue.normalizeStyle(pillStyles)
           }, [!props.hideVolume && vue.createVNode(VVideoVolume, vue.mergeProps({
             "key": "volume-control",
             "sliderProps": {
@@ -34673,9 +34696,9 @@
           }, {
             default: () => [vue.createElementVNode("div", {
               "class": vue.normalizeClass(['v-video__overlay-fill', ...roundedContainerClasses.value])
-            }, [overlayPlayIcon])]
+            }, [props.variant === 'player' && overlayPlayIcon])]
           })]
-        }), vue.createVNode(VOverlay, vue.mergeProps({
+        }), props.variant === 'player' && vue.createVNode(VOverlay, vue.mergeProps({
           "key": "loading-overlay",
           "modelValue": state.value === 'loading' || waiting.value,
           "opacity": ".1"
@@ -35137,7 +35160,7 @@
       };
     });
   }
-  const version$1 = "3.9.2-master.2025-07-29";
+  const version$1 = "3.9.3-master.2025-07-30";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -35435,7 +35458,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.9.2-master.2025-07-29";
+  const version = "3.9.3-master.2025-07-30";
 
   /* eslint-disable local-rules/sort-imports */