vuetify 3.6.11 → 3.6.12

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.11
+* Vuetify v3.6.12
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5213,6 +5213,7 @@
       const normalizedValue = vue.computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100));
       const isReversed = vue.computed(() => isRtl.value !== props.reverse);
       const transition = vue.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 {
@@ -5260,13 +5261,13 @@
             '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
           }
         }, null), vue.createVNode("div", {
-          "class": ['v-progress-linear__background', backgroundColorClasses.value],
+          "class": ['v-progress-linear__background', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined],
           "style": [backgroundColorStyles.value, {
             opacity: parseFloat(props.bgOpacity),
             width: props.stream ? 0 : undefined
           }]
         }, null), vue.createVNode("div", {
-          "class": ['v-progress-linear__buffer', bufferColorClasses.value],
+          "class": ['v-progress-linear__buffer', !isForcedColorsModeActive ? bufferColorClasses.value : undefined],
           "style": [bufferColorStyles.value, {
             opacity: parseFloat(props.bufferOpacity),
             width: convertToUnit(normalizedBuffer.value, '%')
@@ -5275,7 +5276,7 @@
           "name": transition.value
         }, {
           default: () => [!props.indeterminate ? vue.createVNode("div", {
-            "class": ['v-progress-linear__determinate', barColorClasses.value],
+            "class": ['v-progress-linear__determinate', !isForcedColorsModeActive ? barColorClasses.value : undefined],
             "style": [barColorStyles.value, {
               width: convertToUnit(normalizedValue.value, '%')
             }]
@@ -5283,7 +5284,7 @@
             "class": "v-progress-linear__indeterminate"
           }, [['long', 'short'].map(bar => vue.createVNode("div", {
             "key": bar,
-            "class": ['v-progress-linear__indeterminate', bar, barColorClasses.value],
+            "class": ['v-progress-linear__indeterminate', bar, !isForcedColorsModeActive ? barColorClasses.value : undefined],
             "style": barColorStyles.value
           }, null))])]
         }), slots.default && vue.createVNode("div", {
@@ -7043,10 +7044,7 @@
   const makeVInputProps = propsFactory({
     id: String,
     appendIcon: IconValue,
-    centerAffix: {
-      type: Boolean,
-      default: true
-    },
+    centerAffix: Boolean,
     prependIcon: IconValue,
     hideDetails: [Boolean, String],
     hideSpinButtons: Boolean,
@@ -10837,12 +10835,9 @@
   }
 
   // Utilities
-
-  // Types
-
   function useTeleport(target) {
     const teleportTarget = vue.computed(() => {
-      const _target = target.value;
+      const _target = target();
       if (_target === true || !IN_BROWSER) return undefined;
       const targetElement = _target === false ? document.body : typeof _target === 'string' ? document.querySelector(_target) : _target;
       if (targetElement == null) {
@@ -11063,10 +11058,15 @@
         isActive,
         isTop: localTop
       });
-      const potentialShadowDomRoot = vue.computed(() => activatorEl?.value?.getRootNode());
       const {
         teleportTarget
-      } = useTeleport(vue.computed(() => props.attach || props.contained || potentialShadowDomRoot.value instanceof ShadowRoot ? potentialShadowDomRoot.value ?? true : false));
+      } = useTeleport(() => {
+        const target = props.attach || props.contained;
+        if (target) return target;
+        const rootNode = activatorEl?.value?.getRootNode();
+        if (rootNode instanceof ShadowRoot) return rootNode;
+        return false;
+      });
       const {
         dimensionStyles
       } = useDimension(props);
@@ -11559,10 +11559,7 @@
       default: '$clear'
     },
     active: Boolean,
-    centerAffix: {
-      type: Boolean,
-      default: undefined
-    },
+    centerAffix: Boolean,
     color: String,
     baseColor: String,
     dirty: Boolean,
@@ -11629,8 +11626,9 @@
       const {
         rtlClasses
       } = useRtl();
+      const isSingleLine = vue.computed(() => props.singleLine || props.centerAffix);
       const isActive = vue.computed(() => props.dirty || props.active);
-      const hasLabel = vue.computed(() => !props.singleLine && !!(props.label || slots.label));
+      const hasLabel = vue.computed(() => !isSingleLine.value && !!(props.label || slots.label));
       const uid = getUid();
       const id = vue.computed(() => props.id || `input-${uid}`);
       const messagesId = vue.computed(() => `${id.value}-messages`);
@@ -11719,7 +11717,7 @@
           "class": ['v-field', {
             'v-field--active': isActive.value,
             'v-field--appended': hasAppend,
-            'v-field--center-affix': props.centerAffix ?? !isPlainOrUnderlined.value,
+            'v-field--center-affix': props.centerAffix,
             'v-field--disabled': props.disabled,
             'v-field--dirty': props.dirty,
             'v-field--error': props.error,
@@ -11728,7 +11726,7 @@
             'v-field--persistent-clear': props.persistentClear,
             'v-field--prepended': hasPrepend,
             'v-field--reverse': props.reverse,
-            'v-field--single-line': props.singleLine,
+            'v-field--single-line': isSingleLine.value,
             'v-field--no-label': !label(),
             [`v-field--variant-${props.variant}`]: true
           }, themeClasses.value, backgroundColorClasses.value, focusClasses.value, loaderClasses.value, roundedClasses.value, rtlClasses.value, props.class],
@@ -11963,7 +11961,6 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
-          "centerAffix": !isPlainOrUnderlined.value,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -11989,6 +11986,7 @@
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
+              "centerAffix": props.centerAffix,
               "error": isValid.value === false
             }), {
               ...slots,
@@ -17506,13 +17504,14 @@
     ZA: 0,
     ZW: 0
   };
-  function getWeekArray(date, locale) {
+  function getWeekArray(date, locale, firstDayOfWeek) {
     const weeks = [];
     let currentWeek = [];
     const firstDayOfMonth = startOfMonth(date);
     const lastDayOfMonth = endOfMonth(date);
-    const firstDayWeekIndex = (firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()] + 7) % 7;
-    const lastDayWeekIndex = (lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()] + 7) % 7;
+    const first = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
+    const firstDayWeekIndex = (firstDayOfMonth.getDay() - first + 7) % 7;
+    const lastDayWeekIndex = (lastDayOfMonth.getDay() - first + 7) % 7;
     for (let i = 0; i < firstDayWeekIndex; i++) {
       const adjacentDay = new Date(firstDayOfMonth);
       adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
@@ -17540,9 +17539,10 @@
     }
     return weeks;
   }
-  function startOfWeek(date, locale) {
+  function startOfWeek(date, locale, firstDayOfWeek) {
+    const day = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
     const d = new Date(date);
-    while (d.getDay() !== (firstDay[locale.slice(-2).toUpperCase()] ?? 0)) {
+    while (d.getDay() !== day) {
       d.setDate(d.getDate() - 1);
     }
     return d;
@@ -17583,8 +17583,8 @@
     return null;
   }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
-  function getWeekdays(locale) {
-    const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
+  function getWeekdays(locale, firstDayOfWeek) {
+    const daysFromSunday = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
     return createRange(7).map(i => {
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
@@ -17982,11 +17982,11 @@
     addMonths(date, amount) {
       return addMonths(date, amount);
     }
-    getWeekArray(date) {
-      return getWeekArray(date, this.locale);
+    getWeekArray(date, firstDayOfWeek) {
+      return getWeekArray(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
     }
-    startOfWeek(date) {
-      return startOfWeek(date, this.locale);
+    startOfWeek(date, firstDayOfWeek) {
+      return startOfWeek(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
     }
     endOfWeek(date) {
       return endOfWeek(date, this.locale);
@@ -18045,8 +18045,8 @@
     getDiff(date, comparing, unit) {
       return getDiff(date, comparing, unit);
     }
-    getWeekdays() {
-      return getWeekdays(this.locale);
+    getWeekdays(firstDayOfWeek) {
+      return getWeekdays(this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
     }
     getYear(date) {
       return getYear(date);
@@ -19467,19 +19467,19 @@
 
   const makeVDataTableFooterProps = propsFactory({
     prevIcon: {
-      type: String,
+      type: IconValue,
       default: '$prev'
     },
     nextIcon: {
-      type: String,
+      type: IconValue,
       default: '$next'
     },
     firstIcon: {
-      type: String,
+      type: IconValue,
       default: '$first'
     },
     lastIcon: {
-      type: String,
+      type: IconValue,
       default: '$last'
     },
     itemsPerPageText: {
@@ -21414,15 +21414,15 @@
       default: false
     },
     nextIcon: {
-      type: [String],
+      type: IconValue,
       default: '$next'
     },
     prevIcon: {
-      type: [String],
+      type: IconValue,
       default: '$prev'
     },
     modeIcon: {
-      type: [String],
+      type: IconValue,
       default: '$subgroup'
     },
     text: String,
@@ -21608,7 +21608,8 @@
     weeksInMonth: {
       type: String,
       default: 'dynamic'
-    }
+    },
+    firstDayOfWeek: [Number, String]
   }, 'calendar');
   function useCalendar(props) {
     const adapter = useDate();
@@ -21629,8 +21630,12 @@
       const date = adapter.setYear(adapter.startOfMonth(adapter.date()), adapter.getYear(year.value));
       return adapter.setMonth(date, value);
     }, v => adapter.getMonth(v));
+    const weekDays = vue.computed(() => {
+      const firstDayOfWeek = Number(props.firstDayOfWeek ?? 0);
+      return props.weekdays.map(day => (day + firstDayOfWeek) % 7);
+    });
     const weeksInMonth = vue.computed(() => {
-      const weeks = adapter.getWeekArray(month.value);
+      const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
       const days = weeks.flat();
 
       // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -21651,7 +21656,7 @@
     });
     function genDays(days, today) {
       return days.filter(date => {
-        return props.weekdays.includes(adapter.toJsDate(date).getDay());
+        return weekDays.value.includes(adapter.toJsDate(date).getDay());
       }).map((date, index) => {
         const isoDate = adapter.toISO(date);
         const isAdjacent = !adapter.isSameMonth(date, month.value);
@@ -21679,7 +21684,7 @@
       });
     }
     const daysInWeek = vue.computed(() => {
-      const lastDay = adapter.startOfWeek(displayValue.value);
+      const lastDay = adapter.startOfWeek(displayValue.value, props.firstDayOfWeek);
       const week = [];
       for (let day = 0; day <= 6; day++) {
         week.push(adapter.addDays(lastDay, day));
@@ -21717,6 +21722,7 @@
       genDays,
       model,
       weeksInMonth,
+      weekDays,
       weekNumbers
     };
   }
@@ -21847,7 +21853,7 @@
           "ref": daysRef,
           "key": daysInMonth.value[0].date?.toString(),
           "class": "v-date-picker-month__days"
-        }, [!props.hideWeekdays && adapter.getWeekdays().map(weekDay => vue.createVNode("div", {
+        }, [!props.hideWeekdays && adapter.getWeekdays(props.firstDayOfWeek).map(weekDay => vue.createVNode("div", {
           "class": ['v-date-picker-month__day', 'v-date-picker-month__weekday']
         }, [weekDay])), daysInMonth.value.map((item, i) => {
           const slotProps = {
@@ -22717,8 +22723,10 @@
   const makeVExpansionPanelsProps = propsFactory({
     flat: Boolean,
     ...makeGroupProps(),
-    ...makeVExpansionPanelProps(),
+    ...pick(makeVExpansionPanelProps(), ['bgColor', 'collapseIcon', 'color', 'eager', 'elevation', 'expandIcon', 'focusable', 'hideActions', 'readonly', 'ripple', 'rounded', 'tile', 'static']),
     ...makeThemeProps(),
+    ...makeComponentProps(),
+    ...makeTagProps(),
     variant: {
       type: String,
       default: 'default',
@@ -24675,11 +24683,14 @@
       let {
         slots
       } = _ref;
-      useRender(() => vue.createVNode(VSelectionControl, vue.mergeProps(props, {
-        "class": ['v-radio', props.class],
-        "style": props.style,
-        "type": "radio"
-      }), slots));
+      useRender(() => {
+        const controlProps = VSelectionControl.filterProps(props);
+        return vue.createVNode(VSelectionControl, vue.mergeProps(controlProps, {
+          "class": ['v-radio', props.class],
+          "style": props.style,
+          "type": "radio"
+        }), slots);
+      });
       return {};
     }
   });
@@ -27002,8 +27013,8 @@
     },
     suffix: String,
     modelModifiers: Object,
-    ...makeVInputProps(),
-    ...makeVFieldProps()
+    ...omit(makeVInputProps(), ['centerAffix']),
+    ...omit(makeVFieldProps(), ['centerAffix'])
   }, 'VTextarea');
   const VTextarea = genericComponent()({
     name: 'VTextarea',
@@ -27142,7 +27153,7 @@
           }, props.class],
           "style": props.style
         }, rootAttrs, inputProps, {
-          "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
+          "centerAffix": false,
           "focused": isFocused.value
         }), {
           ...slots,
@@ -27167,7 +27178,7 @@
             }, fieldProps, {
               "id": id.value,
               "active": isActive.value || isDirty.value,
-              "centerAffix": rows.value === 1 && !isPlainOrUnderlined.value,
+              "centerAffix": false,
               "dirty": isDirty.value || props.dirty,
               "disabled": isDisabled.value,
               "focused": isFocused.value,
@@ -28099,7 +28110,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.11";
+  const version$1 = "3.6.12";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -28124,7 +28135,7 @@
       ...options
     });
   };
-  const version = "3.6.11";
+  const version = "3.6.12";
   createVuetify.version = version;
 
   exports.blueprints = index;