vuetify 3.3.18 → 3.3.20

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.18
+* Vuetify v3.3.20
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -6289,7 +6289,7 @@ function useValidation(props) {
   const isDisabled = computed(() => !!(props.disabled ?? form?.isDisabled.value));
   const isReadonly = computed(() => !!(props.readonly ?? form?.isReadonly.value));
   const errorMessages = computed(() => {
-    return props.errorMessages.length ? wrapInArray(props.errorMessages).slice(0, Math.max(0, +props.maxErrors)) : internalErrorMessages.value;
+    return props.errorMessages?.length ? wrapInArray(props.errorMessages).slice(0, Math.max(0, +props.maxErrors)) : internalErrorMessages.value;
   });
   const validateOn = computed(() => {
     let value = (props.validateOn ?? form?.validateOn.value) || 'input';
@@ -6303,7 +6303,7 @@ function useValidation(props) {
     };
   });
   const isValid = computed(() => {
-    if (props.error || props.errorMessages.length) return false;
+    if (props.error || props.errorMessages?.length) return false;
     if (!props.rules.length) return true;
     if (isPristine.value) {
       return internalErrorMessages.value.length || validateOn.value.lazy ? null : true;
@@ -7942,25 +7942,23 @@ const VListChildren = genericComponent()({
           let {
             props: activatorProps
           } = _ref3;
+          const listItemProps = {
+            ...itemProps,
+            ...activatorProps,
+            value: props.returnObject ? item : itemProps.value
+          };
           return slots.header ? slots.header({
-            props: {
-              ...itemProps,
-              ...activatorProps
-            }
-          }) : createVNode(VListItem, mergeProps({
-            "title": itemProps.title,
-            "value": props.returnObject ? item : itemProps.value
-          }, activatorProps), slotsWithItem);
+            props: listItemProps
+          }) : createVNode(VListItem, listItemProps, slotsWithItem);
         },
         default: () => createVNode(VListChildren, {
           "items": children
         }, slots)
       }) : slots.item ? slots.item({
         props: itemProps
-      }) : createVNode(VListItem, {
-        "title": itemProps.title,
+      }) : createVNode(VListItem, mergeProps(itemProps, {
         "value": props.returnObject ? item : itemProps.value
-      }, slotsWithItem);
+      }), slotsWithItem);
     });
   }
 });
@@ -9801,7 +9799,7 @@ function forwardRefs(target) {
       }
 
       // Skip internal properties
-      if (typeof key === 'symbol' || key.startsWith('__')) return;
+      if (typeof key === 'symbol' || key.startsWith('$') || key.startsWith('__')) return;
       for (const ref of refs) {
         if (ref.value && Reflect.has(ref.value, key)) {
           const val = Reflect.get(ref.value, key);
@@ -9815,7 +9813,7 @@ function forwardRefs(target) {
       }
 
       // Skip internal properties
-      if (typeof key === 'symbol' || key.startsWith('__')) return false;
+      if (typeof key === 'symbol' || key.startsWith('$') || key.startsWith('__')) return false;
       for (const ref of refs) {
         if (ref.value && Reflect.has(ref.value, key)) {
           return true;
@@ -9829,7 +9827,7 @@ function forwardRefs(target) {
       }
 
       // Skip internal properties
-      if (typeof key === 'symbol' || key.startsWith('__')) return false;
+      if (typeof key === 'symbol' || key.startsWith('$') || key.startsWith('__')) return false;
       for (const ref of refs) {
         if (ref.value && Reflect.has(ref.value, key)) {
           return Reflect.set(ref.value, key, value);
@@ -9842,7 +9840,7 @@ function forwardRefs(target) {
       if (descriptor) return descriptor;
 
       // Skip internal properties
-      if (typeof key === 'symbol' || key.startsWith('__')) return;
+      if (typeof key === 'symbol' || key.startsWith('$') || key.startsWith('__')) return;
 
       // Check each ref's own properties
       for (const ref of refs) {
@@ -10455,7 +10453,7 @@ const VTextField = genericComponent()({
       }
     }
     useRender(() => {
-      const hasCounter = !!(slots.counter || props.counter || props.counterValue);
+      const hasCounter = !!(slots.counter || props.counter !== false && props.counter != null);
       const hasDetails = !!(hasCounter || slots.details);
       const [rootAttrs, inputAttrs] = filterInputAttrs(attrs);
       const [{
@@ -13622,13 +13620,8 @@ const useSlider = _ref => {
     isRtl
   } = useRtl();
   const isReversed = toRef(props, 'reverse');
-  const horizontalDirection = computed(() => {
-    let hd = isRtl.value ? 'rtl' : 'ltr';
-    if (props.reverse) {
-      hd = hd === 'rtl' ? 'ltr' : 'rtl';
-    }
-    return hd;
-  });
+  const vertical = computed(() => props.direction === 'vertical');
+  const indexFromEnd = computed(() => vertical.value !== isReversed.value);
   const {
     min,
     max,
@@ -13641,7 +13634,6 @@ const useSlider = _ref => {
   const trackSize = computed(() => parseInt(props.trackSize, 10));
   const numTicks = computed(() => (max.value - min.value) / step.value);
   const disabled = toRef(props, 'disabled');
-  const vertical = computed(() => props.direction === 'vertical');
   const thumbColor = computed(() => props.error || props.disabled ? undefined : props.thumbColor ?? props.color);
   const trackColor = computed(() => props.error || props.disabled ? undefined : props.trackColor ?? props.color);
   const trackFillColor = computed(() => props.error || props.disabled ? undefined : props.trackFillColor ?? props.color);
@@ -13662,7 +13654,7 @@ const useSlider = _ref => {
 
     // It is possible for left to be NaN, force to number
     let clickPos = Math.min(Math.max((clickOffset - trackStart - startOffset.value) / trackLength, 0), 1) || 0;
-    if (vertical || horizontalDirection.value === 'rtl') clickPos = 1 - clickPos;
+    if (vertical ? indexFromEnd.value : indexFromEnd.value !== isRtl.value) clickPos = 1 - clickPos;
     return roundValue(min.value + clickPos * (max.value - min.value));
   }
   const handleStop = e => {
@@ -13766,8 +13758,8 @@ const useSlider = _ref => {
     direction: toRef(props, 'direction'),
     elevation: toRef(props, 'elevation'),
     hasLabels,
-    horizontalDirection,
     isReversed,
+    indexFromEnd,
     min,
     max,
     mousePressed,
@@ -13840,23 +13832,24 @@ const VSliderThumb = genericComponent()({
     } = _ref;
     const slider = inject$1(VSliderSymbol);
     const {
+      isRtl,
       rtlClasses
     } = useRtl();
     if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider');
     const {
       thumbColor,
       step,
-      vertical,
       disabled,
       thumbSize,
       thumbLabel,
       direction,
+      isReversed,
+      vertical,
       readonly,
       elevation,
-      isReversed,
-      horizontalDirection,
       mousePressed,
-      decimals
+      decimals,
+      indexFromEnd
     } = slider;
     const {
       textColorClasses,
@@ -13882,7 +13875,7 @@ const VSliderThumb = genericComponent()({
       const _step = step.value || 0.1;
       const steps = (props.max - props.min) / _step;
       if ([left, right, down, up].includes(e.key)) {
-        const increase = horizontalDirection.value === 'rtl' ? [left, up] : [right, up];
+        const increase = vertical.value ? [isRtl.value ? left : right, isReversed.value ? down : up] : indexFromEnd.value !== isRtl.value ? [left, up] : [right, up];
         const direction = increase.includes(e.key) ? 1 : -1;
         const multiplier = e.shiftKey ? 2 : e.ctrlKey ? 1 : 0;
         value = value + direction * _step * multipliers.value[multiplier];
@@ -13901,7 +13894,7 @@ const VSliderThumb = genericComponent()({
       newValue != null && emit('update:modelValue', newValue);
     }
     useRender(() => {
-      const positionPercentage = convertToUnit(vertical.value || isReversed.value ? 100 - props.position : props.position, '%');
+      const positionPercentage = convertToUnit(indexFromEnd.value ? 100 - props.position : props.position, '%');
       const {
         elevationClasses
       } = useElevation(computed(() => !disabled.value ? elevation.value : undefined));
@@ -13974,7 +13967,6 @@ const VSliderTrack = genericComponent()({
     if (!slider) throw new Error('[Vuetify] v-slider-track must be inside v-slider or v-range-slider');
     const {
       color,
-      horizontalDirection,
       parsedTicks,
       rounded,
       showTicks,
@@ -13984,7 +13976,8 @@ const VSliderTrack = genericComponent()({
       trackSize,
       vertical,
       min,
-      max
+      max,
+      indexFromEnd
     } = slider;
     const {
       roundedClasses
@@ -13997,7 +13990,7 @@ const VSliderTrack = genericComponent()({
       backgroundColorClasses: trackColorClasses,
       backgroundColorStyles: trackColorStyles
     } = useBackgroundColor(trackColor);
-    const startDir = computed(() => `inset-${vertical.value ? 'block-end' : 'inline-start'}`);
+    const startDir = computed(() => `inset-${vertical.value ? 'block' : 'inline'}-${indexFromEnd.value ? 'end' : 'start'}`);
     const endDir = computed(() => vertical.value ? 'height' : 'width');
     const backgroundStyles = computed(() => {
       return {
@@ -14016,7 +14009,6 @@ const VSliderTrack = genericComponent()({
       if (!showTicks.value) return [];
       const ticks = vertical.value ? parsedTicks.value.slice().reverse() : parsedTicks.value;
       return ticks.map((tick, index) => {
-        const directionProperty = vertical.value ? 'bottom' : 'margin-inline-start';
         const directionValue = tick.value !== min.value && tick.value !== max.value ? convertToUnit(tick.position, '%') : undefined;
         return createVNode("div", {
           "key": tick.value,
@@ -14026,7 +14018,7 @@ const VSliderTrack = genericComponent()({
             'v-slider-track__tick--last': tick.value === max.value
           }],
           "style": {
-            [directionProperty]: directionValue
+            [startDir.value]: directionValue
           }
         }, [(tick.label || slots['tick-label']) && createVNode("div", {
           "class": "v-slider-track__tick-label"
@@ -14041,8 +14033,7 @@ const VSliderTrack = genericComponent()({
         "class": ['v-slider-track', roundedClasses.value, props.class],
         "style": [{
           '--v-slider-track-size': convertToUnit(trackSize.value),
-          '--v-slider-tick-size': convertToUnit(tickSize.value),
-          direction: !vertical.value ? horizontalDirection.value : undefined
+          '--v-slider-tick-size': convertToUnit(tickSize.value)
         }, props.style]
       }, [createVNode("div", {
         "class": ['v-slider-track__background', trackColorClasses.value, {
@@ -16963,15 +16954,15 @@ const VNavigationDrawer = genericComponent()({
     });
     const isTemporary = computed(() => !props.permanent && (mobile.value || props.temporary));
     const isSticky = computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
-    if (props.expandOnHover && props.rail != null) {
+    useToggleScope(() => props.expandOnHover && props.rail != null, () => {
       watch(isHovering, val => emit('update:rail', !val));
-    }
-    if (!props.disableResizeWatcher) {
+    });
+    useToggleScope(() => !props.disableResizeWatcher, () => {
       watch(isTemporary, val => !props.permanent && nextTick(() => isActive.value = !val));
-    }
-    if (!props.disableRouteWatcher && router) {
+    });
+    useToggleScope(() => !props.disableRouteWatcher && !!router, () => {
       watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
-    }
+    });
     watch(() => props.permanent, val => {
       if (val) isActive.value = true;
     });
@@ -20012,7 +20003,7 @@ const singleSelectStrategy = {
       items,
       value
     } = _ref;
-    return new Set(value ? [toRaw(items[0]?.value)] : []);
+    return new Set(value ? [items[0]?.value] : []);
   },
   selectAll: _ref2 => {
     let {
@@ -20036,7 +20027,7 @@ const pageSelectStrategy = {
       selected
     } = _ref4;
     for (const item of items) {
-      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
+      if (value) selected.add(item.value);else selected.delete(item.value);
     }
     return selected;
   },
@@ -20068,7 +20059,7 @@ const allSelectStrategy = {
       selected
     } = _ref7;
     for (const item of items) {
-      if (value) selected.add(toRaw(item.value));else selected.delete(toRaw(item.value));
+      if (value) selected.add(item.value);else selected.delete(item.value);
     }
     return selected;
   },
@@ -20128,10 +20119,10 @@ function provideSelection(props, _ref9) {
     }
   });
   function isSelected(items) {
-    return wrapInArray(items).every(item => selected.value.has(toRaw(item.value)));
+    return wrapInArray(items).every(item => selected.value.has(item.value));
   }
   function isSomeSelected(items) {
-    return wrapInArray(items).some(item => selected.value.has(toRaw(item.value)));
+    return wrapInArray(items).some(item => selected.value.has(item.value));
   }
   function select(items, value) {
     const newSelected = selectStrategy.value.select({
@@ -21125,13 +21116,13 @@ const VDataTableRows = genericComponent()({
       t
     } = useLocale();
     useRender(() => {
-      if (props.loading && slots.loading) {
+      if (props.loading) {
         return createVNode("tr", {
           "class": "v-data-table-rows-loading",
           "key": "loading"
         }, [createVNode("td", {
           "colspan": columns.value.length
-        }, [slots.loading()])]);
+        }, [slots.loading?.() ?? t(props.loadingText)])]);
       }
       if (!props.loading && !props.items.length && !props.hideNoData) {
         return createVNode("tr", {
@@ -21585,7 +21576,7 @@ const VDataTableVirtual = genericComponent()({
         }, [createVNode("td", {
           "colspan": columns.value.length,
           "style": {
-            height: convertToUnit(paddingTop.value),
+            height: 0,
             border: 0
           }
         }, null)]), createVNode(VDataTableRows, mergeProps(dataTableRowsProps, {
@@ -21593,9 +21584,9 @@ const VDataTableVirtual = genericComponent()({
         }), {
           ...slots,
           item: itemSlotProps => createVNode(VVirtualScrollItem, {
-            "key": itemSlotProps.item.index,
+            "key": itemSlotProps.internalItem.index,
             "renderless": true,
-            "onUpdate:height": height => handleItemResize(itemSlotProps.item.index, height)
+            "onUpdate:height": height => handleItemResize(itemSlotProps.internalItem.index, height)
           }, {
             default: _ref2 => {
               let {
@@ -21606,7 +21597,7 @@ const VDataTableVirtual = genericComponent()({
                 itemRef
               }) ?? createVNode(VDataTableRow, mergeProps(itemSlotProps.props, {
                 "ref": itemRef,
-                "key": itemSlotProps.item.index
+                "key": itemSlotProps.internalItem.index
               }), slots);
             }
           })
@@ -21618,7 +21609,7 @@ const VDataTableVirtual = genericComponent()({
         }, [createVNode("td", {
           "colspan": columns.value.length,
           "style": {
-            height: convertToUnit(paddingBottom.value),
+            height: 0,
             border: 0
           }
         }, null)])])])]),
@@ -22343,7 +22334,7 @@ function createDate(options) {
       lv: 'lv-LV',
       lt: 'lt-LT',
       nl: 'nl-NL',
-      no: 'nn-NO',
+      no: 'no-NO',
       pl: 'pl-PL',
       pt: 'pt-PT',
       ro: 'ro-RO',
@@ -23760,6 +23751,7 @@ const rootTypes = {
   'list-item-avatar-two-line': 'avatar, sentences',
   'list-item-three-line': 'paragraph',
   'list-item-avatar-three-line': 'avatar, paragraph',
+  ossein: 'ossein',
   paragraph: 'text@3',
   sentences: 'text@2',
   subtitle: 'text',
@@ -23824,7 +23816,7 @@ const makeVSkeletonLoaderProps = propsFactory({
   },
   type: {
     type: [String, Array],
-    default: 'image'
+    default: 'ossein'
   },
   ...makeDimensionProps(),
   ...makeElevationProps(),
@@ -24616,7 +24608,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.18";
+const version$1 = "3.3.20";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24630,7 +24622,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.18";
+const version = "3.3.20";
 
 /* eslint-disable local-rules/sort-imports */