vuetify 3.4.10 → 3.4.11

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.10
+* Vuetify v3.4.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1856,6 +1856,79 @@
     };
   }
 
+  // Utilities
+
+  // Types
+
+  function useToggleScope(source, fn) {
+    let scope;
+    function start() {
+      scope = vue.effectScope();
+      scope.run(() => fn.length ? fn(() => {
+        scope?.stop();
+        start();
+      }) : fn());
+    }
+    vue.watch(source, active => {
+      if (active && !scope) {
+        start();
+      } else if (!active) {
+        scope?.stop();
+        scope = undefined;
+      }
+    }, {
+      immediate: true
+    });
+    vue.onScopeDispose(() => {
+      scope?.stop();
+    });
+  }
+
+  // Composables
+
+  // Types
+
+  // Composables
+  function useProxiedModel(props, prop, defaultValue) {
+    let transformIn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : v => v;
+    let transformOut = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : v => v;
+    const vm = getCurrentInstance('useProxiedModel');
+    const internal = vue.ref(props[prop] !== undefined ? props[prop] : defaultValue);
+    const kebabProp = toKebabCase(prop);
+    const checkKebab = kebabProp !== prop;
+    const isControlled = checkKebab ? vue.computed(() => {
+      void props[prop];
+      return !!((vm.vnode.props?.hasOwnProperty(prop) || vm.vnode.props?.hasOwnProperty(kebabProp)) && (vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`) || vm.vnode.props?.hasOwnProperty(`onUpdate:${kebabProp}`)));
+    }) : vue.computed(() => {
+      void props[prop];
+      return !!(vm.vnode.props?.hasOwnProperty(prop) && vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`));
+    });
+    useToggleScope(() => !isControlled.value, () => {
+      vue.watch(() => props[prop], val => {
+        internal.value = val;
+      });
+    });
+    const model = vue.computed({
+      get() {
+        const externalValue = props[prop];
+        return transformIn(isControlled.value ? externalValue : internal.value);
+      },
+      set(internalValue) {
+        const newValue = transformOut(internalValue);
+        const value = vue.toRaw(isControlled.value ? props[prop] : internal.value);
+        if (value === newValue || transformIn(value) === internalValue) {
+          return;
+        }
+        internal.value = newValue;
+        vm?.emit(`update:${prop}`, newValue);
+      }
+    });
+    Object.defineProperty(model, 'externalValue', {
+      get: () => isControlled.value ? props[prop] : internal.value
+    });
+    return model;
+  }
+
   var en = {
     badge: 'Badge',
     open: 'Open',
@@ -1957,123 +2030,6 @@
     }
   };
 
-  const defaultRtl = {
-    af: false,
-    ar: true,
-    bg: false,
-    ca: false,
-    ckb: false,
-    cs: false,
-    de: false,
-    el: false,
-    en: false,
-    es: false,
-    et: false,
-    fa: true,
-    fi: false,
-    fr: false,
-    hr: false,
-    hu: false,
-    he: true,
-    id: false,
-    it: false,
-    ja: false,
-    ko: false,
-    lv: false,
-    lt: false,
-    nl: false,
-    no: false,
-    pl: false,
-    pt: false,
-    ro: false,
-    ru: false,
-    sk: false,
-    sl: false,
-    srCyrl: false,
-    srLatn: false,
-    sv: false,
-    th: false,
-    tr: false,
-    az: false,
-    uk: false,
-    vi: false,
-    zhHans: false,
-    zhHant: false
-  };
-
-  // Utilities
-
-  // Types
-
-  function useToggleScope(source, fn) {
-    let scope;
-    function start() {
-      scope = vue.effectScope();
-      scope.run(() => fn.length ? fn(() => {
-        scope?.stop();
-        start();
-      }) : fn());
-    }
-    vue.watch(source, active => {
-      if (active && !scope) {
-        start();
-      } else if (!active) {
-        scope?.stop();
-        scope = undefined;
-      }
-    }, {
-      immediate: true
-    });
-    vue.onScopeDispose(() => {
-      scope?.stop();
-    });
-  }
-
-  // Composables
-
-  // Types
-
-  // Composables
-  function useProxiedModel(props, prop, defaultValue) {
-    let transformIn = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : v => v;
-    let transformOut = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : v => v;
-    const vm = getCurrentInstance('useProxiedModel');
-    const internal = vue.ref(props[prop] !== undefined ? props[prop] : defaultValue);
-    const kebabProp = toKebabCase(prop);
-    const checkKebab = kebabProp !== prop;
-    const isControlled = checkKebab ? vue.computed(() => {
-      void props[prop];
-      return !!((vm.vnode.props?.hasOwnProperty(prop) || vm.vnode.props?.hasOwnProperty(kebabProp)) && (vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`) || vm.vnode.props?.hasOwnProperty(`onUpdate:${kebabProp}`)));
-    }) : vue.computed(() => {
-      void props[prop];
-      return !!(vm.vnode.props?.hasOwnProperty(prop) && vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`));
-    });
-    useToggleScope(() => !isControlled.value, () => {
-      vue.watch(() => props[prop], val => {
-        internal.value = val;
-      });
-    });
-    const model = vue.computed({
-      get() {
-        const externalValue = props[prop];
-        return transformIn(isControlled.value ? externalValue : internal.value);
-      },
-      set(internalValue) {
-        const newValue = transformOut(internalValue);
-        const value = vue.toRaw(isControlled.value ? props[prop] : internal.value);
-        if (value === newValue || transformIn(value) === internalValue) {
-          return;
-        }
-        internal.value = newValue;
-        vm?.emit(`update:${prop}`, newValue);
-      }
-    });
-    Object.defineProperty(model, 'externalValue', {
-      get: () => isControlled.value ? props[prop] : internal.value
-    });
-    return model;
-  }
-
   // Composables
 
   // Types
@@ -2204,8 +2160,53 @@
     vue.provide(LocaleSymbol, data);
     return data;
   }
+  function genDefaults$1() {
+    return {
+      af: false,
+      ar: true,
+      bg: false,
+      ca: false,
+      ckb: false,
+      cs: false,
+      de: false,
+      el: false,
+      en: false,
+      es: false,
+      et: false,
+      fa: true,
+      fi: false,
+      fr: false,
+      hr: false,
+      hu: false,
+      he: true,
+      id: false,
+      it: false,
+      ja: false,
+      ko: false,
+      lv: false,
+      lt: false,
+      nl: false,
+      no: false,
+      pl: false,
+      pt: false,
+      ro: false,
+      ru: false,
+      sk: false,
+      sl: false,
+      srCyrl: false,
+      srLatn: false,
+      sv: false,
+      th: false,
+      tr: false,
+      az: false,
+      uk: false,
+      vi: false,
+      zhHans: false,
+      zhHant: false
+    };
+  }
   function createRtl(i18n, options) {
-    const rtl = vue.ref(options?.rtl ?? defaultRtl);
+    const rtl = vue.ref(options?.rtl ?? genDefaults$1());
     const isRtl = vue.computed(() => rtl.value[i18n.current.value] ?? false);
     return {
       isRtl,
@@ -5597,7 +5598,9 @@
           }, null)])]
         }), [[vue.resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
       });
-      return {};
+      return {
+        group
+      };
     }
   });
 
@@ -6101,16 +6104,18 @@
         trueValue
       } = useSelectionControl(props);
       const uid = getUid();
-      const id = vue.computed(() => props.id || `input-${uid}`);
       const isFocused = vue.shallowRef(false);
       const isFocusVisible = vue.shallowRef(false);
       const input = vue.ref();
+      const id = vue.computed(() => props.id || `input-${uid}`);
+      const isInteractive = vue.computed(() => !props.disabled && !props.readonly);
       group?.onForceUpdate(() => {
         if (input.value) {
           input.value.checked = model.value;
         }
       });
       function onFocus(e) {
+        if (!isInteractive.value) return;
         isFocused.value = true;
         if (matchesSelector(e.target, ':focus-visible') !== false) {
           isFocusVisible.value = true;
@@ -6121,6 +6126,7 @@
         isFocusVisible.value = false;
       }
       function onInput(e) {
+        if (!isInteractive.value) return;
         if (props.readonly && group) {
           vue.nextTick(() => group.forceUpdate());
         }
@@ -6137,12 +6143,12 @@
         const inputNode = vue.createVNode("input", vue.mergeProps({
           "ref": input,
           "checked": model.value,
-          "disabled": !!(props.readonly || props.disabled),
+          "disabled": !!props.disabled,
           "id": id.value,
           "onBlur": onBlur,
           "onFocus": onFocus,
           "onInput": onInput,
-          "aria-disabled": !!(props.readonly || props.disabled),
+          "aria-disabled": !!props.disabled,
           "type": props.type,
           "value": trueValue.value,
           "name": props.name,
@@ -8717,9 +8723,7 @@
     // eslint-disable-next-line max-statements
     function updateLocation() {
       observe = false;
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => observe = true);
-      });
+      requestAnimationFrame(() => observe = true);
       if (!data.target.value || !data.contentEl.value) return;
       const targetBox = getTargetBox(data.target.value);
       const contentBox = getIntrinsicSize(data.contentEl.value, data.isRtl.value);
@@ -13367,7 +13371,7 @@
           icon: isRtl.value ? props.nextIcon : props.prevIcon,
           class: `v-window__${isRtlReverse.value ? 'right' : 'left'}`,
           onClick: group.prev,
-          ariaLabel: t('$vuetify.carousel.prev')
+          'aria-label': t('$vuetify.carousel.prev')
         };
         arrows.push(canMoveBack.value ? slots.prev ? slots.prev({
           props: prevProps
@@ -13376,7 +13380,7 @@
           icon: isRtl.value ? props.prevIcon : props.nextIcon,
           class: `v-window__${isRtlReverse.value ? 'left' : 'right'}`,
           onClick: group.next,
-          ariaLabel: t('$vuetify.carousel.next')
+          'aria-label': t('$vuetify.carousel.next')
         };
         arrows.push(canMoveForward.value ? slots.next ? slots.next({
           props: nextProps
@@ -14470,6 +14474,10 @@
         decimals,
         indexFromEnd
       } = slider;
+      const elevationProps = vue.computed(() => !disabled.value ? elevation.value : undefined);
+      const {
+        elevationClasses
+      } = useElevation(elevationProps);
       const {
         textColorClasses,
         textColorStyles
@@ -14514,9 +14522,6 @@
       }
       useRender(() => {
         const positionPercentage = convertToUnit(indexFromEnd.value ? 100 - props.position : props.position, '%');
-        const {
-          elevationClasses
-        } = useElevation(vue.computed(() => !disabled.value ? elevation.value : undefined));
         return vue.createVNode("div", {
           "class": ['v-slider-thumb', {
             'v-slider-thumb--focused': props.focused,
@@ -16266,6 +16271,7 @@
     return data;
   }
   function usePaginatedItems(options) {
+    const vm = getCurrentInstance('usePaginatedItems');
     const {
       items,
       startIndex,
@@ -16276,6 +16282,9 @@
       if (itemsPerPage.value <= 0) return items.value;
       return items.value.slice(startIndex.value, stopIndex.value);
     });
+    vue.watch(paginatedItems, val => {
+      vm.emit('update:currentItems', val);
+    });
     return {
       paginatedItems
     };
@@ -16702,10 +16711,9 @@
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
-      const formattedDay = new Intl.DateTimeFormat(locale, {
+      return new Intl.DateTimeFormat(locale, {
         weekday: 'short'
       }).format(weekday);
-      return formattedDay.charAt(0).toUpperCase() + formattedDay.slice(1);
     });
   }
   function format(value, formatString, locale, formats) {
@@ -17107,13 +17115,13 @@
   // https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
   function getWeek(adapter, value) {
     const date = adapter.toJsDate(value);
-    let year = adapter.getYear(date);
-    let d1w1 = adapter.startOfYear(date);
+    let year = date.getFullYear();
+    let d1w1 = new Date(year, 0, 1);
     if (date < d1w1) {
       year = year - 1;
-      d1w1 = adapter.startOfYear(adapter.setYear(date, year));
+      d1w1 = new Date(year, 0, 1);
     } else {
-      const tv = adapter.startOfYear(adapter.setYear(date, year + 1));
+      const tv = new Date(year + 1, 0, 1);
       if (date >= tv) {
         year = year + 1;
         d1w1 = tv;
@@ -17319,7 +17327,8 @@
       'update:itemsPerPage': value => true,
       'update:sortBy': value => true,
       'update:options': value => true,
-      'update:expanded': value => true
+      'update:expanded': value => true,
+      'update:currentItems': value => true
     },
     setup(props, _ref) {
       let {
@@ -17670,8 +17679,8 @@
                 icon: true,
                 disabled: !!props.disabled || +props.length < 2,
                 color: isActive ? props.activeColor : props.color,
-                ariaCurrent: isActive,
-                ariaLabel: t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),
+                'aria-current': isActive,
+                'aria-label': t(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),
                 onClick: e => setValue(e, item)
               }
             };
@@ -17686,29 +17695,29 @@
             icon: isRtl.value ? props.lastIcon : props.firstIcon,
             onClick: e => setValue(e, start.value, 'first'),
             disabled: prevDisabled,
-            ariaLabel: t(props.firstAriaLabel),
-            ariaDisabled: prevDisabled
+            'aria-label': t(props.firstAriaLabel),
+            'aria-disabled': prevDisabled
           } : undefined,
           prev: {
             icon: isRtl.value ? props.nextIcon : props.prevIcon,
             onClick: e => setValue(e, page.value - 1, 'prev'),
             disabled: prevDisabled,
-            ariaLabel: t(props.previousAriaLabel),
-            ariaDisabled: prevDisabled
+            'aria-label': t(props.previousAriaLabel),
+            'aria-disabled': prevDisabled
           },
           next: {
             icon: isRtl.value ? props.prevIcon : props.nextIcon,
             onClick: e => setValue(e, page.value + 1, 'next'),
             disabled: nextDisabled,
-            ariaLabel: t(props.nextAriaLabel),
-            ariaDisabled: nextDisabled
+            'aria-label': t(props.nextAriaLabel),
+            'aria-disabled': nextDisabled
           },
           last: props.showFirstLastPage ? {
             icon: isRtl.value ? props.firstIcon : props.lastIcon,
             onClick: e => setValue(e, start.value + length.value - 1, 'last'),
             disabled: nextDisabled,
-            ariaLabel: t(props.lastAriaLabel),
-            ariaDisabled: nextDisabled
+            'aria-label': t(props.lastAriaLabel),
+            'aria-disabled': nextDisabled
           } : undefined
         };
       });
@@ -18774,7 +18783,8 @@
       'update:sortBy': value => true,
       'update:options': value => true,
       'update:groupBy': value => true,
-      'update:expanded': value => true
+      'update:expanded': value => true,
+      'update:currentItems': value => true
     },
     setup(props, _ref) {
       let {
@@ -19828,7 +19838,7 @@
     });
     function genDays(days, today) {
       return days.filter(date => {
-        return props.weekdays.includes(date.getDay());
+        return props.weekdays.includes(adapter.toJsDate(date).getDay());
       }).map((date, index) => {
         const isoDate = adapter.toISO(date);
         const isAdjacent = !adapter.isSameMonth(date, month.value);
@@ -20276,7 +20286,7 @@
         return props.multiple && model.value.length > 1 ? t('$vuetify.datePicker.itemsSelected', model.value.length) : model.value[0] && adapter.isValid(model.value[0]) ? adapter.format(model.value[0], 'normalDateWithWeekday') : t(props.header);
       });
       const text = vue.computed(() => {
-        return adapter.format(adapter.setYear(adapter.setMonth(adapter.date(), month.value), year.value), 'monthAndYear');
+        return adapter.format(adapter.setYear(adapter.setMonth(adapter.startOfMonth(adapter.date()), month.value), year.value), 'monthAndYear');
       });
       // const headerIcon = computed(() => props.inputMode === 'calendar' ? props.keyboardIcon : props.calendarIcon)
       const headerTransition = vue.computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -24226,15 +24236,14 @@
         textColorClasses: sliderColorClasses,
         textColorStyles: sliderColorStyles
       } = useTextColor(props, 'sliderColor');
-      const isHorizontal = vue.computed(() => props.direction === 'horizontal');
-      const isSelected = vue.shallowRef(false);
       const rootEl = vue.ref();
       const sliderEl = vue.ref();
+      const isHorizontal = vue.computed(() => props.direction === 'horizontal');
+      const isSelected = vue.computed(() => rootEl.value?.group?.isSelected.value ?? false);
       function updateSlider(_ref2) {
         let {
           value
         } = _ref2;
-        isSelected.value = value;
         if (value) {
           const prevEl = rootEl.value?.$el.parentElement?.querySelector('.v-tab--selected .v-tab__slider');
           const nextEl = sliderEl.value;
@@ -24288,7 +24297,7 @@
           }, null)])
         });
       });
-      return {};
+      return forwardRefs({}, rootEl);
     }
   });
 
@@ -25953,7 +25962,7 @@
       date
     };
   }
-  const version$1 = "3.4.10";
+  const version$1 = "3.4.11";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -25967,7 +25976,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.4.10";
+  const version = "3.4.11";
 
   /* eslint-disable local-rules/sort-imports */