vuetify 3.8.1 → 3.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/json/attributes.json +3230 -3230
  2. package/dist/json/importMap-labs.json +26 -26
  3. package/dist/json/importMap.json +172 -172
  4. package/dist/json/web-types.json +6105 -6109
  5. package/dist/vuetify-labs.cjs +159 -215
  6. package/dist/vuetify-labs.css +3202 -3199
  7. package/dist/vuetify-labs.d.ts +96 -81
  8. package/dist/vuetify-labs.esm.js +159 -215
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +159 -215
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.cjs +135 -197
  13. package/dist/vuetify.cjs.map +1 -1
  14. package/dist/vuetify.css +1752 -1749
  15. package/dist/vuetify.d.ts +86 -71
  16. package/dist/vuetify.esm.js +135 -197
  17. package/dist/vuetify.esm.js.map +1 -1
  18. package/dist/vuetify.js +135 -197
  19. package/dist/vuetify.js.map +1 -1
  20. package/dist/vuetify.min.css +2 -2
  21. package/dist/vuetify.min.js +286 -271
  22. package/dist/vuetify.min.js.map +1 -1
  23. package/lib/blueprints/md3.js +18 -5
  24. package/lib/blueprints/md3.js.map +1 -1
  25. package/lib/components/VCode/VCode.css +3 -0
  26. package/lib/components/VCode/VCode.sass +3 -0
  27. package/lib/components/VDataTable/VDataTable.css +1 -1
  28. package/lib/components/VDataTable/VDataTable.sass +1 -1
  29. package/lib/components/VDatePicker/VDatePicker.d.ts +7 -7
  30. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +7 -7
  31. package/lib/composables/calendar.d.ts +2 -2
  32. package/lib/composables/calendar.js +5 -7
  33. package/lib/composables/calendar.js.map +1 -1
  34. package/lib/composables/date/DateAdapter.d.ts +1 -0
  35. package/lib/composables/date/DateAdapter.js.map +1 -1
  36. package/lib/composables/date/adapters/vuetify.d.ts +1 -0
  37. package/lib/composables/date/adapters/vuetify.js +101 -160
  38. package/lib/composables/date/adapters/vuetify.js.map +1 -1
  39. package/lib/composables/date/date.d.ts +1 -1
  40. package/lib/composables/date/date.js +0 -20
  41. package/lib/composables/date/date.js.map +1 -1
  42. package/lib/composables/filter.js +2 -1
  43. package/lib/composables/filter.js.map +1 -1
  44. package/lib/composables/theme.js +2 -2
  45. package/lib/composables/theme.js.map +1 -1
  46. package/lib/composables/validation.js +5 -0
  47. package/lib/composables/validation.js.map +1 -1
  48. package/lib/entry-bundler.d.ts +1 -0
  49. package/lib/entry-bundler.js +1 -1
  50. package/lib/framework.d.ts +63 -60
  51. package/lib/framework.js +1 -1
  52. package/lib/labs/VCalendar/VCalendar.d.ts +7 -7
  53. package/lib/labs/VCalendar/VCalendarInterval.js +25 -19
  54. package/lib/labs/VCalendar/VCalendarInterval.js.map +1 -1
  55. package/lib/labs/VDateInput/VDateInput.d.ts +7 -7
  56. package/lib/labs/entry-bundler.d.ts +1 -0
  57. package/package.json +47 -46
package/dist/vuetify.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.8.1
2
+ * Vuetify v3.8.2
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -1940,7 +1940,7 @@
1940
1940
  flat: true
1941
1941
  },
1942
1942
  VAutocomplete: {
1943
- variant: 'filled'
1943
+ variant: 'outlined'
1944
1944
  },
1945
1945
  VBanner: {
1946
1946
  color: 'primary'
@@ -1969,7 +1969,10 @@
1969
1969
  rounded: 'sm'
1970
1970
  },
1971
1971
  VCombobox: {
1972
- variant: 'filled'
1972
+ variant: 'outlined'
1973
+ },
1974
+ VDateInput: {
1975
+ variant: 'outlined'
1973
1976
  },
1974
1977
  VDatePicker: {
1975
1978
  controlHeight: 48,
@@ -1983,6 +1986,9 @@
1983
1986
  rounded: 'circle'
1984
1987
  }
1985
1988
  },
1989
+ VFileInput: {
1990
+ variant: 'outlined'
1991
+ },
1986
1992
  VNavigationDrawer: {
1987
1993
  // VList: {
1988
1994
  // nav: true,
@@ -1991,8 +1997,15 @@
1991
1997
  // },
1992
1998
  // },
1993
1999
  },
2000
+ VNumberInput: {
2001
+ variant: 'outlined',
2002
+ VBtn: {
2003
+ color: undefined,
2004
+ rounded: undefined
2005
+ }
2006
+ },
1994
2007
  VSelect: {
1995
- variant: 'filled'
2008
+ variant: 'outlined'
1996
2009
  },
1997
2010
  VSlider: {
1998
2011
  color: 'primary'
@@ -2001,10 +2014,10 @@
2001
2014
  color: 'primary'
2002
2015
  },
2003
2016
  VTextarea: {
2004
- variant: 'filled'
2017
+ variant: 'outlined'
2005
2018
  },
2006
2019
  VTextField: {
2007
- variant: 'filled'
2020
+ variant: 'outlined'
2008
2021
  },
2009
2022
  VToolbar: {
2010
2023
  VBtn: {
@@ -2808,8 +2821,8 @@
2808
2821
  surface: '#212121',
2809
2822
  'surface-bright': '#ccbfd6',
2810
2823
  'surface-light': '#424242',
2811
- 'surface-variant': '#a3a3a3',
2812
- 'on-surface-variant': '#424242',
2824
+ 'surface-variant': '#c8c8c8',
2825
+ 'on-surface-variant': '#000000',
2813
2826
  primary: '#2196F3',
2814
2827
  'primary-darken-1': '#277CC1',
2815
2828
  secondary: '#54B6B2',
@@ -7163,6 +7176,11 @@
7163
7176
  }
7164
7177
  async function validate() {
7165
7178
  let silent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
7179
+ if (props.disabled || props.readonly) {
7180
+ internalErrorMessages.value = [];
7181
+ isValidating.value = false;
7182
+ return internalErrorMessages.value;
7183
+ }
7166
7184
  const results = [];
7167
7185
  isValidating.value = true;
7168
7186
  for (const rule of props.rules) {
@@ -13319,6 +13337,7 @@
13319
13337
  // Composables
13320
13338
  const defaultFilter = (value, query, item) => {
13321
13339
  if (value == null || query == null) return -1;
13340
+ if (!query.length) return 0;
13322
13341
  value = value.toString().toLocaleLowerCase();
13323
13342
  query = query.toString().toLocaleLowerCase();
13324
13343
  const result = [];
@@ -13331,7 +13350,7 @@
13331
13350
  };
13332
13351
  function normaliseMatch(match, query) {
13333
13352
  if (match == null || typeof match === 'boolean' || match === -1) return;
13334
- if (typeof match === 'number') return [[match, query.length]];
13353
+ if (typeof match === 'number') return [[match, match + query.length]];
13335
13354
  if (Array.isArray(match[0])) return match;
13336
13355
  return [match];
13337
13356
  }
@@ -17246,165 +17265,81 @@
17246
17265
 
17247
17266
  // Types
17248
17267
 
17249
- const firstDay = {
17250
- '001': 1,
17251
- AD: 1,
17252
- AE: 6,
17253
- AF: 6,
17254
- AG: 0,
17255
- AI: 1,
17256
- AL: 1,
17257
- AM: 1,
17258
- AN: 1,
17259
- AR: 1,
17260
- AS: 0,
17261
- AT: 1,
17262
- AU: 1,
17263
- AX: 1,
17264
- AZ: 1,
17265
- BA: 1,
17266
- BD: 0,
17267
- BE: 1,
17268
- BG: 1,
17269
- BH: 6,
17270
- BM: 1,
17271
- BN: 1,
17272
- BR: 0,
17273
- BS: 0,
17274
- BT: 0,
17275
- BW: 0,
17276
- BY: 1,
17277
- BZ: 0,
17278
- CA: 0,
17279
- CH: 1,
17280
- CL: 1,
17281
- CM: 1,
17282
- CN: 1,
17283
- CO: 0,
17284
- CR: 1,
17285
- CY: 1,
17286
- CZ: 1,
17287
- DE: 1,
17288
- DJ: 6,
17289
- DK: 1,
17290
- DM: 0,
17291
- DO: 0,
17292
- DZ: 6,
17293
- EC: 1,
17294
- EE: 1,
17295
- EG: 6,
17296
- ES: 1,
17297
- ET: 0,
17298
- FI: 1,
17299
- FJ: 1,
17300
- FO: 1,
17301
- FR: 1,
17302
- GB: 1,
17303
- 'GB-alt-variant': 0,
17304
- GE: 1,
17305
- GF: 1,
17306
- GP: 1,
17307
- GR: 1,
17308
- GT: 0,
17309
- GU: 0,
17310
- HK: 0,
17311
- HN: 0,
17312
- HR: 1,
17313
- HU: 1,
17314
- ID: 0,
17315
- IE: 1,
17316
- IL: 0,
17317
- IN: 0,
17318
- IQ: 6,
17319
- IR: 6,
17320
- IS: 1,
17321
- IT: 1,
17322
- JM: 0,
17323
- JO: 6,
17324
- JP: 0,
17325
- KE: 0,
17326
- KG: 1,
17327
- KH: 0,
17328
- KR: 0,
17329
- KW: 6,
17330
- KZ: 1,
17331
- LA: 0,
17332
- LB: 1,
17333
- LI: 1,
17334
- LK: 1,
17335
- LT: 1,
17336
- LU: 1,
17337
- LV: 1,
17338
- LY: 6,
17339
- MC: 1,
17340
- MD: 1,
17341
- ME: 1,
17342
- MH: 0,
17343
- MK: 1,
17344
- MM: 0,
17345
- MN: 1,
17346
- MO: 0,
17347
- MQ: 1,
17348
- MT: 0,
17349
- MV: 5,
17350
- MX: 0,
17351
- MY: 1,
17352
- MZ: 0,
17353
- NI: 0,
17354
- NL: 1,
17355
- NO: 1,
17356
- NP: 0,
17357
- NZ: 1,
17358
- OM: 6,
17359
- PA: 0,
17360
- PE: 0,
17361
- PH: 0,
17362
- PK: 0,
17363
- PL: 1,
17364
- PR: 0,
17365
- PT: 0,
17366
- PY: 0,
17367
- QA: 6,
17368
- RE: 1,
17369
- RO: 1,
17370
- RS: 1,
17371
- RU: 1,
17372
- SA: 0,
17373
- SD: 6,
17374
- SE: 1,
17375
- SG: 0,
17376
- SI: 1,
17377
- SK: 1,
17378
- SM: 1,
17379
- SV: 0,
17380
- SY: 6,
17381
- TH: 0,
17382
- TJ: 1,
17383
- TM: 1,
17384
- TR: 1,
17385
- TT: 0,
17386
- TW: 0,
17387
- UA: 1,
17388
- UM: 0,
17389
- US: 0,
17390
- UY: 1,
17391
- UZ: 1,
17392
- VA: 1,
17393
- VE: 0,
17394
- VI: 0,
17395
- VN: 1,
17396
- WS: 0,
17397
- XK: 1,
17398
- YE: 0,
17399
- ZA: 0,
17400
- ZW: 0
17401
- };
17268
+ function weekInfo(locale) {
17269
+ // https://simplelocalize.io/data/locales/
17270
+ // then `new Intl.Locale(...).getWeekInfo()`
17271
+ const code = locale.slice(-2).toUpperCase();
17272
+ switch (true) {
17273
+ case locale === 'GB-alt-variant':
17274
+ {
17275
+ return {
17276
+ firstDay: 0,
17277
+ firstWeekSize: 4
17278
+ };
17279
+ }
17280
+ case locale === '001':
17281
+ {
17282
+ return {
17283
+ firstDay: 1,
17284
+ firstWeekSize: 1
17285
+ };
17286
+ }
17287
+ case `AG AS BD BR BS BT BW BZ CA CO DM DO ET GT GU HK HN ID IL IN JM JP KE
17288
+ KH KR LA MH MM MO MT MX MZ NI NP PA PE PH PK PR PY SA SG SV TH TT TW UM US
17289
+ VE VI WS YE ZA ZW`.includes(code):
17290
+ {
17291
+ return {
17292
+ firstDay: 0,
17293
+ firstWeekSize: 1
17294
+ };
17295
+ }
17296
+ case `AI AL AM AR AU AZ BA BM BN BY CL CM CN CR CY EC GE HR KG KZ LB LK LV
17297
+ MD ME MK MN MY NZ RO RS SI TJ TM TR UA UY UZ VN XK`.includes(code):
17298
+ {
17299
+ return {
17300
+ firstDay: 1,
17301
+ firstWeekSize: 1
17302
+ };
17303
+ }
17304
+ case `AD AN AT AX BE BG CH CZ DE DK EE ES FI FJ FO FR GB GF GP GR HU IE IS
17305
+ IT LI LT LU MC MQ NL NO PL RE RU SE SK SM VA`.includes(code):
17306
+ {
17307
+ return {
17308
+ firstDay: 1,
17309
+ firstWeekSize: 4
17310
+ };
17311
+ }
17312
+ case `AE AF BH DJ DZ EG IQ IR JO KW LY OM QA SD SY`.includes(code):
17313
+ {
17314
+ return {
17315
+ firstDay: 6,
17316
+ firstWeekSize: 1
17317
+ };
17318
+ }
17319
+ case code === 'MV':
17320
+ {
17321
+ return {
17322
+ firstDay: 5,
17323
+ firstWeekSize: 1
17324
+ };
17325
+ }
17326
+ case code === 'PT':
17327
+ {
17328
+ return {
17329
+ firstDay: 0,
17330
+ firstWeekSize: 4
17331
+ };
17332
+ }
17333
+ default:
17334
+ return null;
17335
+ }
17336
+ }
17402
17337
  function getWeekArray(date, locale, firstDayOfWeek) {
17403
17338
  const weeks = [];
17404
17339
  let currentWeek = [];
17405
17340
  const firstDayOfMonth = startOfMonth(date);
17406
17341
  const lastDayOfMonth = endOfMonth(date);
17407
- const first = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
17342
+ const first = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
17408
17343
  const firstDayWeekIndex = (firstDayOfMonth.getDay() - first + 7) % 7;
17409
17344
  const lastDayWeekIndex = (lastDayOfMonth.getDay() - first + 7) % 7;
17410
17345
  for (let i = 0; i < firstDayWeekIndex; i++) {
@@ -17435,7 +17370,7 @@
17435
17370
  return weeks;
17436
17371
  }
17437
17372
  function startOfWeek(date, locale, firstDayOfWeek) {
17438
- const day = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
17373
+ const day = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
17439
17374
  const d = new Date(date);
17440
17375
  while (d.getDay() !== day) {
17441
17376
  d.setDate(d.getDate() - 1);
@@ -17444,7 +17379,7 @@
17444
17379
  }
17445
17380
  function endOfWeek(date, locale) {
17446
17381
  const d = new Date(date);
17447
- const lastDay = ((firstDay[locale.slice(-2).toUpperCase()] ?? 0) + 6) % 7;
17382
+ const lastDay = ((weekInfo(locale)?.firstDay ?? 0) + 6) % 7;
17448
17383
  while (d.getDay() !== lastDay) {
17449
17384
  d.setDate(d.getDate() + 1);
17450
17385
  }
@@ -17479,7 +17414,7 @@
17479
17414
  }
17480
17415
  const sundayJanuarySecond2000 = new Date(2000, 0, 2);
17481
17416
  function getWeekdays(locale, firstDayOfWeek) {
17482
- const daysFromSunday = firstDayOfWeek ?? firstDay[locale.slice(-2).toUpperCase()] ?? 0;
17417
+ const daysFromSunday = firstDayOfWeek ?? weekInfo(locale)?.firstDay ?? 0;
17483
17418
  return createRange(7).map(i => {
17484
17419
  const weekday = new Date(sundayJanuarySecond2000);
17485
17420
  weekday.setDate(sundayJanuarySecond2000.getDate() + daysFromSunday + i);
@@ -17727,6 +17662,24 @@
17727
17662
  function getMonth(date) {
17728
17663
  return date.getMonth();
17729
17664
  }
17665
+ function getWeek(date, locale, firstDayOfWeek, firstWeekMinSize) {
17666
+ const weekInfoFromLocale = weekInfo(locale);
17667
+ const weekStart = firstDayOfWeek ?? weekInfoFromLocale?.firstDay ?? 0;
17668
+ const minWeekSize = firstWeekMinSize ?? weekInfoFromLocale?.firstWeekSize ?? 1;
17669
+ function firstWeekSize(year) {
17670
+ const yearStart = new Date(year, 0, 1);
17671
+ return 7 - getDiff(yearStart, startOfWeek(yearStart, locale, weekStart), 'days');
17672
+ }
17673
+ let year = getYear(date);
17674
+ const currentWeekEnd = addDays(startOfWeek(date, locale, weekStart), 6);
17675
+ if (year < getYear(currentWeekEnd) && firstWeekSize(year + 1) >= minWeekSize) {
17676
+ year++;
17677
+ }
17678
+ const yearStart = new Date(year, 0, 1);
17679
+ const size = firstWeekSize(year);
17680
+ const d1w1 = size >= minWeekSize ? addDays(yearStart, size - 7) : addDays(yearStart, size);
17681
+ return 1 + getDiff(date, d1w1, 'weeks');
17682
+ }
17730
17683
  function getDate(date) {
17731
17684
  return date.getDate();
17732
17685
  }
@@ -17866,10 +17819,12 @@
17866
17819
  return addMonths(date, amount);
17867
17820
  }
17868
17821
  getWeekArray(date, firstDayOfWeek) {
17869
- return getWeekArray(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
17822
+ const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
17823
+ return getWeekArray(date, this.locale, firstDay);
17870
17824
  }
17871
17825
  startOfWeek(date, firstDayOfWeek) {
17872
- return startOfWeek(date, this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
17826
+ const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
17827
+ return startOfWeek(date, this.locale, firstDay);
17873
17828
  }
17874
17829
  endOfWeek(date) {
17875
17830
  return endOfWeek(date, this.locale);
@@ -17929,7 +17884,8 @@
17929
17884
  return getDiff(date, comparing, unit);
17930
17885
  }
17931
17886
  getWeekdays(firstDayOfWeek) {
17932
- return getWeekdays(this.locale, firstDayOfWeek ? Number(firstDayOfWeek) : undefined);
17887
+ const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
17888
+ return getWeekdays(this.locale, firstDay);
17933
17889
  }
17934
17890
  getYear(date) {
17935
17891
  return getYear(date);
@@ -17937,6 +17893,10 @@
17937
17893
  getMonth(date) {
17938
17894
  return getMonth(date);
17939
17895
  }
17896
+ getWeek(date, firstDayOfWeek, firstWeekMinSize) {
17897
+ const firstDay = firstDayOfWeek !== undefined ? Number(firstDayOfWeek) : undefined;
17898
+ return getWeek(date, this.locale, firstDay, firstWeekMinSize);
17899
+ }
17940
17900
  getDate(date) {
17941
17901
  return getDate(date);
17942
17902
  }
@@ -18040,26 +18000,6 @@
18040
18000
  return createInstance(options, locale);
18041
18001
  }
18042
18002
 
18043
- // https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
18044
- function getWeek(adapter, value) {
18045
- const date = adapter.toJsDate(value);
18046
- let year = date.getFullYear();
18047
- let d1w1 = new Date(year, 0, 1);
18048
- if (date < d1w1) {
18049
- year = year - 1;
18050
- d1w1 = new Date(year, 0, 1);
18051
- } else {
18052
- const tv = new Date(year + 1, 0, 1);
18053
- if (date >= tv) {
18054
- year = year + 1;
18055
- d1w1 = tv;
18056
- }
18057
- }
18058
- const diffTime = Math.abs(date.getTime() - d1w1.getTime());
18059
- const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
18060
- return Math.floor(diffDays / 7) + 1;
18061
- }
18062
-
18063
18003
  // Types
18064
18004
 
18065
18005
  const makeVColorPickerProps = propsFactory({
@@ -22248,7 +22188,7 @@
22248
22188
  },
22249
22189
  firstDayOfWeek: {
22250
22190
  type: [Number, String],
22251
- default: 0
22191
+ default: undefined
22252
22192
  }
22253
22193
  }, 'calendar');
22254
22194
  function useCalendar(props) {
@@ -22271,14 +22211,12 @@
22271
22211
  return adapter.setMonth(date, value);
22272
22212
  }, v => adapter.getMonth(v));
22273
22213
  const weekDays = vue.computed(() => {
22274
- const firstDayOfWeek = Number(props.firstDayOfWeek);
22275
-
22214
+ const firstDayOfWeek = adapter.toJsDate(adapter.startOfWeek(adapter.date(), props.firstDayOfWeek)).getDay();
22276
22215
  // Always generate all days, regardless of props.weekdays
22277
22216
  return [0, 1, 2, 3, 4, 5, 6].map(day => (day + firstDayOfWeek) % 7);
22278
22217
  });
22279
22218
  const weeksInMonth = vue.computed(() => {
22280
- const firstDayOfWeek = Number(props.firstDayOfWeek);
22281
- const weeks = adapter.getWeekArray(month.value, firstDayOfWeek);
22219
+ const weeks = adapter.getWeekArray(month.value, props.firstDayOfWeek);
22282
22220
  const days = weeks.flat();
22283
22221
 
22284
22222
  // Make sure there's always 6 weeks in month (6 * 7 days)
@@ -22342,7 +22280,7 @@
22342
22280
  });
22343
22281
  const weekNumbers = vue.computed(() => {
22344
22282
  return weeksInMonth.value.map(week => {
22345
- return week.length ? getWeek(adapter, week[0]) : null;
22283
+ return week.length ? adapter.getWeek(week[0], props.firstDayOfWeek) : null;
22346
22284
  });
22347
22285
  });
22348
22286
  function isDisabled(value) {
@@ -29240,7 +29178,7 @@
29240
29178
  };
29241
29179
  });
29242
29180
  }
29243
- const version$1 = "3.8.1";
29181
+ const version$1 = "3.8.2";
29244
29182
  createVuetify$1.version = version$1;
29245
29183
 
29246
29184
  // Vue's inject() can only be used in setup
@@ -29265,7 +29203,7 @@
29265
29203
  ...options
29266
29204
  });
29267
29205
  };
29268
- const version = "3.8.1";
29206
+ const version = "3.8.2";
29269
29207
  createVuetify.version = version;
29270
29208
 
29271
29209
  exports.blueprints = index;