@vuetify/nightly 3.8.0-beta.0-dev.2025-03-31 → 3.8.0-dev.2025-04-01

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 (44) hide show
  1. package/CHANGELOG.md +3 -104
  2. package/dist/json/attributes.json +3759 -3759
  3. package/dist/json/importMap-labs.json +36 -36
  4. package/dist/json/importMap.json +160 -160
  5. package/dist/json/web-types.json +6872 -6872
  6. package/dist/vuetify-labs.cjs +20 -26
  7. package/dist/vuetify-labs.css +3865 -3865
  8. package/dist/vuetify-labs.d.ts +58 -58
  9. package/dist/vuetify-labs.esm.js +20 -26
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +20 -26
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +15 -17
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +5362 -5362
  16. package/dist/vuetify.d.ts +58 -58
  17. package/dist/vuetify.esm.js +15 -17
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +15 -17
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +7 -8
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VAutocomplete/VAutocomplete.js +5 -10
  25. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  26. package/lib/components/VColorPicker/VColorPickerPreview.js +4 -3
  27. package/lib/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  28. package/lib/components/VEmptyState/VEmptyState.js +3 -1
  29. package/lib/components/VEmptyState/VEmptyState.js.map +1 -1
  30. package/lib/components/VInput/VInput.css +11 -11
  31. package/lib/components/VInput/VInput.sass +1 -1
  32. package/lib/entry-bundler.js +1 -1
  33. package/lib/entry-bundler.js.map +1 -1
  34. package/lib/framework.d.ts +58 -58
  35. package/lib/framework.js +1 -1
  36. package/lib/framework.js.map +1 -1
  37. package/lib/labs/VDateInput/VDateInput.js +3 -8
  38. package/lib/labs/VDateInput/VDateInput.js.map +1 -1
  39. package/lib/labs/VFileUpload/VFileUpload.js +2 -1
  40. package/lib/labs/VFileUpload/VFileUpload.js.map +1 -1
  41. package/lib/util/helpers.d.ts +1 -2
  42. package/lib/util/helpers.js +1 -11
  43. package/lib/util/helpers.js.map +1 -1
  44. package/package.json +1 -1
@@ -73367,41 +73367,37 @@ declare module 'vue' {
73367
73367
  $children?: VNodeChild
73368
73368
  }
73369
73369
  export interface GlobalComponents {
73370
- VApp: VApp
73371
73370
  VAppBar: VAppBar
73372
73371
  VAppBarNavIcon: VAppBarNavIcon
73373
73372
  VAppBarTitle: VAppBarTitle
73374
- VAvatar: VAvatar
73375
73373
  VAutocomplete: VAutocomplete
73376
73374
  VBadge: VBadge
73377
- VBanner: VBanner
73378
- VBannerActions: VBannerActions
73379
- VBannerText: VBannerText
73375
+ VAvatar: VAvatar
73380
73376
  VAlert: VAlert
73381
73377
  VAlertTitle: VAlertTitle
73382
- VBottomSheet: VBottomSheet
73383
- VBottomNavigation: VBottomNavigation
73378
+ VApp: VApp
73384
73379
  VBreadcrumbs: VBreadcrumbs
73385
73380
  VBreadcrumbsItem: VBreadcrumbsItem
73386
73381
  VBreadcrumbsDivider: VBreadcrumbsDivider
73382
+ VBanner: VBanner
73383
+ VBannerActions: VBannerActions
73384
+ VBannerText: VBannerText
73387
73385
  VBtnGroup: VBtnGroup
73386
+ VBtn: VBtn
73387
+ VBottomSheet: VBottomSheet
73388
+ VCarousel: VCarousel
73389
+ VCarouselItem: VCarouselItem
73390
+ VBtnToggle: VBtnToggle
73388
73391
  VCard: VCard
73389
73392
  VCardActions: VCardActions
73390
73393
  VCardItem: VCardItem
73391
73394
  VCardSubtitle: VCardSubtitle
73392
73395
  VCardText: VCardText
73393
73396
  VCardTitle: VCardTitle
73394
- VBtn: VBtn
73395
- VCheckbox: VCheckbox
73396
- VCheckboxBtn: VCheckboxBtn
73397
- VBtnToggle: VBtnToggle
73398
- VChipGroup: VChipGroup
73399
73397
  VCode: VCode
73400
73398
  VChip: VChip
73401
- VCarousel: VCarousel
73402
- VCarouselItem: VCarouselItem
73403
- VColorPicker: VColorPicker
73404
- VCombobox: VCombobox
73399
+ VChipGroup: VChipGroup
73400
+ VBottomNavigation: VBottomNavigation
73405
73401
  VCounter: VCounter
73406
73402
  VDataTable: VDataTable
73407
73403
  VDataTableHeaders: VDataTableHeaders
@@ -73410,30 +73406,35 @@ declare module 'vue' {
73410
73406
  VDataTableRow: VDataTableRow
73411
73407
  VDataTableVirtual: VDataTableVirtual
73412
73408
  VDataTableServer: VDataTableServer
73409
+ VCombobox: VCombobox
73410
+ VColorPicker: VColorPicker
73411
+ VCheckbox: VCheckbox
73412
+ VCheckboxBtn: VCheckboxBtn
73413
+ VDivider: VDivider
73413
73414
  VDatePicker: VDatePicker
73414
73415
  VDatePickerControls: VDatePickerControls
73415
73416
  VDatePickerHeader: VDatePickerHeader
73416
73417
  VDatePickerMonth: VDatePickerMonth
73417
73418
  VDatePickerMonths: VDatePickerMonths
73418
73419
  VDatePickerYears: VDatePickerYears
73419
- VDivider: VDivider
73420
- VDialog: VDialog
73421
- VFab: VFab
73420
+ VFileInput: VFileInput
73422
73421
  VEmptyState: VEmptyState
73423
73422
  VExpansionPanels: VExpansionPanels
73424
73423
  VExpansionPanel: VExpansionPanel
73425
73424
  VExpansionPanelText: VExpansionPanelText
73426
73425
  VExpansionPanelTitle: VExpansionPanelTitle
73426
+ VDialog: VDialog
73427
+ VFooter: VFooter
73428
+ VFab: VFab
73429
+ VImg: VImg
73427
73430
  VField: VField
73428
73431
  VFieldLabel: VFieldLabel
73429
- VFooter: VFooter
73430
- VFileInput: VFileInput
73431
73432
  VIcon: VIcon
73432
73433
  VComponentIcon: VComponentIcon
73433
73434
  VSvgIcon: VSvgIcon
73434
73435
  VLigatureIcon: VLigatureIcon
73435
73436
  VClassIcon: VClassIcon
73436
- VImg: VImg
73437
+ VInput: VInput
73437
73438
  VInfiniteScroll: VInfiniteScroll
73438
73439
  VItemGroup: VItemGroup
73439
73440
  VItem: VItem
@@ -73446,30 +73447,33 @@ declare module 'vue' {
73446
73447
  VListItemSubtitle: VListItemSubtitle
73447
73448
  VListItemTitle: VListItemTitle
73448
73449
  VListSubheader: VListSubheader
73449
- VInput: VInput
73450
- VMenu: VMenu
73451
73450
  VLabel: VLabel
73452
73451
  VKbd: VKbd
73453
73452
  VMain: VMain
73454
- VMessages: VMessages
73455
73453
  VNavigationDrawer: VNavigationDrawer
73456
- VOverlay: VOverlay
73454
+ VMessages: VMessages
73457
73455
  VNumberInput: VNumberInput
73458
- VPagination: VPagination
73459
73456
  VOtpInput: VOtpInput
73457
+ VMenu: VMenu
73458
+ VPagination: VPagination
73460
73459
  VRadioGroup: VRadioGroup
73460
+ VOverlay: VOverlay
73461
73461
  VProgressCircular: VProgressCircular
73462
73462
  VProgressLinear: VProgressLinear
73463
- VSelect: VSelect
73464
73463
  VRating: VRating
73465
- VSheet: VSheet
73466
73464
  VSelectionControl: VSelectionControl
73467
- VSelectionControlGroup: VSelectionControlGroup
73468
- VSlider: VSlider
73469
- VSnackbar: VSnackbar
73470
- VSkeletonLoader: VSkeletonLoader
73465
+ VSelect: VSelect
73471
73466
  VSlideGroup: VSlideGroup
73472
73467
  VSlideGroupItem: VSlideGroupItem
73468
+ VSelectionControlGroup: VSelectionControlGroup
73469
+ VSkeletonLoader: VSkeletonLoader
73470
+ VSheet: VSheet
73471
+ VSnackbar: VSnackbar
73472
+ VTab: VTab
73473
+ VTabs: VTabs
73474
+ VTabsWindow: VTabsWindow
73475
+ VTabsWindowItem: VTabsWindowItem
73476
+ VSlider: VSlider
73473
73477
  VStepper: VStepper
73474
73478
  VStepperActions: VStepperActions
73475
73479
  VStepperHeader: VStepperHeader
@@ -73477,44 +73481,41 @@ declare module 'vue' {
73477
73481
  VStepperWindow: VStepperWindow
73478
73482
  VStepperWindowItem: VStepperWindowItem
73479
73483
  VSwitch: VSwitch
73484
+ VTextField: VTextField
73485
+ VTextarea: VTextarea
73480
73486
  VSystemBar: VSystemBar
73481
- VTab: VTab
73482
- VTabs: VTabs
73483
- VTabsWindow: VTabsWindow
73484
- VTabsWindowItem: VTabsWindowItem
73485
73487
  VTable: VTable
73486
73488
  VTimeline: VTimeline
73487
73489
  VTimelineItem: VTimelineItem
73488
- VTextField: VTextField
73489
- VTooltip: VTooltip
73490
- VTextarea: VTextarea
73491
- VWindow: VWindow
73492
- VWindowItem: VWindowItem
73493
73490
  VToolbar: VToolbar
73494
73491
  VToolbarTitle: VToolbarTitle
73495
73492
  VToolbarItems: VToolbarItems
73496
- VConfirmEdit: VConfirmEdit
73493
+ VWindow: VWindow
73494
+ VWindowItem: VWindowItem
73495
+ VTooltip: VTooltip
73497
73496
  VDataIterator: VDataIterator
73498
73497
  VDefaultsProvider: VDefaultsProvider
73499
73498
  VForm: VForm
73499
+ VConfirmEdit: VConfirmEdit
73500
73500
  VContainer: VContainer
73501
73501
  VCol: VCol
73502
73502
  VRow: VRow
73503
73503
  VSpacer: VSpacer
73504
73504
  VHover: VHover
73505
+ VLocaleProvider: VLocaleProvider
73506
+ VLazy: VLazy
73505
73507
  VLayout: VLayout
73506
73508
  VLayoutItem: VLayoutItem
73507
- VLazy: VLazy
73508
- VLocaleProvider: VLocaleProvider
73509
73509
  VNoSsr: VNoSsr
73510
73510
  VParallax: VParallax
73511
73511
  VRadio: VRadio
73512
73512
  VRangeSlider: VRangeSlider
73513
- VSnackbarQueue: VSnackbarQueue
73514
73513
  VResponsive: VResponsive
73515
73514
  VSpeedDial: VSpeedDial
73516
73515
  VSparkline: VSparkline
73516
+ VSnackbarQueue: VSnackbarQueue
73517
73517
  VThemeProvider: VThemeProvider
73518
+ VVirtualScroll: VVirtualScroll
73518
73519
  VValidation: VValidation
73519
73520
  VFabTransition: VFabTransition
73520
73521
  VDialogBottomTransition: VDialogBottomTransition
@@ -73532,27 +73533,26 @@ declare module 'vue' {
73532
73533
  VExpandTransition: VExpandTransition
73533
73534
  VExpandXTransition: VExpandXTransition
73534
73535
  VDialogTransition: VDialogTransition
73535
- VVirtualScroll: VVirtualScroll
73536
- VIconBtn: VIconBtn
73537
- VPicker: VPicker
73538
- VPickerTitle: VPickerTitle
73539
- VStepperVertical: VStepperVertical
73540
- VStepperVerticalItem: VStepperVerticalItem
73541
- VStepperVerticalActions: VStepperVerticalActions
73542
- VTimePicker: VTimePicker
73543
- VTimePickerClock: VTimePickerClock
73544
- VTimePickerControls: VTimePickerControls
73545
73536
  VCalendar: VCalendar
73546
73537
  VCalendarDay: VCalendarDay
73547
73538
  VCalendarHeader: VCalendarHeader
73548
73539
  VCalendarInterval: VCalendarInterval
73549
73540
  VCalendarIntervalEvent: VCalendarIntervalEvent
73550
73541
  VCalendarMonthDay: VCalendarMonthDay
73542
+ VPicker: VPicker
73543
+ VPickerTitle: VPickerTitle
73544
+ VIconBtn: VIconBtn
73545
+ VStepperVertical: VStepperVertical
73546
+ VStepperVerticalItem: VStepperVerticalItem
73547
+ VStepperVerticalActions: VStepperVerticalActions
73548
+ VFileUpload: VFileUpload
73549
+ VFileUploadItem: VFileUploadItem
73551
73550
  VTreeview: VTreeview
73552
73551
  VTreeviewItem: VTreeviewItem
73553
73552
  VTreeviewGroup: VTreeviewGroup
73554
- VFileUpload: VFileUpload
73555
- VFileUploadItem: VFileUploadItem
73553
+ VTimePicker: VTimePicker
73554
+ VTimePickerClock: VTimePickerClock
73555
+ VTimePickerControls: VTimePickerControls
73556
73556
  VDateInput: VDateInput
73557
73557
  VPullToRefresh: VPullToRefresh
73558
73558
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.8.0-beta.0-dev.2025-03-31
2
+ * Vuetify v3.8.0-dev.2025-04-01
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -13402,12 +13402,7 @@ const VAutocomplete = genericComponent()({
13402
13402
  } else {
13403
13403
  if (!props.multiple && search.value == null) model.value = [];
13404
13404
  menu.value = false;
13405
- if (!model.value.some(_ref3 => {
13406
- let {
13407
- title
13408
- } = _ref3;
13409
- return title === search.value;
13410
- })) search.value = '';
13405
+ if (props.multiple || hasSelectionSlot.value) search.value = '';
13411
13406
  selectionIndex.value = -1;
13412
13407
  }
13413
13408
  });
@@ -13495,12 +13490,12 @@ const VAutocomplete = genericComponent()({
13495
13490
  "items": displayItems.value,
13496
13491
  "itemKey": "value"
13497
13492
  }, {
13498
- default: _ref4 => {
13493
+ default: _ref3 => {
13499
13494
  let {
13500
13495
  item,
13501
13496
  index,
13502
13497
  itemRef
13503
- } = _ref4;
13498
+ } = _ref3;
13504
13499
  const itemProps = mergeProps(item.props, {
13505
13500
  ref: itemRef,
13506
13501
  key: item.value,
@@ -13514,10 +13509,10 @@ const VAutocomplete = genericComponent()({
13514
13509
  }) ?? createVNode(VListItem, mergeProps(itemProps, {
13515
13510
  "role": "option"
13516
13511
  }), {
13517
- prepend: _ref5 => {
13512
+ prepend: _ref4 => {
13518
13513
  let {
13519
13514
  isSelected
13520
- } = _ref5;
13515
+ } = _ref4;
13521
13516
  return createVNode(Fragment, null, [props.multiple && !props.hideSelected ? createVNode(VCheckboxBtn, {
13522
13517
  "key": item.value,
13523
13518
  "modelValue": isSelected,
@@ -16386,7 +16381,7 @@ const VColorPickerPreview = defineComponent({
16386
16381
  const abortController = new AbortController();
16387
16382
  onUnmounted(() => abortController.abort());
16388
16383
  async function openEyeDropper() {
16389
- if (!SUPPORTS_EYE_DROPPER) return;
16384
+ if (!SUPPORTS_EYE_DROPPER || props.disabled) return;
16390
16385
  const eyeDropper = new window.EyeDropper();
16391
16386
  try {
16392
16387
  const result = await eyeDropper.open({
@@ -16408,10 +16403,11 @@ const VColorPickerPreview = defineComponent({
16408
16403
  "class": "v-color-picker-preview__eye-dropper",
16409
16404
  "key": "eyeDropper"
16410
16405
  }, [createVNode(VBtn, {
16411
- "onClick": openEyeDropper,
16406
+ "density": "comfortable",
16407
+ "disabled": props.disabled,
16412
16408
  "icon": "$eyeDropper",
16413
16409
  "variant": "plain",
16414
- "density": "comfortable"
16410
+ "onClick": openEyeDropper
16415
16411
  }, null)]), createVNode("div", {
16416
16412
  "class": "v-color-picker-preview__dot"
16417
16413
  }, [createVNode("div", {
@@ -22796,7 +22792,9 @@ const VEmptyState = genericComponent()({
22796
22792
  VBtn: {
22797
22793
  class: 'v-empty-state__action-btn',
22798
22794
  color: props.color ?? 'surface-variant',
22799
- text: props.actionText
22795
+ href: props.href,
22796
+ text: props.actionText,
22797
+ to: props.to
22800
22798
  }
22801
22799
  }
22802
22800
  }, {
@@ -28987,7 +28985,7 @@ const VDateInput = genericComponent()({
28987
28985
  const adapter = useDate();
28988
28986
  const {
28989
28987
  mobile
28990
- } = useDisplay();
28988
+ } = useDisplay(props);
28991
28989
  const {
28992
28990
  isFocused,
28993
28991
  focus,
@@ -29037,7 +29035,7 @@ const VDateInput = genericComponent()({
29037
29035
  return;
29038
29036
  }
29039
29037
  const target = e.target;
29040
- model.value = target.value === '' ? null : target.value;
29038
+ model.value = adapter.isValid(target.value) ? target.value : null;
29041
29039
  }
29042
29040
  function onClick(e) {
29043
29041
  e.preventDefault();
@@ -29061,10 +29059,6 @@ const VDateInput = genericComponent()({
29061
29059
  if (value != null) return;
29062
29060
  model.value = null;
29063
29061
  }
29064
- function onUpdateMenuModel(isMenuOpen) {
29065
- if (isMenuOpen) return;
29066
- isEditingInput.value = false;
29067
- }
29068
29062
  function onBlur() {
29069
29063
  blur();
29070
29064
 
@@ -29097,7 +29091,7 @@ const VDateInput = genericComponent()({
29097
29091
  ...slots,
29098
29092
  default: () => createVNode(Fragment, null, [createVNode(VMenu, {
29099
29093
  "modelValue": menu.value,
29100
- "onUpdate:modelValue": [$event => menu.value = $event, onUpdateMenuModel],
29094
+ "onUpdate:modelValue": $event => menu.value = $event,
29101
29095
  "activator": "parent",
29102
29096
  "min-width": "0",
29103
29097
  "eager": isFocused.value,
@@ -29130,7 +29124,6 @@ const VDateInput = genericComponent()({
29130
29124
  }
29131
29125
  }
29132
29126
  emit('save', value);
29133
- vDateInputRef.value?.blur();
29134
29127
  disabledActions.value = [];
29135
29128
  }
29136
29129
  return createVNode(VDatePicker, mergeProps(datePickerProps, {
@@ -29378,7 +29371,8 @@ const VFileUpload = genericComponent()({
29378
29371
  'v-file-upload--clickable': !hasBrowse,
29379
29372
  'v-file-upload--disabled': props.disabled,
29380
29373
  'v-file-upload--dragging': dragOver.value
29381
- }, densityClasses.value],
29374
+ }, densityClasses.value, props.class],
29375
+ "style": [props.style],
29382
29376
  "onDragleave": onDragLeave,
29383
29377
  "onDragover": onDragOver,
29384
29378
  "onDrop": onDrop,
@@ -31536,7 +31530,7 @@ function createVuetify$1() {
31536
31530
  };
31537
31531
  });
31538
31532
  }
31539
- const version$1 = "3.8.0-beta.0-dev.2025-03-31";
31533
+ const version$1 = "3.8.0-dev.2025-04-01";
31540
31534
  createVuetify$1.version = version$1;
31541
31535
 
31542
31536
  // Vue's inject() can only be used in setup
@@ -31821,7 +31815,7 @@ var index = /*#__PURE__*/Object.freeze({
31821
31815
 
31822
31816
  /* eslint-disable local-rules/sort-imports */
31823
31817
 
31824
- const version = "3.8.0-beta.0-dev.2025-03-31";
31818
+ const version = "3.8.0-dev.2025-04-01";
31825
31819
 
31826
31820
  /* eslint-disable local-rules/sort-imports */
31827
31821