vuetify 3.3.19 → 3.3.21

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.19
+* Vuetify v3.3.21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -262,6 +262,10 @@
     let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
     return str + char.repeat(Math.max(0, length - str.length));
   }
+  function padStart(str, length) {
+    let char = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+    return char.repeat(Math.max(0, length - str.length)) + str;
+  }
   function chunk(str) {
     let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     const chunked = [];
@@ -6281,7 +6285,7 @@
     const isDisabled = vue.computed(() => !!(props.disabled ?? form?.isDisabled.value));
     const isReadonly = vue.computed(() => !!(props.readonly ?? form?.isReadonly.value));
     const errorMessages = vue.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 = vue.computed(() => {
       let value = (props.validateOn ?? form?.validateOn.value) || 'input';
@@ -6295,7 +6299,7 @@
       };
     });
     const isValid = vue.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;
@@ -9791,7 +9795,7 @@
         }
 
         // 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);
@@ -9805,7 +9809,7 @@
         }
 
         // 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;
@@ -9819,7 +9823,7 @@
         }
 
         // 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);
@@ -9832,7 +9836,7 @@
         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) {
@@ -10445,7 +10449,7 @@
         }
       }
       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 [{
@@ -13118,6 +13122,7 @@
             x,
             y
           } = val;
+          _dotPosition.value = val;
           emit('update:color', {
             h: props.color?.h ?? 0,
             s: clamp(x, 0, canvasWidth.value) / canvasWidth.value,
@@ -13612,13 +13617,8 @@
       isRtl
     } = useRtl();
     const isReversed = vue.toRef(props, 'reverse');
-    const horizontalDirection = vue.computed(() => {
-      let hd = isRtl.value ? 'rtl' : 'ltr';
-      if (props.reverse) {
-        hd = hd === 'rtl' ? 'ltr' : 'rtl';
-      }
-      return hd;
-    });
+    const vertical = vue.computed(() => props.direction === 'vertical');
+    const indexFromEnd = vue.computed(() => vertical.value !== isReversed.value);
     const {
       min,
       max,
@@ -13631,7 +13631,6 @@
     const trackSize = vue.computed(() => parseInt(props.trackSize, 10));
     const numTicks = vue.computed(() => (max.value - min.value) / step.value);
     const disabled = vue.toRef(props, 'disabled');
-    const vertical = vue.computed(() => props.direction === 'vertical');
     const thumbColor = vue.computed(() => props.error || props.disabled ? undefined : props.thumbColor ?? props.color);
     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);
@@ -13652,7 +13651,7 @@
 
       // 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 => {
@@ -13756,8 +13755,8 @@
       direction: vue.toRef(props, 'direction'),
       elevation: vue.toRef(props, 'elevation'),
       hasLabels,
-      horizontalDirection,
       isReversed,
+      indexFromEnd,
       min,
       max,
       mousePressed,
@@ -13830,23 +13829,24 @@
       } = _ref;
       const slider = vue.inject(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,
@@ -13872,7 +13872,7 @@
         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];
@@ -13891,7 +13891,7 @@
         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(vue.computed(() => !disabled.value ? elevation.value : undefined));
@@ -13964,7 +13964,6 @@
       if (!slider) throw new Error('[Vuetify] v-slider-track must be inside v-slider or v-range-slider');
       const {
         color,
-        horizontalDirection,
         parsedTicks,
         rounded,
         showTicks,
@@ -13974,7 +13973,8 @@
         trackSize,
         vertical,
         min,
-        max
+        max,
+        indexFromEnd
       } = slider;
       const {
         roundedClasses
@@ -13987,7 +13987,7 @@
         backgroundColorClasses: trackColorClasses,
         backgroundColorStyles: trackColorStyles
       } = useBackgroundColor(trackColor);
-      const startDir = vue.computed(() => `inset-${vertical.value ? 'block-end' : 'inline-start'}`);
+      const startDir = vue.computed(() => `inset-${vertical.value ? 'block' : 'inline'}-${indexFromEnd.value ? 'end' : 'start'}`);
       const endDir = vue.computed(() => vertical.value ? 'height' : 'width');
       const backgroundStyles = vue.computed(() => {
         return {
@@ -14006,7 +14006,6 @@
         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 vue.createVNode("div", {
             "key": tick.value,
@@ -14016,7 +14015,7 @@
               'v-slider-track__tick--last': tick.value === max.value
             }],
             "style": {
-              [directionProperty]: directionValue
+              [startDir.value]: directionValue
             }
           }, [(tick.label || slots['tick-label']) && vue.createVNode("div", {
             "class": "v-slider-track__tick-label"
@@ -14031,8 +14030,7 @@
           "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]
         }, [vue.createVNode("div", {
           "class": ['v-slider-track__background', trackColorClasses.value, {
@@ -14919,7 +14917,7 @@
           return _search.value;
         },
         set: val => {
-          _search.value = val;
+          _search.value = val ?? '';
           if (!props.multiple) {
             model.value = [transformItem$1(props, val)];
           }
@@ -16953,15 +16951,15 @@
       });
       const isTemporary = vue.computed(() => !props.permanent && (mobile.value || props.temporary));
       const isSticky = vue.computed(() => props.sticky && !isTemporary.value && location.value !== 'bottom');
-      if (props.expandOnHover && props.rail != null) {
+      useToggleScope(() => props.expandOnHover && props.rail != null, () => {
         vue.watch(isHovering, val => emit('update:rail', !val));
-      }
-      if (!props.disableResizeWatcher) {
+      });
+      useToggleScope(() => !props.disableResizeWatcher, () => {
         vue.watch(isTemporary, val => !props.permanent && vue.nextTick(() => isActive.value = !val));
-      }
-      if (!props.disableRouteWatcher && router) {
+      });
+      useToggleScope(() => !props.disableRouteWatcher && !!router, () => {
         vue.watch(router.currentRoute, () => isTemporary.value && (isActive.value = false));
-      }
+      });
       vue.watch(() => props.permanent, val => {
         if (val) isActive.value = true;
       });
@@ -20134,6 +20132,17 @@
     }
     return new Intl.DateTimeFormat(locale, options).format(date);
   }
+  function toISO(adapter, value) {
+    const date = adapter.toJsDate(value);
+    const year = date.getFullYear();
+    const month = padStart(String(date.getMonth() + 1), 2, '0');
+    const day = padStart(String(date.getDate()), 2, '0');
+    return `${year}-${month}-${day}`;
+  }
+  function parseISO(value) {
+    const [year, month, day] = value.split('-').map(Number);
+    return new Date(year, month - 1, day);
+  }
   function addDays(date, amount) {
     const d = new Date(date);
     d.setDate(d.getDate() + amount);
@@ -20208,6 +20217,12 @@
     toJsDate(date) {
       return date;
     }
+    toISO(date) {
+      return toISO(this, date);
+    }
+    parseISO(date) {
+      return parseISO(date);
+    }
     addDays(date, amount) {
       return addDays(date, amount);
     }
@@ -20309,7 +20324,7 @@
         lv: 'lv-LV',
         lt: 'lt-LT',
         nl: 'nl-NL',
-        no: 'nn-NO',
+        no: 'no-NO',
         pl: 'pl-PL',
         pt: 'pt-PT',
         ro: 'ro-RO',
@@ -20415,7 +20430,7 @@
       date
     };
   }
-  const version$1 = "3.3.19";
+  const version$1 = "3.3.21";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -20440,7 +20455,7 @@
       ...options
     });
   };
-  const version = "3.3.19";
+  const version = "3.3.21";
   createVuetify.version = version;
 
   exports.components = components;