@vuetify/nightly 3.9.0-master.2025-07-13 → 3.9.0-master.2025-07-15

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.9.0-master.2025-07-13
2
+ * Vuetify v3.9.0-master.2025-07-15
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -2380,8 +2380,8 @@ if(m.run((()=>{o.install(u)})),u.onUnmount((()=>m.stop())),u.provide(Nt,e),u.pro
2380
2380
  else{const{mount:e}=u
2381
2381
  u.mount=function(){const a=e(...arguments)
2382
2382
  return t.nextTick((()=>l.update())),u.mount=e,a}}("boolean"!=typeof __VUE_OPTIONS_API__||__VUE_OPTIONS_API__)&&u.mixin({computed:{$vuetify(){return t.reactive({defaults:of.call(this,Nt),display:of.call(this,Bn),theme:of.call(this,xa),icons:of.call(this,jt),locale:of.call(this,ba),date:of.call(this,Fu)})}}})},unmount:function(){u.stop()},defaults:e,display:l,theme:o,icons:c,locale:d,date:v,goTo:p}}))}function of(e){const t=this.$,a=t.parent?.provides??t.vnode.appContext?.provides
2383
- if(a&&e in a)return a[e]}lf.version="3.9.0-master.2025-07-13"
2384
- const nf=function(){return lf({components:qm,directives:af,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},rf="3.9.0-master.2025-07-13"
2383
+ if(a&&e in a)return a[e]}lf.version="3.9.0-master.2025-07-15"
2384
+ const nf=function(){return lf({components:qm,directives:af,...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}})},rf="3.9.0-master.2025-07-15"
2385
2385
  nf.version=rf,e.blueprints=ea,e.components=qm,e.createVuetify=nf,e.directives=af,e.useDate=Mu,e.useDefaults=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0
2386
2386
  const{props:a,provideSubDefaults:l}=It(e,t)
2387
2387
  return l(),a},e.useDisplay=zn,e.useGoTo=Hn,e.useHotkey=function(e,l){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}
@@ -16,7 +16,7 @@ export const createVuetify = function () {
16
16
  ...options
17
17
  });
18
18
  };
19
- export const version = "3.9.0-master.2025-07-13";
19
+ export const version = "3.9.0-master.2025-07-15";
20
20
  createVuetify.version = version;
21
21
  export { blueprints, components, directives };
22
22
  export * from "./composables/index.js";
@@ -2577,41 +2577,42 @@ declare module 'vue' {
2577
2577
  $children?: VNodeChild
2578
2578
  }
2579
2579
  export interface GlobalComponents {
2580
- VApp: typeof import('vuetify/components')['VApp']
2581
- VAvatar: typeof import('vuetify/components')['VAvatar']
2582
- VBanner: typeof import('vuetify/components')['VBanner']
2583
- VBannerActions: typeof import('vuetify/components')['VBannerActions']
2584
- VBannerText: typeof import('vuetify/components')['VBannerText']
2585
2580
  VAppBar: typeof import('vuetify/components')['VAppBar']
2586
2581
  VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
2587
2582
  VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
2583
+ VApp: typeof import('vuetify/components')['VApp']
2584
+ VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
2588
2585
  VAlert: typeof import('vuetify/components')['VAlert']
2589
2586
  VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
2587
+ VAvatar: typeof import('vuetify/components')['VAvatar']
2588
+ VBanner: typeof import('vuetify/components')['VBanner']
2589
+ VBannerActions: typeof import('vuetify/components')['VBannerActions']
2590
+ VBannerText: typeof import('vuetify/components')['VBannerText']
2590
2591
  VBadge: typeof import('vuetify/components')['VBadge']
2591
2592
  VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
2592
2593
  VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
2593
2594
  VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
2594
2595
  VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
2595
2596
  VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
2596
- VBtn: typeof import('vuetify/components')['VBtn']
2597
2597
  VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
2598
- VCarousel: typeof import('vuetify/components')['VCarousel']
2599
- VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
2600
2598
  VCard: typeof import('vuetify/components')['VCard']
2601
2599
  VCardActions: typeof import('vuetify/components')['VCardActions']
2602
2600
  VCardItem: typeof import('vuetify/components')['VCardItem']
2603
2601
  VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
2604
2602
  VCardText: typeof import('vuetify/components')['VCardText']
2605
2603
  VCardTitle: typeof import('vuetify/components')['VCardTitle']
2606
- VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
2607
- VCheckbox: typeof import('vuetify/components')['VCheckbox']
2608
- VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
2604
+ VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
2605
+ VChip: typeof import('vuetify/components')['VChip']
2606
+ VBtn: typeof import('vuetify/components')['VBtn']
2609
2607
  VChipGroup: typeof import('vuetify/components')['VChipGroup']
2610
2608
  VCode: typeof import('vuetify/components')['VCode']
2611
- VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
2612
- VColorPicker: typeof import('vuetify/components')['VColorPicker']
2613
2609
  VCombobox: typeof import('vuetify/components')['VCombobox']
2614
2610
  VCounter: typeof import('vuetify/components')['VCounter']
2611
+ VColorPicker: typeof import('vuetify/components')['VColorPicker']
2612
+ VCarousel: typeof import('vuetify/components')['VCarousel']
2613
+ VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
2614
+ VCheckbox: typeof import('vuetify/components')['VCheckbox']
2615
+ VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
2615
2616
  VDataTable: typeof import('vuetify/components')['VDataTable']
2616
2617
  VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
2617
2618
  VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2619,25 +2620,24 @@ declare module 'vue' {
2619
2620
  VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
2620
2621
  VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
2621
2622
  VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
2622
- VChip: typeof import('vuetify/components')['VChip']
2623
- VDialog: typeof import('vuetify/components')['VDialog']
2624
- VDivider: typeof import('vuetify/components')['VDivider']
2625
2623
  VDatePicker: typeof import('vuetify/components')['VDatePicker']
2626
2624
  VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
2627
2625
  VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
2628
2626
  VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
2629
2627
  VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
2630
2628
  VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
2629
+ VDialog: typeof import('vuetify/components')['VDialog']
2630
+ VDivider: typeof import('vuetify/components')['VDivider']
2631
+ VEmptyState: typeof import('vuetify/components')['VEmptyState']
2632
+ VField: typeof import('vuetify/components')['VField']
2633
+ VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
2631
2634
  VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
2632
2635
  VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
2633
2636
  VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
2634
2637
  VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
2635
- VFab: typeof import('vuetify/components')['VFab']
2636
2638
  VFooter: typeof import('vuetify/components')['VFooter']
2637
- VField: typeof import('vuetify/components')['VField']
2638
- VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
2639
2639
  VFileInput: typeof import('vuetify/components')['VFileInput']
2640
- VEmptyState: typeof import('vuetify/components')['VEmptyState']
2640
+ VFab: typeof import('vuetify/components')['VFab']
2641
2641
  VIcon: typeof import('vuetify/components')['VIcon']
2642
2642
  VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
2643
2643
  VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
@@ -2645,13 +2645,11 @@ declare module 'vue' {
2645
2645
  VClassIcon: typeof import('vuetify/components')['VClassIcon']
2646
2646
  VImg: typeof import('vuetify/components')['VImg']
2647
2647
  VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
2648
+ VInput: typeof import('vuetify/components')['VInput']
2648
2649
  VItemGroup: typeof import('vuetify/components')['VItemGroup']
2649
2650
  VItem: typeof import('vuetify/components')['VItem']
2650
2651
  VLabel: typeof import('vuetify/components')['VLabel']
2651
2652
  VKbd: typeof import('vuetify/components')['VKbd']
2652
- VInput: typeof import('vuetify/components')['VInput']
2653
- VMain: typeof import('vuetify/components')['VMain']
2654
- VMenu: typeof import('vuetify/components')['VMenu']
2655
2653
  VList: typeof import('vuetify/components')['VList']
2656
2654
  VListGroup: typeof import('vuetify/components')['VListGroup']
2657
2655
  VListImg: typeof import('vuetify/components')['VListImg']
@@ -2661,54 +2659,53 @@ declare module 'vue' {
2661
2659
  VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
2662
2660
  VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
2663
2661
  VListSubheader: typeof import('vuetify/components')['VListSubheader']
2664
- VMessages: typeof import('vuetify/components')['VMessages']
2662
+ VMenu: typeof import('vuetify/components')['VMenu']
2663
+ VMain: typeof import('vuetify/components')['VMain']
2665
2664
  VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
2666
- VNumberInput: typeof import('vuetify/components')['VNumberInput']
2667
- VOverlay: typeof import('vuetify/components')['VOverlay']
2665
+ VOtpInput: typeof import('vuetify/components')['VOtpInput']
2668
2666
  VPagination: typeof import('vuetify/components')['VPagination']
2667
+ VNumberInput: typeof import('vuetify/components')['VNumberInput']
2668
+ VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
2669
2669
  VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
2670
+ VMessages: typeof import('vuetify/components')['VMessages']
2671
+ VOverlay: typeof import('vuetify/components')['VOverlay']
2670
2672
  VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
2671
- VOtpInput: typeof import('vuetify/components')['VOtpInput']
2672
- VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
2673
+ VRating: typeof import('vuetify/components')['VRating']
2673
2674
  VSelect: typeof import('vuetify/components')['VSelect']
2674
2675
  VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
2675
- VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
2676
- VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
2677
2676
  VSheet: typeof import('vuetify/components')['VSheet']
2678
- VSnackbar: typeof import('vuetify/components')['VSnackbar']
2679
- VRating: typeof import('vuetify/components')['VRating']
2677
+ VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
2678
+ VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
2679
+ VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
2680
2680
  VSlider: typeof import('vuetify/components')['VSlider']
2681
+ VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
2682
+ VSnackbar: typeof import('vuetify/components')['VSnackbar']
2683
+ VSystemBar: typeof import('vuetify/components')['VSystemBar']
2681
2684
  VStepper: typeof import('vuetify/components')['VStepper']
2682
2685
  VStepperActions: typeof import('vuetify/components')['VStepperActions']
2683
2686
  VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
2684
2687
  VStepperItem: typeof import('vuetify/components')['VStepperItem']
2685
2688
  VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
2686
2689
  VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
2687
- VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
2688
- VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
2689
- VSwitch: typeof import('vuetify/components')['VSwitch']
2690
- VSystemBar: typeof import('vuetify/components')['VSystemBar']
2691
- VTextarea: typeof import('vuetify/components')['VTextarea']
2692
- VTable: typeof import('vuetify/components')['VTable']
2693
2690
  VTab: typeof import('vuetify/components')['VTab']
2694
2691
  VTabs: typeof import('vuetify/components')['VTabs']
2695
2692
  VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
2696
2693
  VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
2697
- VTextField: typeof import('vuetify/components')['VTextField']
2694
+ VSwitch: typeof import('vuetify/components')['VSwitch']
2695
+ VTable: typeof import('vuetify/components')['VTable']
2698
2696
  VTimeline: typeof import('vuetify/components')['VTimeline']
2699
2697
  VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
2700
- VTimePicker: typeof import('vuetify/components')['VTimePicker']
2701
- VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
2702
- VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
2698
+ VTextField: typeof import('vuetify/components')['VTextField']
2699
+ VTextarea: typeof import('vuetify/components')['VTextarea']
2700
+ VTooltip: typeof import('vuetify/components')['VTooltip']
2701
+ VTreeview: typeof import('vuetify/components')['VTreeview']
2702
+ VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
2703
+ VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
2703
2704
  VToolbar: typeof import('vuetify/components')['VToolbar']
2704
2705
  VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
2705
2706
  VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
2706
- VTooltip: typeof import('vuetify/components')['VTooltip']
2707
2707
  VWindow: typeof import('vuetify/components')['VWindow']
2708
2708
  VWindowItem: typeof import('vuetify/components')['VWindowItem']
2709
- VTreeview: typeof import('vuetify/components')['VTreeview']
2710
- VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
2711
- VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
2712
2709
  VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
2713
2710
  VDataIterator: typeof import('vuetify/components')['VDataIterator']
2714
2711
  VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
@@ -2722,17 +2719,16 @@ declare module 'vue' {
2722
2719
  VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
2723
2720
  VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
2724
2721
  VNoSsr: typeof import('vuetify/components')['VNoSsr']
2725
- VLazy: typeof import('vuetify/components')['VLazy']
2726
- VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
2727
2722
  VParallax: typeof import('vuetify/components')['VParallax']
2723
+ VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
2728
2724
  VRadio: typeof import('vuetify/components')['VRadio']
2729
2725
  VResponsive: typeof import('vuetify/components')['VResponsive']
2730
- VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
2731
2726
  VSparkline: typeof import('vuetify/components')['VSparkline']
2732
- VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
2727
+ VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
2733
2728
  VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
2734
- VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
2735
2729
  VValidation: typeof import('vuetify/components')['VValidation']
2730
+ VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
2731
+ VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
2736
2732
  VFabTransition: typeof import('vuetify/components')['VFabTransition']
2737
2733
  VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
2738
2734
  VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2749,25 +2745,29 @@ declare module 'vue' {
2749
2745
  VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
2750
2746
  VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
2751
2747
  VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
2752
- VCalendar: typeof import('vuetify/labs/components')['VCalendar']
2753
- VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
2754
- VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
2755
- VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
2756
- VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
2757
- VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
2748
+ VTimePicker: typeof import('vuetify/components')['VTimePicker']
2749
+ VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
2750
+ VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
2751
+ VLazy: typeof import('vuetify/components')['VLazy']
2752
+ VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
2753
+ VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
2754
+ VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
2758
2755
  VColorInput: typeof import('vuetify/labs/components')['VColorInput']
2756
+ VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
2759
2757
  VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
2760
2758
  VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
2761
2759
  VPicker: typeof import('vuetify/labs/components')['VPicker']
2762
2760
  VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
2763
- VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
2764
2761
  VHotkey: typeof import('vuetify/labs/components')['VHotkey']
2765
- VDateInput: typeof import('vuetify/labs/components')['VDateInput']
2766
- VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
2767
- VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
2768
- VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
2769
2762
  VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
2763
+ VDateInput: typeof import('vuetify/labs/components')['VDateInput']
2770
2764
  VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
2765
+ VCalendar: typeof import('vuetify/labs/components')['VCalendar']
2766
+ VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
2767
+ VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
2768
+ VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
2769
+ VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
2770
+ VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
2771
2771
  }
2772
2772
  export interface GlobalDirectives {
2773
2773
  vClickOutside: typeof import('vuetify/directives')['ClickOutside']
package/lib/framework.js CHANGED
@@ -109,7 +109,7 @@ export function createVuetify() {
109
109
  };
110
110
  });
111
111
  }
112
- export const version = "3.9.0-master.2025-07-13";
112
+ export const version = "3.9.0-master.2025-07-15";
113
113
  createVuetify.version = version;
114
114
 
115
115
  // Vue's inject() can only be used in setup
@@ -47,9 +47,10 @@ export const VFileUploadItem = genericComponent()({
47
47
  useRender(() => {
48
48
  const listItemProps = VListItem.filterProps(props);
49
49
  return _createVNode(VListItem, _mergeProps(listItemProps, {
50
+ "class": ['v-file-upload-item', props.class],
50
51
  "title": props.title ?? props.file?.name,
51
52
  "subtitle": props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type,
52
- "class": "v-file-upload-item"
53
+ "style": props.style
53
54
  }), {
54
55
  ...slots,
55
56
  title: () => props?.title ?? props.file?.name,
@@ -1 +1 @@
1
- {"version":3,"file":"VFileUploadItem.js","names":["VAvatar","VBtn","VDefaultsProvider","makeVListItemProps","VListItem","computed","ref","watchEffect","genericComponent","humanReadableFileSize","propsFactory","useRender","makeVFileUploadItemProps","clearable","Boolean","file","type","Object","default","fileIcon","String","showSize","border","rounded","lines","VFileUploadItem","name","props","emits","click:remove","click","e","setup","_ref","emit","slots","preview","base","undefined","onClickRemove","value","startsWith","URL","createObjectURL","listItemProps","filterProps","_createVNode","_mergeProps","title","size","prepend","slotProps","_createElementVNode","_Fragment","image","icon","append","clear","density","variant","onClick"],"sources":["../../../src/labs/VFileUpload/VFileUploadItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar/VAvatar'\nimport { VBtn } from '@/components/VBtn/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\n\n// Utilities\nimport { computed, ref, watchEffect } from 'vue'\nimport { genericComponent, humanReadableFileSize, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport type VFileUploadItemSlots = {\n clear: {\n props: { onClick: () => void }\n }\n} & VListItemSlots\n\nexport const makeVFileUploadItemProps = propsFactory({\n clearable: Boolean,\n file: {\n type: Object as PropType<File>,\n default: null,\n },\n fileIcon: {\n type: String,\n // TODO: setup up a proper aliased icon\n default: 'mdi-file-document',\n },\n showSize: Boolean,\n\n ...makeVListItemProps({\n border: true,\n rounded: true,\n lines: 'two' as const,\n }),\n}, 'VFileUploadItem')\n\nexport const VFileUploadItem = genericComponent<VFileUploadItemSlots>()({\n name: 'VFileUploadItem',\n\n props: makeVFileUploadItemProps(),\n\n emits: {\n 'click:remove': () => true,\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { emit, slots }) {\n const preview = ref()\n const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n\n function onClickRemove () {\n emit('click:remove')\n }\n\n watchEffect(() => {\n preview.value = props.file?.type.startsWith('image') ? URL.createObjectURL(props.file) : undefined\n })\n\n useRender(() => {\n const listItemProps = VListItem.filterProps(props)\n\n return (\n <VListItem\n { ...listItemProps }\n title={ props.title ?? props.file?.name }\n subtitle={ props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type }\n class=\"v-file-upload-item\"\n >\n {{\n ...slots,\n title: () => props?.title ?? props.file?.name,\n prepend: slotProps => (\n <>\n { !slots.prepend ? (\n <VAvatar\n icon={ props.fileIcon }\n image={ preview.value }\n rounded\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VAvatar: {\n image: preview.value,\n icon: !preview.value ? props.fileIcon : undefined,\n rounded: true,\n },\n }}\n >\n { slots.prepend?.(slotProps) ?? (\n <VAvatar />\n )}\n </VDefaultsProvider>\n )}\n </>\n ),\n append: slotProps => (\n <>\n { props.clearable && (\n <>\n { !slots.clear ? (\n <VBtn\n icon=\"$clear\"\n density=\"comfortable\"\n variant=\"text\"\n onClick={ onClickRemove }\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VBtn: {\n icon: '$clear',\n density: 'comfortable',\n variant: 'text',\n },\n }}\n >\n { slots.clear?.({\n ...slotProps,\n props: { onClick: onClickRemove },\n }) ?? (<VBtn />)}\n </VDefaultsProvider>\n )}\n </>\n )}\n\n { slots.append?.(slotProps) }\n </>\n ),\n }}\n </VListItem>\n )\n })\n },\n})\n\nexport type VFileUploadItem = InstanceType<typeof VFileUploadItem>\n"],"mappings":";AAAA;AAAA,SACSA,OAAO;AAAA,SACPC,IAAI;AAAA,SACJC,iBAAiB;AAAA,SACjBC,kBAAkB,EAAEC,SAAS,+CAEtC;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,WAAW,QAAQ,KAAK;AAAA,SACvCC,gBAAgB,EAAEC,qBAAqB,EAAEC,YAAY,EAAEC,SAAS,+BAEzE;AAUA,OAAO,MAAMC,wBAAwB,GAAGF,YAAY,CAAC;EACnDG,SAAS,EAAEC,OAAO;EAClBC,IAAI,EAAE;IACJC,IAAI,EAAEC,MAAwB;IAC9BC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEI,MAAM;IACZ;IACAF,OAAO,EAAE;EACX,CAAC;EACDG,QAAQ,EAAEP,OAAO;EAEjB,GAAGX,kBAAkB,CAAC;IACpBmB,MAAM,EAAE,IAAI;IACZC,OAAO,EAAE,IAAI;IACbC,KAAK,EAAE;EACT,CAAC;AACH,CAAC,EAAE,iBAAiB,CAAC;AAErB,OAAO,MAAMC,eAAe,GAAGjB,gBAAgB,CAAuB,CAAC,CAAC;EACtEkB,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAEf,wBAAwB,CAAC,CAAC;EAEjCgB,KAAK,EAAE;IACL,cAAc,EAAEC,CAAA,KAAM,IAAI;IAC1BC,KAAK,EAAGC,CAA6B,IAAK;EAC5C,CAAC;EAEDC,KAAKA,CAAEL,KAAK,EAAAM,IAAA,EAAmB;IAAA,IAAjB;MAAEC,IAAI;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,OAAO,GAAG9B,GAAG,CAAC,CAAC;IACrB,MAAM+B,IAAI,GAAGhC,QAAQ,CAAC,MAAM,OAAOsB,KAAK,CAACN,QAAQ,KAAK,SAAS,GAAGM,KAAK,CAACN,QAAQ,GAAGiB,SAAS,CAAC;IAE7F,SAASC,aAAaA,CAAA,EAAI;MACxBL,IAAI,CAAC,cAAc,CAAC;IACtB;IAEA3B,WAAW,CAAC,MAAM;MAChB6B,OAAO,CAACI,KAAK,GAAGb,KAAK,CAACZ,IAAI,EAAEC,IAAI,CAACyB,UAAU,CAAC,OAAO,CAAC,GAAGC,GAAG,CAACC,eAAe,CAAChB,KAAK,CAACZ,IAAI,CAAC,GAAGuB,SAAS;IACpG,CAAC,CAAC;IAEF3B,SAAS,CAAC,MAAM;MACd,MAAMiC,aAAa,GAAGxC,SAAS,CAACyC,WAAW,CAAClB,KAAK,CAAC;MAElD,OAAAmB,YAAA,CAAA1C,SAAA,EAAA2C,WAAA,CAESH,aAAa;QAAA,SACVjB,KAAK,CAACqB,KAAK,IAAIrB,KAAK,CAACZ,IAAI,EAAEW,IAAI;QAAA,YAC5BC,KAAK,CAACN,QAAQ,GAAGZ,qBAAqB,CAACkB,KAAK,CAACZ,IAAI,EAAEkC,IAAI,EAAEZ,IAAI,CAACG,KAAK,CAAC,GAAGb,KAAK,CAACZ,IAAI,EAAEC,IAAI;QAAA;MAAA;QAIhG,GAAGmB,KAAK;QACRa,KAAK,EAAEA,CAAA,KAAMrB,KAAK,EAAEqB,KAAK,IAAIrB,KAAK,CAACZ,IAAI,EAAEW,IAAI;QAC7CwB,OAAO,EAAEC,SAAS,IAAAC,mBAAA,CAAAC,SAAA,SAEZ,CAAClB,KAAK,CAACe,OAAO,GAAAJ,YAAA,CAAA9C,OAAA;UAAA,QAEL2B,KAAK,CAACR,QAAQ;UAAA,SACbiB,OAAO,CAACI,KAAK;UAAA;QAAA,WAAAM,YAAA,CAAA5C,iBAAA;UAAA,YAKX;YACRF,OAAO,EAAE;cACPsD,KAAK,EAAElB,OAAO,CAACI,KAAK;cACpBe,IAAI,EAAE,CAACnB,OAAO,CAACI,KAAK,GAAGb,KAAK,CAACR,QAAQ,GAAGmB,SAAS;cACjDf,OAAO,EAAE;YACX;UACF;QAAC;UAAAL,OAAA,EAAAA,CAAA,MAECiB,KAAK,CAACe,OAAO,GAAGC,SAAS,CAAC,IAAAL,YAAA,CAAA9C,OAAA,aAE3B;QAAA,EAEJ,EAEJ;QACDwD,MAAM,EAAEL,SAAS,IAAAC,mBAAA,CAAAC,SAAA,SAEX1B,KAAK,CAACd,SAAS,IAAAuC,mBAAA,CAAAC,SAAA,SAEX,CAAClB,KAAK,CAACsB,KAAK,GAAAX,YAAA,CAAA7C,IAAA;UAAA;UAAA;UAAA;UAAA,WAKAsC;QAAa,WAAAO,YAAA,CAAA5C,iBAAA;UAAA,YAIb;YACRD,IAAI,EAAE;cACJsD,IAAI,EAAE,QAAQ;cACdG,OAAO,EAAE,aAAa;cACtBC,OAAO,EAAE;YACX;UACF;QAAC;UAAAzC,OAAA,EAAAA,CAAA,MAECiB,KAAK,CAACsB,KAAK,GAAG;YACd,GAAGN,SAAS;YACZxB,KAAK,EAAE;cAAEiC,OAAO,EAAErB;YAAc;UAClC,CAAC,CAAC,IAAAO,YAAA,CAAA7C,IAAA,aAAc;QAAA,EAEnB,EAEJ,EAECkC,KAAK,CAACqB,MAAM,GAAGL,SAAS,CAAC;MAE9B;IAIT,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"VFileUploadItem.js","names":["VAvatar","VBtn","VDefaultsProvider","makeVListItemProps","VListItem","computed","ref","watchEffect","genericComponent","humanReadableFileSize","propsFactory","useRender","makeVFileUploadItemProps","clearable","Boolean","file","type","Object","default","fileIcon","String","showSize","border","rounded","lines","VFileUploadItem","name","props","emits","click:remove","click","e","setup","_ref","emit","slots","preview","base","undefined","onClickRemove","value","startsWith","URL","createObjectURL","listItemProps","filterProps","_createVNode","_mergeProps","class","title","size","style","prepend","slotProps","_createElementVNode","_Fragment","image","icon","append","clear","density","variant","onClick"],"sources":["../../../src/labs/VFileUpload/VFileUploadItem.tsx"],"sourcesContent":["// Components\nimport { VAvatar } from '@/components/VAvatar/VAvatar'\nimport { VBtn } from '@/components/VBtn/VBtn'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider/VDefaultsProvider'\nimport { makeVListItemProps, VListItem } from '@/components/VList/VListItem'\n\n// Utilities\nimport { computed, ref, watchEffect } from 'vue'\nimport { genericComponent, humanReadableFileSize, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VListItemSlots } from '@/components/VList/VListItem'\n\nexport type VFileUploadItemSlots = {\n clear: {\n props: { onClick: () => void }\n }\n} & VListItemSlots\n\nexport const makeVFileUploadItemProps = propsFactory({\n clearable: Boolean,\n file: {\n type: Object as PropType<File>,\n default: null,\n },\n fileIcon: {\n type: String,\n // TODO: setup up a proper aliased icon\n default: 'mdi-file-document',\n },\n showSize: Boolean,\n\n ...makeVListItemProps({\n border: true,\n rounded: true,\n lines: 'two' as const,\n }),\n}, 'VFileUploadItem')\n\nexport const VFileUploadItem = genericComponent<VFileUploadItemSlots>()({\n name: 'VFileUploadItem',\n\n props: makeVFileUploadItemProps(),\n\n emits: {\n 'click:remove': () => true,\n click: (e: MouseEvent | KeyboardEvent) => true,\n },\n\n setup (props, { emit, slots }) {\n const preview = ref()\n const base = computed(() => typeof props.showSize !== 'boolean' ? props.showSize : undefined)\n\n function onClickRemove () {\n emit('click:remove')\n }\n\n watchEffect(() => {\n preview.value = props.file?.type.startsWith('image') ? URL.createObjectURL(props.file) : undefined\n })\n\n useRender(() => {\n const listItemProps = VListItem.filterProps(props)\n\n return (\n <VListItem\n { ...listItemProps }\n class={[\n 'v-file-upload-item',\n props.class,\n ]}\n title={ props.title ?? props.file?.name }\n subtitle={ props.showSize ? humanReadableFileSize(props.file?.size, base.value) : props.file?.type }\n style={ props.style }\n >\n {{\n ...slots,\n title: () => props?.title ?? props.file?.name,\n prepend: slotProps => (\n <>\n { !slots.prepend ? (\n <VAvatar\n icon={ props.fileIcon }\n image={ preview.value }\n rounded\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VAvatar: {\n image: preview.value,\n icon: !preview.value ? props.fileIcon : undefined,\n rounded: true,\n },\n }}\n >\n { slots.prepend?.(slotProps) ?? (\n <VAvatar />\n )}\n </VDefaultsProvider>\n )}\n </>\n ),\n append: slotProps => (\n <>\n { props.clearable && (\n <>\n { !slots.clear ? (\n <VBtn\n icon=\"$clear\"\n density=\"comfortable\"\n variant=\"text\"\n onClick={ onClickRemove }\n />\n ) : (\n <VDefaultsProvider\n defaults={{\n VBtn: {\n icon: '$clear',\n density: 'comfortable',\n variant: 'text',\n },\n }}\n >\n { slots.clear?.({\n ...slotProps,\n props: { onClick: onClickRemove },\n }) ?? (<VBtn />)}\n </VDefaultsProvider>\n )}\n </>\n )}\n\n { slots.append?.(slotProps) }\n </>\n ),\n }}\n </VListItem>\n )\n })\n },\n})\n\nexport type VFileUploadItem = InstanceType<typeof VFileUploadItem>\n"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vuetify/nightly",
3
3
  "description": "Vue Material Component Framework",
4
- "version": "3.9.0-master.2025-07-13",
4
+ "version": "3.9.0-master.2025-07-15",
5
5
  "author": {
6
6
  "name": "John Leider",
7
7
  "email": "john@vuetifyjs.com"