@vuetify/nightly 3.8.9-master.2025-06-12 → 3.8.9-master.2025-06-13

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 (43) hide show
  1. package/CHANGELOG.md +9 -3
  2. package/dist/json/attributes.json +3537 -3537
  3. package/dist/json/importMap-labs.json +28 -28
  4. package/dist/json/importMap.json +164 -164
  5. package/dist/json/web-types.json +6485 -6485
  6. package/dist/vuetify-labs.cjs +43 -22
  7. package/dist/vuetify-labs.css +4940 -4940
  8. package/dist/vuetify-labs.d.ts +61 -61
  9. package/dist/vuetify-labs.esm.js +43 -22
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +43 -22
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +41 -22
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +3520 -3520
  16. package/dist/vuetify.d.ts +61 -61
  17. package/dist/vuetify.esm.js +41 -22
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +41 -22
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +19 -17
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VDatePicker/VDatePicker.js +19 -13
  25. package/lib/components/VDatePicker/VDatePicker.js.map +1 -1
  26. package/lib/components/VDatePicker/VDatePickerYears.js +1 -3
  27. package/lib/components/VDatePicker/VDatePickerYears.js.map +1 -1
  28. package/lib/components/VField/VField.js +10 -2
  29. package/lib/components/VField/VField.js.map +1 -1
  30. package/lib/composables/hotkey.d.ts +9 -0
  31. package/lib/composables/hotkey.js +131 -0
  32. package/lib/composables/hotkey.js.map +1 -0
  33. package/lib/composables/transition.js +3 -3
  34. package/lib/composables/transition.js.map +1 -1
  35. package/lib/entry-bundler.js +1 -1
  36. package/lib/framework.d.ts +61 -61
  37. package/lib/framework.js +1 -1
  38. package/lib/labs/VTimePicker/VTimePickerClock.js +3 -1
  39. package/lib/labs/VTimePicker/VTimePickerClock.js.map +1 -1
  40. package/lib/util/helpers.d.ts +3 -0
  41. package/lib/util/helpers.js +7 -0
  42. package/lib/util/helpers.js.map +1 -1
  43. package/package.json +1 -1
@@ -101795,39 +101795,43 @@ declare module 'vue' {
101795
101795
  $children?: VNodeChild
101796
101796
  }
101797
101797
  export interface GlobalComponents {
101798
- VAutocomplete: VAutocomplete
101798
+ VAppBar: VAppBar
101799
+ VAppBarNavIcon: VAppBarNavIcon
101800
+ VAppBarTitle: VAppBarTitle
101799
101801
  VApp: VApp
101800
101802
  VAlert: VAlert
101801
101803
  VAlertTitle: VAlertTitle
101802
101804
  VAvatar: VAvatar
101805
+ VAutocomplete: VAutocomplete
101806
+ VBreadcrumbs: VBreadcrumbs
101807
+ VBreadcrumbsItem: VBreadcrumbsItem
101808
+ VBreadcrumbsDivider: VBreadcrumbsDivider
101803
101809
  VBadge: VBadge
101804
101810
  VBottomSheet: VBottomSheet
101805
- VBanner: VBanner
101806
- VBannerActions: VBannerActions
101807
- VBannerText: VBannerText
101808
101811
  VBottomNavigation: VBottomNavigation
101812
+ VBtnToggle: VBtnToggle
101809
101813
  VBtn: VBtn
101810
- VBtnGroup: VBtnGroup
101811
- VAppBar: VAppBar
101812
- VAppBarNavIcon: VAppBarNavIcon
101813
- VAppBarTitle: VAppBarTitle
101814
101814
  VCard: VCard
101815
101815
  VCardActions: VCardActions
101816
101816
  VCardItem: VCardItem
101817
101817
  VCardSubtitle: VCardSubtitle
101818
101818
  VCardText: VCardText
101819
101819
  VCardTitle: VCardTitle
101820
- VBtnToggle: VBtnToggle
101821
- VChipGroup: VChipGroup
101822
- VChip: VChip
101823
- VCarousel: VCarousel
101824
- VCarouselItem: VCarouselItem
101820
+ VBtnGroup: VBtnGroup
101825
101821
  VCheckbox: VCheckbox
101826
101822
  VCheckboxBtn: VCheckboxBtn
101827
- VCounter: VCounter
101828
- VColorPicker: VColorPicker
101823
+ VChip: VChip
101829
101824
  VCombobox: VCombobox
101825
+ VChipGroup: VChipGroup
101830
101826
  VCode: VCode
101827
+ VCarousel: VCarousel
101828
+ VCarouselItem: VCarouselItem
101829
+ VDatePicker: VDatePicker
101830
+ VDatePickerControls: VDatePickerControls
101831
+ VDatePickerHeader: VDatePickerHeader
101832
+ VDatePickerMonth: VDatePickerMonth
101833
+ VDatePickerMonths: VDatePickerMonths
101834
+ VDatePickerYears: VDatePickerYears
101831
101835
  VDataTable: VDataTable
101832
101836
  VDataTableHeaders: VDataTableHeaders
101833
101837
  VDataTableFooter: VDataTableFooter
@@ -101835,38 +101839,30 @@ declare module 'vue' {
101835
101839
  VDataTableRow: VDataTableRow
101836
101840
  VDataTableVirtual: VDataTableVirtual
101837
101841
  VDataTableServer: VDataTableServer
101838
- VDatePicker: VDatePicker
101839
- VDatePickerControls: VDatePickerControls
101840
- VDatePickerHeader: VDatePickerHeader
101841
- VDatePickerMonth: VDatePickerMonth
101842
- VDatePickerMonths: VDatePickerMonths
101843
- VDatePickerYears: VDatePickerYears
101844
- VDivider: VDivider
101842
+ VColorPicker: VColorPicker
101843
+ VCounter: VCounter
101845
101844
  VDialog: VDialog
101846
- VField: VField
101847
- VFieldLabel: VFieldLabel
101848
- VEmptyState: VEmptyState
101849
- VFileInput: VFileInput
101850
101845
  VExpansionPanels: VExpansionPanels
101851
101846
  VExpansionPanel: VExpansionPanel
101852
101847
  VExpansionPanelText: VExpansionPanelText
101853
101848
  VExpansionPanelTitle: VExpansionPanelTitle
101854
- VFooter: VFooter
101855
101849
  VFab: VFab
101856
- VImg: VImg
101850
+ VEmptyState: VEmptyState
101851
+ VField: VField
101852
+ VFieldLabel: VFieldLabel
101853
+ VFooter: VFooter
101857
101854
  VInfiniteScroll: VInfiniteScroll
101855
+ VFileInput: VFileInput
101858
101856
  VIcon: VIcon
101859
101857
  VComponentIcon: VComponentIcon
101860
101858
  VSvgIcon: VSvgIcon
101861
101859
  VLigatureIcon: VLigatureIcon
101862
101860
  VClassIcon: VClassIcon
101861
+ VImg: VImg
101863
101862
  VKbd: VKbd
101864
101863
  VItemGroup: VItemGroup
101865
101864
  VItem: VItem
101866
101865
  VInput: VInput
101867
- VLabel: VLabel
101868
- VMain: VMain
101869
- VNavigationDrawer: VNavigationDrawer
101870
101866
  VList: VList
101871
101867
  VListGroup: VListGroup
101872
101868
  VListImg: VListImg
@@ -101876,74 +101872,78 @@ declare module 'vue' {
101876
101872
  VListItemSubtitle: VListItemSubtitle
101877
101873
  VListItemTitle: VListItemTitle
101878
101874
  VListSubheader: VListSubheader
101875
+ VLabel: VLabel
101879
101876
  VMenu: VMenu
101880
101877
  VMessages: VMessages
101881
- VNumberInput: VNumberInput
101882
- VOverlay: VOverlay
101878
+ VMain: VMain
101879
+ VNavigationDrawer: VNavigationDrawer
101883
101880
  VOtpInput: VOtpInput
101884
- VProgressLinear: VProgressLinear
101881
+ VDivider: VDivider
101882
+ VOverlay: VOverlay
101883
+ VNumberInput: VNumberInput
101885
101884
  VPagination: VPagination
101886
- VRadioGroup: VRadioGroup
101887
101885
  VProgressCircular: VProgressCircular
101886
+ VRadioGroup: VRadioGroup
101887
+ VProgressLinear: VProgressLinear
101888
+ VSelect: VSelect
101888
101889
  VRating: VRating
101889
101890
  VSelectionControl: VSelectionControl
101890
101891
  VSelectionControlGroup: VSelectionControlGroup
101891
101892
  VSlideGroup: VSlideGroup
101892
101893
  VSlideGroupItem: VSlideGroupItem
101893
- VSkeletonLoader: VSkeletonLoader
101894
+ VSnackbar: VSnackbar
101894
101895
  VSheet: VSheet
101895
- VSelect: VSelect
101896
- VSlider: VSlider
101896
+ VSkeletonLoader: VSkeletonLoader
101897
101897
  VStepper: VStepper
101898
101898
  VStepperActions: VStepperActions
101899
101899
  VStepperHeader: VStepperHeader
101900
101900
  VStepperItem: VStepperItem
101901
101901
  VStepperWindow: VStepperWindow
101902
101902
  VStepperWindowItem: VStepperWindowItem
101903
- VSnackbar: VSnackbar
101903
+ VSlider: VSlider
101904
101904
  VSwitch: VSwitch
101905
101905
  VSystemBar: VSystemBar
101906
- VTimeline: VTimeline
101907
- VTimelineItem: VTimelineItem
101908
- VTextarea: VTextarea
101906
+ VTable: VTable
101909
101907
  VTab: VTab
101910
101908
  VTabs: VTabs
101911
101909
  VTabsWindow: VTabsWindow
101912
101910
  VTabsWindowItem: VTabsWindowItem
101913
- VTable: VTable
101911
+ VTextarea: VTextarea
101914
101912
  VTextField: VTextField
101913
+ VTimeline: VTimeline
101914
+ VTimelineItem: VTimelineItem
101915
101915
  VToolbar: VToolbar
101916
101916
  VToolbarTitle: VToolbarTitle
101917
101917
  VToolbarItems: VToolbarItems
101918
- VTooltip: VTooltip
101919
101918
  VWindow: VWindow
101920
101919
  VWindowItem: VWindowItem
101921
- VBreadcrumbs: VBreadcrumbs
101922
- VBreadcrumbsItem: VBreadcrumbsItem
101923
- VBreadcrumbsDivider: VBreadcrumbsDivider
101924
- VConfirmEdit: VConfirmEdit
101920
+ VTooltip: VTooltip
101925
101921
  VDataIterator: VDataIterator
101922
+ VConfirmEdit: VConfirmEdit
101926
101923
  VDefaultsProvider: VDefaultsProvider
101924
+ VForm: VForm
101927
101925
  VContainer: VContainer
101928
101926
  VCol: VCol
101929
101927
  VRow: VRow
101930
101928
  VSpacer: VSpacer
101931
- VForm: VForm
101932
101929
  VHover: VHover
101933
- VLocaleProvider: VLocaleProvider
101934
101930
  VLayout: VLayout
101935
101931
  VLayoutItem: VLayoutItem
101936
101932
  VLazy: VLazy
101933
+ VLocaleProvider: VLocaleProvider
101937
101934
  VNoSsr: VNoSsr
101938
101935
  VParallax: VParallax
101939
101936
  VRadio: VRadio
101940
- VRangeSlider: VRangeSlider
101937
+ VResponsive: VResponsive
101941
101938
  VSnackbarQueue: VSnackbarQueue
101942
101939
  VSparkline: VSparkline
101943
101940
  VSpeedDial: VSpeedDial
101941
+ VBanner: VBanner
101942
+ VBannerActions: VBannerActions
101943
+ VBannerText: VBannerText
101944
101944
  VThemeProvider: VThemeProvider
101945
- VVirtualScroll: VVirtualScroll
101946
101945
  VValidation: VValidation
101946
+ VVirtualScroll: VVirtualScroll
101947
101947
  VFabTransition: VFabTransition
101948
101948
  VDialogBottomTransition: VDialogBottomTransition
101949
101949
  VDialogTopTransition: VDialogTopTransition
@@ -101960,7 +101960,7 @@ declare module 'vue' {
101960
101960
  VExpandTransition: VExpandTransition
101961
101961
  VExpandXTransition: VExpandXTransition
101962
101962
  VDialogTransition: VDialogTransition
101963
- VResponsive: VResponsive
101963
+ VRangeSlider: VRangeSlider
101964
101964
  VCalendar: VCalendar
101965
101965
  VCalendarDay: VCalendarDay
101966
101966
  VCalendarHeader: VCalendarHeader
@@ -101968,21 +101968,21 @@ declare module 'vue' {
101968
101968
  VCalendarIntervalEvent: VCalendarIntervalEvent
101969
101969
  VCalendarMonthDay: VCalendarMonthDay
101970
101970
  VIconBtn: VIconBtn
101971
- VColorInput: VColorInput
101972
- VFileUpload: VFileUpload
101973
- VFileUploadItem: VFileUploadItem
101974
- VTreeview: VTreeview
101975
- VTreeviewItem: VTreeviewItem
101976
- VTreeviewGroup: VTreeviewGroup
101977
101971
  VStepperVertical: VStepperVertical
101978
101972
  VStepperVerticalItem: VStepperVerticalItem
101979
101973
  VStepperVerticalActions: VStepperVerticalActions
101974
+ VPicker: VPicker
101975
+ VPickerTitle: VPickerTitle
101980
101976
  VTimePicker: VTimePicker
101981
101977
  VTimePickerClock: VTimePickerClock
101982
101978
  VTimePickerControls: VTimePickerControls
101983
- VPicker: VPicker
101984
- VPickerTitle: VPickerTitle
101979
+ VFileUpload: VFileUpload
101980
+ VFileUploadItem: VFileUploadItem
101981
+ VTreeview: VTreeview
101982
+ VTreeviewItem: VTreeviewItem
101983
+ VTreeviewGroup: VTreeviewGroup
101985
101984
  VDateInput: VDateInput
101986
101985
  VPullToRefresh: VPullToRefresh
101986
+ VColorInput: VColorInput
101987
101987
  }
101988
101988
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.8.9-master.2025-06-12
2
+ * Vuetify v3.8.9-master.2025-06-13
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -609,6 +609,13 @@ function camelizeProps(props) {
609
609
  }
610
610
  return out;
611
611
  }
612
+ function onlyDefinedProps(props) {
613
+ const booleanAttributes = ['checked', 'disabled'];
614
+ return Object.fromEntries(Object.entries(props).filter(_ref => {
615
+ let [key, v] = _ref;
616
+ return booleanAttributes.includes(key) ? !!v : v !== undefined;
617
+ }));
618
+ }
612
619
 
613
620
  // Utilities
614
621
  const block = ['top', 'bottom'];
@@ -3321,10 +3328,10 @@ const MaybeTransition = (props, _ref) => {
3321
3328
  } = isObject(transition) ? transition : {};
3322
3329
  let transitionProps;
3323
3330
  if (isObject(transition)) {
3324
- transitionProps = mergeProps(customProps, JSON.parse(JSON.stringify({
3331
+ transitionProps = mergeProps(customProps, onlyDefinedProps({
3325
3332
  disabled,
3326
3333
  group
3327
- })), rest);
3334
+ }), rest);
3328
3335
  } else {
3329
3336
  transitionProps = mergeProps({
3330
3337
  name: disabled || !transition ? '' : transition
@@ -11945,7 +11952,11 @@ const VField = genericComponent()({
11945
11952
  default: slots.loader
11946
11953
  }), hasPrepend && createElementVNode("div", {
11947
11954
  "key": "prepend",
11948
- "class": "v-field__prepend-inner"
11955
+ "class": "v-field__prepend-inner",
11956
+ "onMousedown": e => {
11957
+ e.preventDefault();
11958
+ e.stopPropagation();
11959
+ }
11949
11960
  }, [props.prependInnerIcon && createVNode(InputIcon, {
11950
11961
  "key": "prepend-icon",
11951
11962
  "name": "prependInner",
@@ -12014,7 +12025,11 @@ const VField = genericComponent()({
12014
12025
  })]), [[vShow, props.dirty]])]
12015
12026
  }), hasAppend && createElementVNode("div", {
12016
12027
  "key": "append",
12017
- "class": "v-field__append-inner"
12028
+ "class": "v-field__append-inner",
12029
+ "onMousedown": e => {
12030
+ e.preventDefault();
12031
+ e.stopPropagation();
12032
+ }
12018
12033
  }, [slots['append-inner']?.(slotProps.value), props.appendInnerIcon && createVNode(InputIcon, {
12019
12034
  "key": "append-icon",
12020
12035
  "name": "appendInner",
@@ -22473,9 +22488,7 @@ const VDatePickerYears = genericComponent()({
22473
22488
  const yearRef = templateRef();
22474
22489
  onMounted(async () => {
22475
22490
  await nextTick();
22476
- yearRef.el?.scrollIntoView({
22477
- block: 'center'
22478
- });
22491
+ yearRef.el?.focus();
22479
22492
  });
22480
22493
  function isYearAllowed(year) {
22481
22494
  if (Array.isArray(props.allowedYears) && props.allowedYears.length) {
@@ -22611,8 +22624,16 @@ const VDatePicker = genericComponent()({
22611
22624
  return value && adapter.isValid(value) ? value : today;
22612
22625
  });
22613
22626
  const headerColor = toRef(() => props.headerColor ?? props.color);
22614
- const month = ref(Number(props.month ?? adapter.getMonth(adapter.startOfMonth(internal.value))));
22615
- const year = ref(Number(props.year ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))));
22627
+ const _month = useProxiedModel(props, 'month');
22628
+ const month = computed({
22629
+ get: () => Number(_month.value ?? adapter.getMonth(adapter.startOfMonth(internal.value))),
22630
+ set: v => _month.value = v
22631
+ });
22632
+ const _year = useProxiedModel(props, 'year');
22633
+ const year = computed({
22634
+ get: () => Number(_year.value ?? adapter.getYear(adapter.startOfYear(adapter.setMonth(internal.value, month.value)))),
22635
+ set: v => _year.value = v
22636
+ });
22616
22637
  const isReversing = shallowRef(false);
22617
22638
  const header = computed(() => {
22618
22639
  if (props.multiple && model.value.length > 1) {
@@ -22696,9 +22717,9 @@ const VDatePicker = genericComponent()({
22696
22717
  } else {
22697
22718
  year.value++;
22698
22719
  month.value = 0;
22699
- onUpdateYear(year.value);
22720
+ onUpdateYear();
22700
22721
  }
22701
- onUpdateMonth(month.value);
22722
+ onUpdateMonth();
22702
22723
  }
22703
22724
  function onClickPrev() {
22704
22725
  if (month.value > 0) {
@@ -22706,9 +22727,9 @@ const VDatePicker = genericComponent()({
22706
22727
  } else {
22707
22728
  year.value--;
22708
22729
  month.value = 11;
22709
- onUpdateYear(year.value);
22730
+ onUpdateYear();
22710
22731
  }
22711
- onUpdateMonth(month.value);
22732
+ onUpdateMonth();
22712
22733
  }
22713
22734
  function onClickDate() {
22714
22735
  viewMode.value = 'month';
@@ -22719,13 +22740,11 @@ const VDatePicker = genericComponent()({
22719
22740
  function onClickYear() {
22720
22741
  viewMode.value = viewMode.value === 'year' ? 'month' : 'year';
22721
22742
  }
22722
- function onUpdateMonth(value) {
22743
+ function onUpdateMonth() {
22723
22744
  if (viewMode.value === 'months') onClickMonth();
22724
- emit('update:month', value);
22725
22745
  }
22726
- function onUpdateYear(value) {
22746
+ function onUpdateYear() {
22727
22747
  if (viewMode.value === 'year') onClickYear();
22728
- emit('update:year', value);
22729
22748
  }
22730
22749
  watch(model, (val, oldVal) => {
22731
22750
  const arrBefore = wrapInArray(oldVal);
@@ -22737,11 +22756,11 @@ const VDatePicker = genericComponent()({
22737
22756
  const newYear = adapter.getYear(after);
22738
22757
  if (newMonth !== month.value) {
22739
22758
  month.value = newMonth;
22740
- onUpdateMonth(month.value);
22759
+ onUpdateMonth();
22741
22760
  }
22742
22761
  if (newYear !== year.value) {
22743
22762
  year.value = newYear;
22744
- onUpdateYear(year.value);
22763
+ onUpdateYear();
22745
22764
  }
22746
22765
  isReversing.value = adapter.isBefore(before, after);
22747
22766
  });
@@ -30671,6 +30690,7 @@ const VTimePickerClock = genericComponent()({
30671
30690
  const isDragging = ref(false);
30672
30691
  const valueOnMouseDown = ref(null);
30673
30692
  const valueOnMouseUp = ref(null);
30693
+ const emitChangeDebounced = debounce(value => emit('change', value), 750);
30674
30694
  const {
30675
30695
  textColorClasses,
30676
30696
  textColorStyles
@@ -30716,6 +30736,7 @@ const VTimePickerClock = genericComponent()({
30716
30736
  if (value !== props.displayedValue) {
30717
30737
  update(value);
30718
30738
  }
30739
+ emitChangeDebounced(value);
30719
30740
  }
30720
30741
  function isInner(value) {
30721
30742
  return props.double && value - props.min >= roundCount.value;
@@ -32149,7 +32170,7 @@ function createVuetify$1() {
32149
32170
  };
32150
32171
  });
32151
32172
  }
32152
- const version$1 = "3.8.9-master.2025-06-12";
32173
+ const version$1 = "3.8.9-master.2025-06-13";
32153
32174
  createVuetify$1.version = version$1;
32154
32175
 
32155
32176
  // Vue's inject() can only be used in setup
@@ -32447,7 +32468,7 @@ var index = /*#__PURE__*/Object.freeze({
32447
32468
 
32448
32469
  /* eslint-disable local-rules/sort-imports */
32449
32470
 
32450
- const version = "3.8.9-master.2025-06-12";
32471
+ const version = "3.8.9-master.2025-06-13";
32451
32472
 
32452
32473
  /* eslint-disable local-rules/sort-imports */
32453
32474