vuetify 3.3.3 → 3.3.4

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.3
+* Vuetify v3.3.4
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -1639,12 +1639,21 @@ var en = {
     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: {
@@ -3627,7 +3636,7 @@ const VAppBar = genericComponent()({
       const extensionHeight = vToolbarRef.value?.extensionHeight ?? 0;
       return height + extensionHeight;
     });
-    function setActive() {
+    watchEffect(() => {
       if (scrollBehavior.value.hide) {
         if (scrollBehavior.value.inverted) {
           isActive.value = currentScroll.value > scrollThreshold.value;
@@ -3637,12 +3646,6 @@ const VAppBar = genericComponent()({
       } else {
         isActive.value = true;
       }
-    }
-    useToggleScope(() => !!props.scrollBehavior, () => {
-      watch(currentScroll, setActive, {
-        immediate: true
-      });
-      watch(scrollBehavior, setActive);
     });
     const {
       ssrBootStyles
@@ -4097,7 +4100,8 @@ const aliases = {
   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 (?)
@@ -7307,7 +7311,7 @@ const useNested = props => {
 const useNestedItem = (id, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol(getUid());
-  const computedId = computed(() => id.value ?? uidSymbol);
+  const computedId = computed(() => id.value !== undefined ? id.value : uidSymbol);
   const item = {
     ...parent,
     id: computedId,
@@ -7507,7 +7511,7 @@ const VListItem = genericComponent()({
       emit
     } = _ref;
     const link = useLink(props, attrs);
-    const id = computed(() => props.value ?? link.href.value);
+    const id = computed(() => props.value === undefined ? link.href.value : props.value);
     const {
       select,
       isSelected,
@@ -7904,10 +7908,13 @@ function useItems(props) {
 }
 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);
     });
   }
@@ -10437,7 +10444,7 @@ const VSelect = genericComponent()({
       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;
     });
@@ -10862,7 +10869,7 @@ const VAutocomplete = genericComponent()({
       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;
     });
@@ -15189,8 +15196,6 @@ const VFileInput = genericComponent()({
         "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,
@@ -18187,8 +18192,8 @@ const VTab = genericComponent()({
         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,
@@ -19473,47 +19478,6 @@ var directives = /*#__PURE__*/Object.freeze({
 
 // 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,
@@ -19527,7 +19491,7 @@ const firstDay = {
   AR: 1,
   AS: 0,
   AT: 1,
-  AU: 0,
+  AU: 1,
   AX: 1,
   AZ: 1,
   BA: 1,
@@ -19547,7 +19511,7 @@ const firstDay = {
   CH: 1,
   CL: 1,
   CM: 1,
-  CN: 0,
+  CN: 1,
   CO: 0,
   CR: 1,
   CY: 1,
@@ -19667,6 +19631,53 @@ const firstDay = {
   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()];
@@ -19674,7 +19685,7 @@ function getWeekdays(locale) {
     const weekday = new Date(sundayJanuarySecond2000);
     weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
     return new Intl.DateTimeFormat(locale, {
-      weekday: 'long'
+      weekday: 'short'
     }).format(weekday);
   });
 }
@@ -19694,8 +19705,7 @@ function format(value, formatString, locale) {
       options = {
         weekday: 'short',
         day: 'numeric',
-        month: 'short',
-        year: 'numeric'
+        month: 'short'
       };
       break;
     case 'keyboardDate':
@@ -19713,6 +19723,11 @@ function format(value, formatString, locale) {
         year: 'numeric'
       };
       break;
+    case 'dayOfMonth':
+      options = {
+        day: 'numeric'
+      };
+      break;
     default:
       options = {
         timeZone: 'UTC',
@@ -19743,28 +19758,6 @@ function startOfYear(date) {
 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]);
 }
@@ -19801,13 +19794,15 @@ function setYear(date, year) {
   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);
   }
@@ -19815,7 +19810,7 @@ class VuetifyDateAdapter {
     return addMonths(date, amount);
   }
   getWeekArray(date) {
-    return getWeekArray(date);
+    return getWeekArray(date, this.locale);
   }
   startOfMonth(date) {
     return startOfMonth(date);
@@ -19838,6 +19833,9 @@ class VuetifyDateAdapter {
   isAfter(date, comparing) {
     return isAfter(date, comparing);
   }
+  isBefore(date, comparing) {
+    return !isAfter(date, comparing) && !isEqual(date, comparing);
+  }
   isSameDay(date, comparing) {
     return isSameDay(date, comparing);
   }
@@ -19850,9 +19848,6 @@ class VuetifyDateAdapter {
   getDiff(date, comparing, unit) {
     return getDiff(date, comparing, unit);
   }
-  getWeek(date) {
-    return getWeek(date);
-  }
   getWeekdays() {
     return getWeekdays(this.locale);
   }
@@ -19876,9 +19871,52 @@ class VuetifyDateAdapter {
 
 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
@@ -19966,7 +20004,7 @@ function createVuetify$1() {
     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
@@ -19991,7 +20029,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.3";
+const version = "3.3.4";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };