vuetify 3.9.6 → 3.9.7

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.6
+* Vuetify v3.9.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3497,14 +3497,14 @@ function useRounded(props) {
     const rounded = isRef(props) ? props.value : props.rounded;
     const tile = isRef(props) ? props.value : props.tile;
     const classes = [];
-    if (rounded === true || rounded === '') {
+    if (tile || rounded === false) {
+      classes.push('rounded-0');
+    } else if (rounded === true || rounded === '') {
       classes.push(`${name}--rounded`);
     } else if (typeof rounded === 'string' || rounded === 0) {
       for (const value of String(rounded).split(' ')) {
         classes.push(`rounded-${value}`);
       }
-    } else if (tile || rounded === false) {
-      classes.push('rounded-0');
     }
     return classes;
   });
@@ -5364,7 +5364,6 @@ const VProgressLinear = genericComponent()({
     const normalizedValue = computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100));
     const isReversed = computed(() => isRtl.value !== props.reverse);
     const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition');
-    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia?.('(forced-colors: active)').matches;
     function handleClick(e) {
       if (!intersectionRef.value) return;
       const {
@@ -5413,13 +5412,13 @@ const VProgressLinear = genericComponent()({
           '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
         }
       }, null), createElementVNode("div", {
-        "class": normalizeClass(['v-progress-linear__background', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined]),
+        "class": normalizeClass(['v-progress-linear__background', backgroundColorClasses.value]),
         "style": normalizeStyle([backgroundColorStyles.value, {
           opacity: parseFloat(props.bgOpacity),
           width: props.stream ? 0 : undefined
         }])
       }, null), createElementVNode("div", {
-        "class": normalizeClass(['v-progress-linear__buffer', !isForcedColorsModeActive ? bufferColorClasses.value : undefined]),
+        "class": normalizeClass(['v-progress-linear__buffer', bufferColorClasses.value]),
         "style": normalizeStyle([bufferColorStyles.value, {
           opacity: parseFloat(props.bufferOpacity),
           width: convertToUnit(normalizedBuffer.value, '%')
@@ -5428,7 +5427,7 @@ const VProgressLinear = genericComponent()({
         "name": transition.value
       }, {
         default: () => [!props.indeterminate ? createElementVNode("div", {
-          "class": normalizeClass(['v-progress-linear__determinate', !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+          "class": normalizeClass(['v-progress-linear__determinate', barColorClasses.value]),
           "style": normalizeStyle([barColorStyles.value, {
             width: convertToUnit(normalizedValue.value, '%')
           }])
@@ -5436,7 +5435,7 @@ const VProgressLinear = genericComponent()({
           "class": "v-progress-linear__indeterminate"
         }, [['long', 'short'].map(bar => createElementVNode("div", {
           "key": bar,
-          "class": normalizeClass(['v-progress-linear__indeterminate', bar, !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+          "class": normalizeClass(['v-progress-linear__indeterminate', bar, barColorClasses.value]),
           "style": normalizeStyle(barColorStyles.value)
         }, null))])]
       }), slots.default && createElementVNode("div", {
@@ -8208,6 +8207,7 @@ const VSlideGroup = genericComponent()({
       select: group.select,
       isSelected: group.isSelected
     }));
+    const hasOverflowOrScroll = computed(() => isOverflowing.value || Math.abs(scrollOffset.value) > 0);
     const hasAffixes = computed(() => {
       switch (props.showArrows) {
         // Always show arrows on desktop & mobile
@@ -8221,17 +8221,17 @@ const VSlideGroup = genericComponent()({
         // Show arrows on mobile when overflowing.
         // This matches the default 2.2 behavior
         case true:
-          return isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+          return hasOverflowOrScroll.value;
 
         // Always show on mobile
         case 'mobile':
-          return mobile.value || isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+          return mobile.value || hasOverflowOrScroll.value;
 
         // https://material.io/components/tabs#scrollable-tabs
         // Always show arrows when
         // overflowed on desktop
         default:
-          return !mobile.value && (isOverflowing.value || Math.abs(scrollOffset.value) > 0);
+          return !mobile.value && hasOverflowOrScroll.value;
       }
     });
     const hasPrev = computed(() => {
@@ -8239,7 +8239,7 @@ const VSlideGroup = genericComponent()({
       return Math.abs(scrollOffset.value) > 1;
     });
     const hasNext = computed(() => {
-      if (!containerRef.value) return false;
+      if (!containerRef.value || !hasOverflowOrScroll.value) return false;
       const scrollSize = getScrollSize(isHorizontal.value, containerRef.el);
       const clientSize = getClientSize(isHorizontal.value, containerRef.el);
       const scrollSizeMax = scrollSize - clientSize;
@@ -9236,7 +9236,7 @@ const useNested = props => {
   function getPath(id) {
     const path = [];
     let parent = toRaw(id);
-    while (parent != null) {
+    while (parent !== undefined) {
       path.unshift(parent);
       parent = parents.value.get(parent);
     }
@@ -9382,7 +9382,10 @@ const useNested = props => {
 const useNestedItem = (id, isDisabled, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol('nested item');
-  const computedId = computed(() => toRaw(toValue(id)) ?? uidSymbol);
+  const computedId = computed(() => {
+    const idValue = toRaw(toValue(id));
+    return idValue !== undefined ? idValue : uidSymbol;
+  });
   const item = {
     ...parent,
     id: computedId,
@@ -13593,11 +13596,13 @@ function filterItems(items, query, options) {
     const defaultMatches = {};
     let match = -1;
     if ((query || customFiltersLength > 0) && !options?.noFilter) {
+      let hasOnlyCustomFilters = false;
       if (typeof item === 'object') {
         if (item.type === 'divider' || item.type === 'subheader') {
           continue;
         }
         const filterKeys = keys || Object.keys(transformed);
+        hasOnlyCustomFilters = filterKeys.length === customFiltersLength;
         for (const key of filterKeys) {
           const value = getPropertyFromItem(transformed, key);
           const keyFilter = options?.customKeyFilter?.[key];
@@ -13618,7 +13623,7 @@ function filterItems(items, query, options) {
       const customMatchesLength = Object.keys(customMatches).length;
       if (!defaultMatchesLength && !customMatchesLength) continue;
       if (options?.filterMode === 'union' && customMatchesLength !== customFiltersLength && !defaultMatchesLength) continue;
-      if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) continue;
+      if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength && customFiltersLength > 0 && !hasOnlyCustomFilters)) continue;
     }
     array.push({
       index: i,
@@ -15292,7 +15297,7 @@ function mounted$3(el, binding) {
   };
   const uid = binding.instance?.$.uid; // TODO: use custom uid generator
 
-  if (!target || !uid) return;
+  if (!target || uid === undefined) return;
   const handlers = createHandlers(binding.value);
   target._touchHandlers = target._touchHandlers ?? Object.create(null);
   target._touchHandlers[uid] = handlers;
@@ -15303,7 +15308,7 @@ function mounted$3(el, binding) {
 function unmounted$3(el, binding) {
   const target = binding.value?.parent ? el.parentElement : el;
   const uid = binding.instance?.$.uid;
-  if (!target?._touchHandlers || !uid) return;
+  if (!target?._touchHandlers || uid === undefined) return;
   const handlers = target._touchHandlers[uid];
   keys(handlers).forEach(eventName => {
     target.removeEventListener(eventName, handlers[eventName]);
@@ -26431,7 +26436,7 @@ const VOtpInput = genericComponent()({
       const finalIndex = clipboardText.length - 1 === -1 ? index : clipboardText.length - 1;
       if (isValidNumber(clipboardText)) return;
       model.value = clipboardText.split('');
-      inputRef.value?.[finalIndex].focus();
+      focusIndex.value = finalIndex;
     }
     function reset() {
       model.value = [];
@@ -26461,7 +26466,6 @@ const VOtpInput = genericComponent()({
     });
     watch(model, val => {
       if (val.length === length.value) {
-        focusIndex.value = length.value - 1;
         emit('finish', val.join(''));
       }
     }, {
@@ -31861,6 +31865,7 @@ const VDateInput = genericComponent()({
     useRender(() => {
       const confirmEditProps = VConfirmEdit.filterProps(props);
       const datePickerProps = VDatePicker.filterProps(omit(props, ['active', 'location', 'rounded']));
+      const datePickerSlots = pick(slots, ['title', 'header', 'day', 'month', 'year']);
       const textFieldProps = VTextField.filterProps(omit(props, ['placeholder']));
       return createVNode(VTextField, mergeProps({
         "ref": vTextFieldRef
@@ -31923,6 +31928,7 @@ const VDateInput = genericComponent()({
                 "onUpdate:modelValue": value => onUpdateModel(value),
                 "onMousedown": e => e.preventDefault()
               }), {
+                ...datePickerSlots,
                 actions: !props.hideActions ? () => slots.actions?.({
                   save,
                   cancel,
@@ -34736,11 +34742,6 @@ const VVideo = genericComponent()({
     useRender(() => {
       const showControls = state.value === 'loaded' && props.variant === 'player' && props.controlsVariant !== 'hidden';
       const posterTransition = props.variant === 'background' ? 'poster-fade-out' : 'fade-transition';
-      const overlayProps = {
-        contained: true,
-        persistent: true,
-        contentClass: 'v-video__overlay-fill'
-      };
       const controlsProps = {
         ...VVideoControls.filterProps(omit(props, ['variant', 'rounded', 'hideVolume'])),
         rounded: Array.isArray(props.rounded) ? props.rounded.at(-1) : props.rounded,
@@ -34776,8 +34777,14 @@ const VVideo = genericComponent()({
         "color": "#fff",
         "variant": "outlined",
         "iconSize": "50",
-        "class": "v-video__center-icon"
+        "class": "v-video__center-icon",
+        "onClick": onVideoClick
       }, null);
+      const activeOverlays = {
+        playIcon: props.variant === 'player' && state.value === 'loaded' && !props.hideOverlay && !playing.value,
+        poster: state.value !== 'loaded',
+        loading: props.variant === 'player' && (state.value === 'loading' || waiting.value)
+      };
       return createElementVNode("div", {
         "ref": containerRef,
         "class": normalizeClass(['v-video', `v-video--variant-${props.variant}`, `v-video--${state.value}`, {
@@ -34811,39 +34818,31 @@ const VVideo = genericComponent()({
       }), [slots.sources?.() ?? createElementVNode("source", {
         "src": props.src,
         "type": props.type
-      }, null)]), props.variant === 'player' && !props.hideOverlay && createVNode(VOverlay, mergeProps({
-        "key": "pause-overlay",
-        "modelValue": state.value === 'loaded',
-        "opacity": "0"
-      }, overlayProps), {
-        default: () => [createVNode(VSpacer, null, null), createVNode(MaybeTransition, {
-          "name": "fade-transition"
-        }, {
-          default: () => [!playing.value && overlayPlayIcon]
-        }), createVNode(VSpacer, null, null)]
-      }), props.variant === 'player' && !!slots.header ? createElementVNode("div", {
+      }, null)]), createVNode(Transition, {
+        "name": "fade-transition"
+      }, {
+        default: () => [activeOverlays.playIcon && createElementVNode("div", {
+          "class": "v-video__overlay-fill"
+        }, [overlayPlayIcon])]
+      }), props.variant === 'player' && !!slots.header && createElementVNode("div", {
         "key": "header",
         "class": "v-video__header"
-      }, [slots.header()]) : '', createVNode(VOverlay, mergeProps({
-        "key": "poster-overlay",
-        "modelValue": state.value !== 'loaded',
+      }, [slots.header()]), createVNode(MaybeTransition, {
         "transition": posterTransition
-      }, overlayProps), {
-        default: () => [createVNode(VImg, {
+      }, {
+        default: () => [activeOverlays.poster && createElementVNode("div", {
+          "class": "v-video__overlay-fill"
+        }, [createVNode(VImg, {
           "cover": true,
           "src": props.image
         }, {
           default: () => [createElementVNode("div", {
             "class": normalizeClass(['v-video__overlay-fill', ...roundedContainerClasses.value])
           }, [props.variant === 'player' && overlayPlayIcon])]
-        })]
-      }), props.variant === 'player' && createVNode(VOverlay, mergeProps({
-        "key": "loading-overlay",
-        "modelValue": state.value === 'loading' || waiting.value,
-        "opacity": ".1"
-      }, overlayProps), {
-        default: () => [loadingIndicator]
-      })]), createVNode(MaybeTransition, {
+        })])]
+      }), activeOverlays.loading && createElementVNode("div", {
+        "class": "v-video__overlay-fill"
+      }, [loadingIndicator])]), createVNode(MaybeTransition, {
         "key": "actions",
         "transition": props.controlsTransition
       }, {
@@ -35299,7 +35298,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.6";
+const version$1 = "3.9.7";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -35597,7 +35596,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.9.6";
+const version = "3.9.7";
 
 /* eslint-disable local-rules/sort-imports */