vuetify 3.3.3 → 3.3.4

package/dist/vuetify.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.3
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1643,12 +1643,21 @@
       lastPage: 'Last page',
       pageText: '{0}-{1} of {2}'
     },
+    dateRangeInput: {
+      divider: 'to'
+    },
     datePicker: {
-      itemsSelected: '{0} selected',
-      nextMonthAriaLabel: 'Next month',
-      nextYearAriaLabel: 'Next year',
-      prevMonthAriaLabel: 'Previous month',
-      prevYearAriaLabel: 'Previous year'
+      ok: 'OK',
+      cancel: 'Cancel',
+      range: {
+        title: 'Select dates',
+        header: 'Enter dates'
+      },
+      title: 'Select date',
+      header: 'Enter date',
+      input: {
+        placeholder: 'Enter date'
+      }
     },
     noDataText: 'No data available',
     carousel: {
@@ -3631,7 +3640,7 @@
         const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
         return height + extensionHeight;
       });
-      function setActive() {
+      vue.watchEffect(() => {
         if (scrollBehavior.value.hide) {
           if (scrollBehavior.value.inverted) {
             isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3641,12 +3650,6 @@
         } else {
           isActive.value = true;
         }
-      }
-      useToggleScope(() => !!props.scrollBehavior, () => {
-        vue.watch(currentScroll, setActive, {
-          immediate: true
-        });
-        vue.watch(scrollBehavior, setActive);
       });
       const {
         ssrBootStyles
@@ -4101,7 +4104,8 @@
     unfold: 'mdi-unfold-more-horizontal',
     file: 'mdi-paperclip',
     plus: 'mdi-plus',
-    minus: 'mdi-minus'
+    minus: 'mdi-minus',
+    calendar: 'mdi-calendar'
   };
   const mdi = {
     // Not using mergeProps here, functional components merge props by default (?)
@@ -7311,7 +7315,7 @@
   const useNestedItem = (id, isGroup) => {
     const parent = vue.inject(VNestedSymbol, emptyNested);
     const uidSymbol = Symbol(getUid());
-    const computedId = vue.computed(() => id.value ?? uidSymbol);
+    const computedId = vue.computed(() => id.value !== undefined ? id.value : uidSymbol);
     const item = {
       ...parent,
       id: computedId,
@@ -7511,7 +7515,7 @@
         emit
       } = _ref;
       const link = useLink(props, attrs);
-      const id = vue.computed(() => props.value ?? link.href.value);
+      const id = vue.computed(() => props.value === undefined ? link.href.value : props.value);
       const {
         select,
         isSelected,
@@ -7908,10 +7912,13 @@
   }
   function useTransformItems(items, transform) {
     function transformIn(value) {
-      return value.map(v => {
+      return value
+      // When the model value is null, returns an InternalItem based on null
+      // only if null is one of the items
+      .filter(v => v !== null || items.value.some(item => item.value === null)).map(v => {
         const existingItem = items.value.find(item => deepEqual(v, item.value));
         // Nullish existingItem means value is a custom input value from combobox
-        // In this case, use transformItem to create an { value: unknown } based on value
+        // In this case, use transformItem to create an InternalItem based on value
         return existingItem ?? transform(v);
       });
     }
@@ -10441,7 +10448,7 @@
         transformIn,
         transformOut
       } = useItems(props);
-      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
         return props.multiple ? transformed : transformed[0] ?? null;
       });
@@ -10866,7 +10873,7 @@
         textColorStyles
       } = useTextColor(color);
       const search = useProxiedModel(props, 'search', '');
-      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(wrapInArray(v)), v => {
+      const model = useProxiedModel(props, 'modelValue', [], v => transformIn(v === null ? [null] : wrapInArray(v)), v => {
         const transformed = transformOut(v);
         return props.multiple ? transformed : transformed[0] ?? null;
       });
@@ -15193,8 +15200,6 @@
           "modelValue": model.value,
           "onUpdate:modelValue": $event => model.value = $event,
           "class": ['v-file-input', {
-            'v-file-input--chips': !!props.chips,
-            'v-file-input--selection-slot': !!slots.selection,
             'v-text-field--plain-underlined': isPlainOrUnderlined.value
           }, props.class],
           "style": props.style,
@@ -18191,8 +18196,8 @@
           const initialScale = prevBox[widthHeight] / nextBox[widthHeight];
           const sigma = 1.5;
           animate(nextEl, {
-            backgroundColor: [color, ''],
-            transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, ''],
+            backgroundColor: [color, 'currentcolor'],
+            transform: [`translate${XY}(${delta}px) scale${XY}(${initialScale})`, `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`, 'none'],
             transformOrigin: Array(3).fill(origin)
           }, {
             duration: 225,
@@ -19477,47 +19482,6 @@
 
   // Types
 
-  function getWeekArray(date) {
-    let currentWeek = [];
-    const weeks = [];
-    const firstDayOfMonth = startOfMonth(date);
-    const lastDayOfMonth = endOfMonth(date);
-    for (let i = 0; i < firstDayOfMonth.getDay(); i++) {
-      currentWeek.push(null);
-    }
-    for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
-      const day = new Date(date.getFullYear(), date.getMonth(), i);
-
-      // Add the day to the current week
-      currentWeek.push(day);
-
-      // If the current week has 7 days, add it to the weeks array and start a new week
-      if (currentWeek.length === 7) {
-        weeks.push(currentWeek);
-        currentWeek = [];
-      }
-    }
-    for (let i = currentWeek.length; i < 7; i++) {
-      currentWeek.push(null);
-    }
-    weeks.push(currentWeek);
-    return weeks;
-  }
-  function startOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth(), 1);
-  }
-  function endOfMonth(date) {
-    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-  }
-  function date(value) {
-    if (value == null) return null;
-    if (value instanceof Date) return value;
-    if (typeof value === 'string') {
-      const parsed = Date.parse(value);
-      if (!isNaN(parsed)) return new Date(parsed);
-    }
-    return null;
-  }
   const firstDay = {
     '001': 1,
     AD: 1,
@@ -19531,7 +19495,7 @@
     AR: 1,
     AS: 0,
     AT: 1,
-    AU: 0,
+    AU: 1,
     AX: 1,
     AZ: 1,
     BA: 1,
@@ -19551,7 +19515,7 @@
     CH: 1,
     CL: 1,
     CM: 1,
-    CN: 0,
+    CN: 1,
     CO: 0,
     CR: 1,
     CY: 1,
@@ -19671,6 +19635,53 @@
     ZA: 0,
     ZW: 0
   };
+  function getWeekArray(date, locale) {
+    const weeks = [];
+    let currentWeek = [];
+    const firstDayOfMonth = startOfMonth(date);
+    const lastDayOfMonth = endOfMonth(date);
+    const firstDayWeekIndex = firstDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+    const lastDayWeekIndex = lastDayOfMonth.getDay() - firstDay[locale.slice(-2).toUpperCase()];
+    for (let i = 0; i < firstDayWeekIndex; i++) {
+      const adjacentDay = new Date(firstDayOfMonth);
+      adjacentDay.setDate(adjacentDay.getDate() - (firstDayWeekIndex - i));
+      currentWeek.push(adjacentDay);
+    }
+    for (let i = 1; i <= lastDayOfMonth.getDate(); i++) {
+      const day = new Date(date.getFullYear(), date.getMonth(), i);
+
+      // Add the day to the current week
+      currentWeek.push(day);
+
+      // If the current week has 7 days, add it to the weeks array and start a new week
+      if (currentWeek.length === 7) {
+        weeks.push(currentWeek);
+        currentWeek = [];
+      }
+    }
+    for (let i = 1; i < 7 - lastDayWeekIndex; i++) {
+      const adjacentDay = new Date(lastDayOfMonth);
+      adjacentDay.setDate(adjacentDay.getDate() + i);
+      currentWeek.push(adjacentDay);
+    }
+    weeks.push(currentWeek);
+    return weeks;
+  }
+  function startOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth(), 1);
+  }
+  function endOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+  }
+  function date(value) {
+    if (value == null) return new Date();
+    if (value instanceof Date) return value;
+    if (typeof value === 'string') {
+      const parsed = Date.parse(value);
+      if (!isNaN(parsed)) return new Date(parsed);
+    }
+    return null;
+  }
   const sundayJanuarySecond2000 = new Date(2000, 0, 2);
   function getWeekdays(locale) {
     const daysFromSunday = firstDay[locale.slice(-2).toUpperCase()];
@@ -19678,7 +19689,7 @@
       const weekday = new Date(sundayJanuarySecond2000);
       weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
       return new Intl.DateTimeFormat(locale, {
-        weekday: 'long'
+        weekday: 'short'
       }).format(weekday);
     });
   }
@@ -19698,8 +19709,7 @@
         options = {
           weekday: 'short',
           day: 'numeric',
-          month: 'short',
-          year: 'numeric'
+          month: 'short'
         };
         break;
       case 'keyboardDate':
@@ -19717,6 +19727,11 @@
           year: 'numeric'
         };
         break;
+      case 'dayOfMonth':
+        options = {
+          day: 'numeric'
+        };
+        break;
       default:
         options = {
           timeZone: 'UTC',
@@ -19747,28 +19762,6 @@
   function endOfYear(date) {
     return new Date(date.getFullYear(), 11, 31);
   }
-  function getMondayOfFirstWeekOfYear(year) {
-    return new Date(year, 0, 1);
-  }
-
-  // https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
-  function getWeek(date) {
-    let year = date.getFullYear();
-    let d1w1 = getMondayOfFirstWeekOfYear(year);
-    if (date < d1w1) {
-      year = year - 1;
-      d1w1 = getMondayOfFirstWeekOfYear(year);
-    } else {
-      const tv = getMondayOfFirstWeekOfYear(year + 1);
-      if (date >= tv) {
-        year = year + 1;
-        d1w1 = tv;
-      }
-    }
-    const diffTime = Math.abs(date.getTime() - d1w1.getTime());
-    const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-    return Math.floor(diffDays / 7) + 1;
-  }
   function isWithinRange(date, range) {
     return isAfter(date, range[0]) && isBefore(date, range[1]);
   }
@@ -19805,13 +19798,15 @@
     return d;
   }
   class VuetifyDateAdapter {
-    constructor() {
-      let locale = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'en';
-      this.locale = locale;
+    constructor(options) {
+      this.locale = options.locale;
     }
     date(value) {
       return date(value);
     }
+    toJsDate(date) {
+      return date;
+    }
     addDays(date, amount) {
       return addDays(date, amount);
     }
@@ -19819,7 +19814,7 @@
       return addMonths(date, amount);
     }
     getWeekArray(date) {
-      return getWeekArray(date);
+      return getWeekArray(date, this.locale);
     }
     startOfMonth(date) {
       return startOfMonth(date);
@@ -19842,6 +19837,9 @@
     isAfter(date, comparing) {
       return isAfter(date, comparing);
     }
+    isBefore(date, comparing) {
+      return !isAfter(date, comparing) && !isEqual(date, comparing);
+    }
     isSameDay(date, comparing) {
       return isSameDay(date, comparing);
     }
@@ -19854,9 +19852,6 @@
     getDiff(date, comparing, unit) {
       return getDiff(date, comparing, unit);
     }
-    getWeek(date) {
-      return getWeek(date);
-    }
     getWeekdays() {
       return getWeekdays(this.locale);
     }
@@ -19880,9 +19875,52 @@
 
   const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
   function createDate(options) {
-    return options ?? {
-      adapter: VuetifyDateAdapter
-    };
+    return mergeDeep({
+      adapter: VuetifyDateAdapter,
+      locale: {
+        af: 'af-ZA',
+        // ar: '', # not the same value for all variants
+        bg: 'bg-BG',
+        ca: 'ca-ES',
+        ckb: '',
+        cs: '',
+        de: 'de-DE',
+        el: 'el-GR',
+        en: 'en-US',
+        // es: '', # not the same value for all variants
+        et: 'et-EE',
+        fa: 'fa-IR',
+        fi: 'fi-FI',
+        // fr: '', #not the same value for all variants
+        hr: 'hr-HR',
+        hu: 'hu-HU',
+        he: 'he-IL',
+        id: 'id-ID',
+        it: 'it-IT',
+        ja: 'ja-JP',
+        ko: 'ko-KR',
+        lv: 'lv-LV',
+        lt: 'lt-LT',
+        nl: 'nl-NL',
+        no: 'nn-NO',
+        pl: 'pl-PL',
+        pt: 'pt-PT',
+        ro: 'ro-RO',
+        ru: 'ru-RU',
+        sk: 'sk-SK',
+        sl: 'sl-SI',
+        srCyrl: 'sr-SP',
+        srLatn: 'sr-SP',
+        sv: 'sv-SE',
+        th: 'th-TH',
+        tr: 'tr-TR',
+        az: 'az-AZ',
+        uk: 'uk-UA',
+        vi: 'vi-VN',
+        zhHans: 'zh-CN',
+        zhHant: 'zh-TW'
+      }
+    }, options);
   }
 
   // Composables
@@ -19970,7 +20008,7 @@
       date
     };
   }
-  const version$1 = "3.3.3";
+  const version$1 = "3.3.4";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -19995,7 +20033,7 @@
       ...options
     });
   };
-  const version = "3.3.3";
+  const version = "3.3.4";
   createVuetify.version = version;
 
   exports.components = components;