@vuetify/nightly 3.8.7-master.2025-06-02 → 3.8.8-master.2025-06-04

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 (55) hide show
  1. package/CHANGELOG.md +5 -16
  2. package/dist/json/attributes.json +1935 -1935
  3. package/dist/json/importMap-labs.json +12 -12
  4. package/dist/json/importMap.json +172 -172
  5. package/dist/json/web-types.json +3629 -3629
  6. package/dist/vuetify-labs.cjs +29 -11
  7. package/dist/vuetify-labs.css +3132 -3126
  8. package/dist/vuetify-labs.d.ts +61 -55
  9. package/dist/vuetify-labs.esm.js +30 -12
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +29 -11
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +29 -11
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +1342 -1336
  16. package/dist/vuetify.d.ts +61 -55
  17. package/dist/vuetify.esm.js +30 -12
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +29 -11
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +1002 -999
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VAutocomplete/VAutocomplete.css +6 -6
  25. package/lib/components/VAutocomplete/VAutocomplete.sass +3 -9
  26. package/lib/components/VChip/VChip.js +1 -0
  27. package/lib/components/VChip/VChip.js.map +1 -1
  28. package/lib/components/VCombobox/VCombobox.css +6 -6
  29. package/lib/components/VCombobox/VCombobox.sass +3 -9
  30. package/lib/components/VSelect/VSelect.css +6 -0
  31. package/lib/components/VSelect/VSelect.sass +3 -0
  32. package/lib/components/VSelect/_mixins.scss +14 -0
  33. package/lib/components/VSlider/VSliderThumb.js +12 -6
  34. package/lib/components/VSlider/VSliderThumb.js.map +1 -1
  35. package/lib/components/VSlider/slider.js +4 -1
  36. package/lib/components/VSlider/slider.js.map +1 -1
  37. package/lib/composables/icons.d.ts +6 -0
  38. package/lib/composables/icons.js.map +1 -1
  39. package/lib/composables/list-items.js +2 -2
  40. package/lib/composables/list-items.js.map +1 -1
  41. package/lib/entry-bundler.js +1 -1
  42. package/lib/framework.d.ts +61 -55
  43. package/lib/framework.js +1 -1
  44. package/lib/iconsets/fa.js +3 -1
  45. package/lib/iconsets/fa.js.map +1 -1
  46. package/lib/iconsets/fa4.js +3 -1
  47. package/lib/iconsets/fa4.js.map +1 -1
  48. package/lib/iconsets/md.js +3 -1
  49. package/lib/iconsets/md.js.map +1 -1
  50. package/lib/iconsets/mdi-svg.js +3 -1
  51. package/lib/iconsets/mdi-svg.js.map +1 -1
  52. package/lib/util/helpers.d.ts +1 -0
  53. package/lib/util/helpers.js +9 -1
  54. package/lib/util/helpers.js.map +1 -1
  55. package/package.json +1 -1
package/dist/vuetify.d.ts CHANGED
@@ -258,6 +258,7 @@ type IconValue = string | (string | [path: string, opacity: number])[] | JSXComp
258
258
  declare const IconValue: PropType<IconValue>;
259
259
  interface IconAliases {
260
260
  [name: string]: IconValue;
261
+ collapse: IconValue;
261
262
  complete: IconValue;
262
263
  cancel: IconValue;
263
264
  close: IconValue;
@@ -293,6 +294,11 @@ interface IconAliases {
293
294
  plus: IconValue;
294
295
  minus: IconValue;
295
296
  calendar: IconValue;
297
+ treeviewCollapse: IconValue;
298
+ treeviewExpand: IconValue;
299
+ eyeDropper: IconValue;
300
+ upload: IconValue;
301
+ color: IconValue;
296
302
  }
297
303
  interface IconProps {
298
304
  tag: string | JSXComponent;
@@ -85901,42 +85907,49 @@ declare module 'vue' {
85901
85907
  $children?: VNodeChild
85902
85908
  }
85903
85909
  export interface GlobalComponents {
85904
- VAppBar: VAppBar
85905
- VAppBarNavIcon: VAppBarNavIcon
85906
- VAppBarTitle: VAppBarTitle
85907
85910
  VApp: VApp
85908
85911
  VAlert: VAlert
85909
85912
  VAlertTitle: VAlertTitle
85913
+ VAppBar: VAppBar
85914
+ VAppBarNavIcon: VAppBarNavIcon
85915
+ VAppBarTitle: VAppBarTitle
85910
85916
  VAutocomplete: VAutocomplete
85911
- VBottomNavigation: VBottomNavigation
85912
85917
  VAvatar: VAvatar
85913
- VBadge: VBadge
85914
85918
  VBanner: VBanner
85915
85919
  VBannerActions: VBannerActions
85916
85920
  VBannerText: VBannerText
85917
- VBtn: VBtn
85918
- VBottomSheet: VBottomSheet
85921
+ VBadge: VBadge
85922
+ VBottomNavigation: VBottomNavigation
85919
85923
  VBreadcrumbs: VBreadcrumbs
85920
85924
  VBreadcrumbsItem: VBreadcrumbsItem
85921
85925
  VBreadcrumbsDivider: VBreadcrumbsDivider
85926
+ VBottomSheet: VBottomSheet
85927
+ VBtnGroup: VBtnGroup
85922
85928
  VBtnToggle: VBtnToggle
85923
- VCarousel: VCarousel
85924
- VCarouselItem: VCarouselItem
85929
+ VBtn: VBtn
85925
85930
  VCard: VCard
85926
85931
  VCardActions: VCardActions
85927
85932
  VCardItem: VCardItem
85928
85933
  VCardSubtitle: VCardSubtitle
85929
85934
  VCardText: VCardText
85930
85935
  VCardTitle: VCardTitle
85936
+ VCarousel: VCarousel
85937
+ VCarouselItem: VCarouselItem
85931
85938
  VCheckbox: VCheckbox
85932
85939
  VCheckboxBtn: VCheckboxBtn
85933
- VBtnGroup: VBtnGroup
85934
85940
  VChipGroup: VChipGroup
85935
85941
  VChip: VChip
85936
85942
  VCombobox: VCombobox
85937
85943
  VCode: VCode
85938
85944
  VColorPicker: VColorPicker
85939
85945
  VCounter: VCounter
85946
+ VDialog: VDialog
85947
+ VDatePicker: VDatePicker
85948
+ VDatePickerControls: VDatePickerControls
85949
+ VDatePickerHeader: VDatePickerHeader
85950
+ VDatePickerMonth: VDatePickerMonth
85951
+ VDatePickerMonths: VDatePickerMonths
85952
+ VDatePickerYears: VDatePickerYears
85940
85953
  VDataTable: VDataTable
85941
85954
  VDataTableHeaders: VDataTableHeaders
85942
85955
  VDataTableFooter: VDataTableFooter
@@ -85944,33 +85957,26 @@ declare module 'vue' {
85944
85957
  VDataTableRow: VDataTableRow
85945
85958
  VDataTableVirtual: VDataTableVirtual
85946
85959
  VDataTableServer: VDataTableServer
85947
- VDatePicker: VDatePicker
85948
- VDatePickerControls: VDatePickerControls
85949
- VDatePickerHeader: VDatePickerHeader
85950
- VDatePickerMonth: VDatePickerMonth
85951
- VDatePickerMonths: VDatePickerMonths
85952
- VDatePickerYears: VDatePickerYears
85953
- VDialog: VDialog
85954
- VFab: VFab
85960
+ VDivider: VDivider
85955
85961
  VEmptyState: VEmptyState
85962
+ VFooter: VFooter
85963
+ VFileInput: VFileInput
85956
85964
  VExpansionPanels: VExpansionPanels
85957
85965
  VExpansionPanel: VExpansionPanel
85958
85966
  VExpansionPanelText: VExpansionPanelText
85959
85967
  VExpansionPanelTitle: VExpansionPanelTitle
85960
- VDivider: VDivider
85961
- VFileInput: VFileInput
85962
- VField: VField
85963
- VFieldLabel: VFieldLabel
85964
- VFooter: VFooter
85965
- VImg: VImg
85966
- VInput: VInput
85968
+ VFab: VFab
85967
85969
  VIcon: VIcon
85968
85970
  VComponentIcon: VComponentIcon
85969
85971
  VSvgIcon: VSvgIcon
85970
85972
  VLigatureIcon: VLigatureIcon
85971
85973
  VClassIcon: VClassIcon
85974
+ VImg: VImg
85975
+ VInfiniteScroll: VInfiniteScroll
85972
85976
  VItemGroup: VItemGroup
85973
85977
  VItem: VItem
85978
+ VLabel: VLabel
85979
+ VKbd: VKbd
85974
85980
  VList: VList
85975
85981
  VListGroup: VListGroup
85976
85982
  VListImg: VListImg
@@ -85980,76 +85986,73 @@ declare module 'vue' {
85980
85986
  VListItemSubtitle: VListItemSubtitle
85981
85987
  VListItemTitle: VListItemTitle
85982
85988
  VListSubheader: VListSubheader
85983
- VInfiniteScroll: VInfiniteScroll
85984
- VKbd: VKbd
85985
- VLabel: VLabel
85986
- VMessages: VMessages
85989
+ VMain: VMain
85987
85990
  VNavigationDrawer: VNavigationDrawer
85988
85991
  VMenu: VMenu
85989
- VMain: VMain
85990
- VOtpInput: VOtpInput
85991
85992
  VNumberInput: VNumberInput
85993
+ VMessages: VMessages
85992
85994
  VOverlay: VOverlay
85993
- VProgressCircular: VProgressCircular
85994
85995
  VPagination: VPagination
85996
+ VProgressCircular: VProgressCircular
85997
+ VOtpInput: VOtpInput
85995
85998
  VProgressLinear: VProgressLinear
85996
- VRating: VRating
85997
- VSelectionControlGroup: VSelectionControlGroup
85998
85999
  VRadioGroup: VRadioGroup
85999
86000
  VSelect: VSelect
86000
- VSlideGroup: VSlideGroup
86001
- VSlideGroupItem: VSlideGroupItem
86002
86001
  VSelectionControl: VSelectionControl
86003
- VSkeletonLoader: VSkeletonLoader
86002
+ VRating: VRating
86003
+ VSelectionControlGroup: VSelectionControlGroup
86004
86004
  VSheet: VSheet
86005
+ VSkeletonLoader: VSkeletonLoader
86006
+ VSlideGroup: VSlideGroup
86007
+ VSlideGroupItem: VSlideGroupItem
86005
86008
  VSnackbar: VSnackbar
86009
+ VSlider: VSlider
86010
+ VField: VField
86011
+ VFieldLabel: VFieldLabel
86012
+ VSwitch: VSwitch
86013
+ VSystemBar: VSystemBar
86014
+ VTab: VTab
86015
+ VTabs: VTabs
86016
+ VTabsWindow: VTabsWindow
86017
+ VTabsWindowItem: VTabsWindowItem
86006
86018
  VStepper: VStepper
86007
86019
  VStepperActions: VStepperActions
86008
86020
  VStepperHeader: VStepperHeader
86009
86021
  VStepperItem: VStepperItem
86010
86022
  VStepperWindow: VStepperWindow
86011
86023
  VStepperWindowItem: VStepperWindowItem
86012
- VTab: VTab
86013
- VTabs: VTabs
86014
- VTabsWindow: VTabsWindow
86015
- VTabsWindowItem: VTabsWindowItem
86016
- VSlider: VSlider
86017
- VSystemBar: VSystemBar
86018
- VSwitch: VSwitch
86019
86024
  VTable: VTable
86025
+ VTextField: VTextField
86026
+ VTextarea: VTextarea
86020
86027
  VTimeline: VTimeline
86021
86028
  VTimelineItem: VTimelineItem
86022
- VTextarea: VTextarea
86023
- VTextField: VTextField
86029
+ VTooltip: VTooltip
86024
86030
  VToolbar: VToolbar
86025
86031
  VToolbarTitle: VToolbarTitle
86026
86032
  VToolbarItems: VToolbarItems
86027
86033
  VWindow: VWindow
86028
86034
  VWindowItem: VWindowItem
86029
- VTooltip: VTooltip
86030
86035
  VConfirmEdit: VConfirmEdit
86031
86036
  VDataIterator: VDataIterator
86032
- VDefaultsProvider: VDefaultsProvider
86033
86037
  VForm: VForm
86034
- VHover: VHover
86035
86038
  VContainer: VContainer
86036
86039
  VCol: VCol
86037
86040
  VRow: VRow
86038
86041
  VSpacer: VSpacer
86042
+ VHover: VHover
86039
86043
  VLayout: VLayout
86040
86044
  VLayoutItem: VLayoutItem
86041
86045
  VLazy: VLazy
86042
86046
  VLocaleProvider: VLocaleProvider
86043
86047
  VNoSsr: VNoSsr
86044
86048
  VParallax: VParallax
86049
+ VRangeSlider: VRangeSlider
86045
86050
  VRadio: VRadio
86046
86051
  VResponsive: VResponsive
86047
- VRangeSlider: VRangeSlider
86048
- VSnackbarQueue: VSnackbarQueue
86049
86052
  VSparkline: VSparkline
86053
+ VSnackbarQueue: VSnackbarQueue
86050
86054
  VSpeedDial: VSpeedDial
86051
86055
  VThemeProvider: VThemeProvider
86052
- VVirtualScroll: VVirtualScroll
86053
86056
  VValidation: VValidation
86054
86057
  VFabTransition: VFabTransition
86055
86058
  VDialogBottomTransition: VDialogBottomTransition
@@ -86067,28 +86070,31 @@ declare module 'vue' {
86067
86070
  VExpandTransition: VExpandTransition
86068
86071
  VExpandXTransition: VExpandXTransition
86069
86072
  VDialogTransition: VDialogTransition
86070
- VColorInput: VColorInput
86073
+ VVirtualScroll: VVirtualScroll
86074
+ VInput: VInput
86075
+ VDefaultsProvider: VDefaultsProvider
86071
86076
  VCalendar: VCalendar
86072
86077
  VCalendarDay: VCalendarDay
86073
86078
  VCalendarHeader: VCalendarHeader
86074
86079
  VCalendarInterval: VCalendarInterval
86075
86080
  VCalendarIntervalEvent: VCalendarIntervalEvent
86076
86081
  VCalendarMonthDay: VCalendarMonthDay
86077
- VIconBtn: VIconBtn
86078
86082
  VFileUpload: VFileUpload
86079
86083
  VFileUploadItem: VFileUploadItem
86084
+ VColorInput: VColorInput
86080
86085
  VPicker: VPicker
86081
86086
  VPickerTitle: VPickerTitle
86082
86087
  VStepperVertical: VStepperVertical
86083
86088
  VStepperVerticalItem: VStepperVerticalItem
86084
86089
  VStepperVerticalActions: VStepperVerticalActions
86090
+ VIconBtn: VIconBtn
86085
86091
  VTimePicker: VTimePicker
86086
86092
  VTimePickerClock: VTimePickerClock
86087
86093
  VTimePickerControls: VTimePickerControls
86088
- VDateInput: VDateInput
86089
86094
  VTreeview: VTreeview
86090
86095
  VTreeviewItem: VTreeviewItem
86091
86096
  VTreeviewGroup: VTreeviewGroup
86097
+ VDateInput: VDateInput
86092
86098
  VPullToRefresh: VPullToRefresh
86093
86099
  }
86094
86100
  }
@@ -1,10 +1,10 @@
1
1
  /*!
2
- * Vuetify v3.8.7-master.2025-06-02
2
+ * Vuetify v3.8.8-master.2025-06-04
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
6
6
 
7
- import { shallowRef, reactive, watchEffect, toRef, capitalize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
7
+ import { shallowRef, reactive, watchEffect, toRef, capitalize, camelize, unref, Fragment, isVNode, Comment, warn, getCurrentInstance as getCurrentInstance$1, ref, computed, provide, inject as inject$1, defineComponent as defineComponent$1, h, createVNode, mergeProps, createElementVNode, normalizeClass, toValue, onBeforeUnmount, watch, readonly, onMounted, useId, onDeactivated, onActivated, onScopeDispose, effectScope, toRaw, normalizeStyle, TransitionGroup, Transition, toRefs, isRef, onBeforeMount, nextTick, withDirectives, vShow, onUpdated, Text, resolveDynamicComponent, toDisplayString, markRaw, Teleport, cloneVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, onBeforeUpdate, withModifiers, vModelText, resolveComponent, render } from 'vue';
8
8
 
9
9
  const IN_BROWSER = typeof window !== 'undefined';
10
10
  const SUPPORTS_INTERSECTION = IN_BROWSER && 'IntersectionObserver' in window;
@@ -525,6 +525,14 @@ function extractNumber(text, decimalDigitsLimit) {
525
525
  }
526
526
  return cleanText;
527
527
  }
528
+ function camelizeProps(props) {
529
+ if (!props) return;
530
+ const out = {};
531
+ for (const prop in props) {
532
+ out[camelize(prop)] = props[prop];
533
+ }
534
+ return out;
535
+ }
528
536
 
529
537
  // Utilities
530
538
  const block = ['top', 'bottom'];
@@ -8374,6 +8382,7 @@ const VChip = genericComponent()({
8374
8382
  const isClickable = computed(() => !props.disabled && props.link !== false && (!!group || props.link || link.isClickable.value));
8375
8383
  const closeProps = toRef(() => ({
8376
8384
  'aria-label': t(props.closeLabel),
8385
+ disabled: props.disabled,
8377
8386
  onClick(e) {
8378
8387
  e.preventDefault();
8379
8388
  e.stopPropagation();
@@ -9855,7 +9864,7 @@ function transformItem$3(props, item) {
9855
9864
  const _props = {
9856
9865
  title,
9857
9866
  value,
9858
- ...itemProps
9867
+ ...camelizeProps(itemProps)
9859
9868
  };
9860
9869
  return {
9861
9870
  title: String(_props.title ?? ''),
@@ -16162,7 +16171,10 @@ const useSteps = props => {
16162
16171
  if (step.value <= 0) return value;
16163
16172
  const clamped = clamp(value, min.value, max.value);
16164
16173
  const offset = min.value % step.value;
16165
- const newValue = Math.round((clamped - offset) / step.value) * step.value + offset;
16174
+ let newValue = Math.round((clamped - offset) / step.value) * step.value + offset;
16175
+ if (clamped > newValue && newValue + step.value > max.value) {
16176
+ newValue = max.value;
16177
+ }
16166
16178
  return parseFloat(Math.min(newValue, max.value).toFixed(decimals.value));
16167
16179
  }
16168
16180
  return {
@@ -16418,6 +16430,8 @@ const VSliderThumb = genericComponent()({
16418
16430
  } = useRtl();
16419
16431
  if (!slider) throw new Error('[Vuetify] v-slider-thumb must be used inside v-slider or v-range-slider');
16420
16432
  const {
16433
+ min,
16434
+ max,
16421
16435
  thumbColor,
16422
16436
  step,
16423
16437
  disabled,
@@ -16458,16 +16472,20 @@ const VSliderThumb = genericComponent()({
16458
16472
  if (!relevantKeys.includes(e.key)) return;
16459
16473
  e.preventDefault();
16460
16474
  const _step = step.value || 0.1;
16461
- const steps = (props.max - props.min) / _step;
16475
+ const steps = (max.value - min.value) / _step;
16462
16476
  if ([left, right, down, up].includes(e.key)) {
16463
16477
  const increase = vertical.value ? [isRtl.value ? left : right, isReversed.value ? down : up] : indexFromEnd.value !== isRtl.value ? [left, up] : [right, up];
16464
16478
  const direction = increase.includes(e.key) ? 1 : -1;
16465
16479
  const multiplier = e.shiftKey ? 2 : e.ctrlKey ? 1 : 0;
16466
- value = value + direction * _step * multipliers.value[multiplier];
16480
+ if (direction === -1 && value === max.value && !multiplier && !Number.isInteger(steps)) {
16481
+ value = value - steps % 1 * _step;
16482
+ } else {
16483
+ value = value + direction * _step * multipliers.value[multiplier];
16484
+ }
16467
16485
  } else if (e.key === home) {
16468
- value = props.min;
16486
+ value = min.value;
16469
16487
  } else if (e.key === end) {
16470
- value = props.max;
16488
+ value = max.value;
16471
16489
  } else {
16472
16490
  const direction = e.key === pagedown ? 1 : -1;
16473
16491
  value = value - direction * _step * (steps > 100 ? steps / 10 : 10);
@@ -16492,8 +16510,8 @@ const VSliderThumb = genericComponent()({
16492
16510
  "role": "slider",
16493
16511
  "tabindex": disabled.value ? -1 : 0,
16494
16512
  "aria-label": props.name,
16495
- "aria-valuemin": props.min,
16496
- "aria-valuemax": props.max,
16513
+ "aria-valuemin": min.value,
16514
+ "aria-valuemax": max.value,
16497
16515
  "aria-valuenow": props.modelValue,
16498
16516
  "aria-readonly": !!readonly.value,
16499
16517
  "aria-orientation": direction.value,
@@ -29382,7 +29400,7 @@ function createVuetify$1() {
29382
29400
  };
29383
29401
  });
29384
29402
  }
29385
- const version$1 = "3.8.7-master.2025-06-02";
29403
+ const version$1 = "3.8.8-master.2025-06-04";
29386
29404
  createVuetify$1.version = version$1;
29387
29405
 
29388
29406
  // Vue's inject() can only be used in setup
@@ -29407,7 +29425,7 @@ const createVuetify = function () {
29407
29425
  ...options
29408
29426
  });
29409
29427
  };
29410
- const version = "3.8.7-master.2025-06-02";
29428
+ const version = "3.8.8-master.2025-06-04";
29411
29429
  createVuetify.version = version;
29412
29430
 
29413
29431
  export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };