vuetify 3.4.10 → 3.4.11

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.4.10
+* Vuetify v3.4.11
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1846,6 +1846,79 @@ function createLayout(props) {
   };
 }
 
+// Utilities
+
+// Types
+
+function useToggleScope(source, fn) {
+  let scope;
+  function start() {
+    scope = effectScope();
+    scope.run(() => fn.length ? fn(() => {
+      scope?.stop();
+      start();
+    }) : fn());
+  }
+  watch(source, active => {
+    if (active && !scope) {
+      start();
+    } else if (!active) {
+      scope?.stop();
+      scope = undefined;
+    }
+  }, {
+    immediate: true
+  });
+  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 = ref(props[prop] !== undefined ? props[prop] : defaultValue);
+  const kebabProp = toKebabCase(prop);
+  const checkKebab = kebabProp !== prop;
+  const isControlled = checkKebab ? 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}`)));
+  }) : computed(() => {
+    void props[prop];
+    return !!(vm.vnode.props?.hasOwnProperty(prop) && vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`));
+  });
+  useToggleScope(() => !isControlled.value, () => {
+    watch(() => props[prop], val => {
+      internal.value = val;
+    });
+  });
+  const model = computed({
+    get() {
+      const externalValue = props[prop];
+      return transformIn(isControlled.value ? externalValue : internal.value);
+    },
+    set(internalValue) {
+      const newValue = transformOut(internalValue);
+      const value = 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',
@@ -1947,123 +2020,6 @@ var en = {
   }
 };
 
-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 = effectScope();
-    scope.run(() => fn.length ? fn(() => {
-      scope?.stop();
-      start();
-    }) : fn());
-  }
-  watch(source, active => {
-    if (active && !scope) {
-      start();
-    } else if (!active) {
-      scope?.stop();
-      scope = undefined;
-    }
-  }, {
-    immediate: true
-  });
-  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 = ref(props[prop] !== undefined ? props[prop] : defaultValue);
-  const kebabProp = toKebabCase(prop);
-  const checkKebab = kebabProp !== prop;
-  const isControlled = checkKebab ? 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}`)));
-  }) : computed(() => {
-    void props[prop];
-    return !!(vm.vnode.props?.hasOwnProperty(prop) && vm.vnode.props?.hasOwnProperty(`onUpdate:${prop}`));
-  });
-  useToggleScope(() => !isControlled.value, () => {
-    watch(() => props[prop], val => {
-      internal.value = val;
-    });
-  });
-  const model = computed({
-    get() {
-      const externalValue = props[prop];
-      return transformIn(isControlled.value ? externalValue : internal.value);
-    },
-    set(internalValue) {
-      const newValue = transformOut(internalValue);
-      const value = 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
@@ -2194,8 +2150,53 @@ function provideLocale(props) {
   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 = ref(options?.rtl ?? defaultRtl);
+  const rtl = ref(options?.rtl ?? genDefaults$1());
   const isRtl = computed(() => rtl.value[i18n.current.value] ?? false);
   return {
     isRtl,
@@ -5587,7 +5588,9 @@ const VBtn = genericComponent()({
         }, null)])]
       }), [[resolveDirective("ripple"), !isDisabled.value && props.ripple, null]]);
     });
-    return {};
+    return {
+      group
+    };
   }
 });
 
@@ -6091,16 +6094,18 @@ const VSelectionControl = genericComponent()({
       trueValue
     } = useSelectionControl(props);
     const uid = getUid();
-    const id = computed(() => props.id || `input-${uid}`);
     const isFocused = shallowRef(false);
     const isFocusVisible = shallowRef(false);
     const input = ref();
+    const id = computed(() => props.id || `input-${uid}`);
+    const isInteractive = 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;
@@ -6111,6 +6116,7 @@ const VSelectionControl = genericComponent()({
       isFocusVisible.value = false;
     }
     function onInput(e) {
+      if (!isInteractive.value) return;
       if (props.readonly && group) {
         nextTick(() => group.forceUpdate());
       }
@@ -6127,12 +6133,12 @@ const VSelectionControl = genericComponent()({
       const inputNode = createVNode("input", 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,
@@ -8707,9 +8713,7 @@ function connectedLocationStrategy(data, props, contentStyles) {
   // 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);
@@ -13357,7 +13361,7 @@ const VWindow = genericComponent()({
         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
@@ -13366,7 +13370,7 @@ const VWindow = genericComponent()({
         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
@@ -14460,6 +14464,10 @@ const VSliderThumb = genericComponent()({
       decimals,
       indexFromEnd
     } = slider;
+    const elevationProps = computed(() => !disabled.value ? elevation.value : undefined);
+    const {
+      elevationClasses
+    } = useElevation(elevationProps);
     const {
       textColorClasses,
       textColorStyles
@@ -14504,9 +14512,6 @@ const VSliderThumb = genericComponent()({
     }
     useRender(() => {
       const positionPercentage = convertToUnit(indexFromEnd.value ? 100 - props.position : props.position, '%');
-      const {
-        elevationClasses
-      } = useElevation(computed(() => !disabled.value ? elevation.value : undefined));
       return createVNode("div", {
         "class": ['v-slider-thumb', {
           'v-slider-thumb--focused': props.focused,
@@ -16256,6 +16261,7 @@ function usePagination() {
   return data;
 }
 function usePaginatedItems(options) {
+  const vm = getCurrentInstance('usePaginatedItems');
   const {
     items,
     startIndex,
@@ -16266,6 +16272,9 @@ function usePaginatedItems(options) {
     if (itemsPerPage.value <= 0) return items.value;
     return items.value.slice(startIndex.value, stopIndex.value);
   });
+  watch(paginatedItems, val => {
+    vm.emit('update:currentItems', val);
+  });
   return {
     paginatedItems
   };
@@ -16692,10 +16701,9 @@ function getWeekdays(locale) {
   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) {
@@ -17097,13 +17105,13 @@ function useDate() {
 // 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;
@@ -17309,7 +17317,8 @@ const VDataIterator = genericComponent()({
     '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 {
@@ -17660,8 +17669,8 @@ const VPagination = genericComponent()({
               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)
             }
           };
@@ -17676,29 +17685,29 @@ const VPagination = genericComponent()({
           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
       };
     });
@@ -18764,7 +18773,8 @@ const VDataTable = genericComponent()({
     '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 {
@@ -19818,7 +19828,7 @@ function useCalendar(props) {
   });
   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);
@@ -20266,7 +20276,7 @@ const VDatePicker = genericComponent()({
       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 = 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 = computed(() => `date-picker-header${isReversing.value ? '-reverse' : ''}-transition`);
@@ -24216,15 +24226,14 @@ const VTab = genericComponent()({
       textColorClasses: sliderColorClasses,
       textColorStyles: sliderColorStyles
     } = useTextColor(props, 'sliderColor');
-    const isHorizontal = computed(() => props.direction === 'horizontal');
-    const isSelected = shallowRef(false);
     const rootEl = ref();
     const sliderEl = ref();
+    const isHorizontal = computed(() => props.direction === 'horizontal');
+    const isSelected = 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;
@@ -24278,7 +24287,7 @@ const VTab = genericComponent()({
         }, null)])
       });
     });
-    return {};
+    return forwardRefs({}, rootEl);
   }
 });
 
@@ -25391,7 +25400,7 @@ function createVuetify$1() {
     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
@@ -25416,7 +25425,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.4.10";
+const version = "3.4.11";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDate, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };