@vuetify/nightly 3.6.8-master.2024-06-07 → 3.6.9-dev.2024-06-20

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 (107) hide show
  1. package/CHANGELOG.md +14 -6
  2. package/dist/json/attributes.json +293 -121
  3. package/dist/json/importMap-labs.json +20 -20
  4. package/dist/json/importMap.json +164 -164
  5. package/dist/json/tags.json +49 -6
  6. package/dist/json/web-types.json +610 -221
  7. package/dist/vuetify-labs.css +3032 -3016
  8. package/dist/vuetify-labs.d.ts +1096 -821
  9. package/dist/vuetify-labs.esm.js +93 -44
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +93 -44
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +928 -912
  14. package/dist/vuetify.d.ts +905 -708
  15. package/dist/vuetify.esm.js +81 -38
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +81 -38
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +51 -48
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/blueprints/index.d.mts +58 -56
  23. package/lib/blueprints/md1.d.mts +58 -56
  24. package/lib/blueprints/md2.d.mts +58 -56
  25. package/lib/blueprints/md3.d.mts +58 -56
  26. package/lib/components/VAppBar/index.d.mts +6 -0
  27. package/lib/components/VAutocomplete/index.d.mts +49 -49
  28. package/lib/components/VAvatar/VAvatar.css +7 -0
  29. package/lib/components/VAvatar/VAvatar.mjs +6 -1
  30. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  31. package/lib/components/VAvatar/VAvatar.sass +1 -0
  32. package/lib/components/VAvatar/_variables.scss +13 -0
  33. package/lib/components/VAvatar/index.d.mts +6 -0
  34. package/lib/components/VBottomSheet/index.d.mts +7 -7
  35. package/lib/components/VBreadcrumbs/index.d.mts +8 -8
  36. package/lib/components/VBtn/VBtn.mjs +3 -1
  37. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  38. package/lib/components/VBtn/index.d.mts +6 -0
  39. package/lib/components/VCarousel/index.d.mts +16 -7
  40. package/lib/components/VCheckbox/index.d.mts +6 -6
  41. package/lib/components/VCombobox/index.d.mts +49 -49
  42. package/lib/components/VDialog/index.d.mts +31 -31
  43. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +23 -11
  44. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  45. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +20 -7
  46. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  47. package/lib/components/VExpansionPanel/index.d.mts +122 -14
  48. package/lib/components/VFab/VFab.mjs +4 -7
  49. package/lib/components/VFab/VFab.mjs.map +1 -1
  50. package/lib/components/VFab/index.d.mts +52 -49
  51. package/lib/components/VFileInput/index.d.mts +18 -18
  52. package/lib/components/VForm/index.d.mts +9 -9
  53. package/lib/components/VGrid/VContainer.mjs +6 -1
  54. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  55. package/lib/components/VGrid/index.d.mts +36 -0
  56. package/lib/components/VImg/VImg.css +9 -0
  57. package/lib/components/VImg/VImg.mjs +2 -0
  58. package/lib/components/VImg/VImg.mjs.map +1 -1
  59. package/lib/components/VImg/VImg.sass +9 -0
  60. package/lib/components/VImg/index.d.mts +16 -7
  61. package/lib/components/VInput/index.d.mts +6 -6
  62. package/lib/components/VList/VList.mjs +1 -0
  63. package/lib/components/VList/VList.mjs.map +1 -1
  64. package/lib/components/VList/index.d.mts +14 -12
  65. package/lib/components/VMenu/VMenu.mjs +1 -1
  66. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  67. package/lib/components/VMenu/index.d.mts +33 -33
  68. package/lib/components/VOverlay/VOverlay.mjs +4 -3
  69. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  70. package/lib/components/VOverlay/index.d.mts +7 -7
  71. package/lib/components/VRadioGroup/index.d.mts +6 -6
  72. package/lib/components/VRangeSlider/index.d.mts +6 -6
  73. package/lib/components/VSelect/index.d.mts +49 -49
  74. package/lib/components/VSlider/index.d.mts +6 -6
  75. package/lib/components/VSnackbar/index.d.mts +33 -33
  76. package/lib/components/VSpeedDial/index.d.mts +9 -9
  77. package/lib/components/VSwitch/index.d.mts +6 -6
  78. package/lib/components/VTabs/index.d.mts +21 -3
  79. package/lib/components/VTextField/index.d.mts +18 -18
  80. package/lib/components/VTextarea/index.d.mts +18 -18
  81. package/lib/components/VTooltip/index.d.mts +39 -39
  82. package/lib/components/VValidation/index.d.mts +9 -8
  83. package/lib/components/index.d.mts +707 -509
  84. package/lib/composables/goto.mjs.map +1 -1
  85. package/lib/composables/icons.mjs.map +1 -1
  86. package/lib/composables/scroll.mjs +6 -0
  87. package/lib/composables/scroll.mjs.map +1 -1
  88. package/lib/composables/validation.mjs +8 -6
  89. package/lib/composables/validation.mjs.map +1 -1
  90. package/lib/entry-bundler.mjs +1 -1
  91. package/lib/entry-bundler.mjs.map +1 -1
  92. package/lib/framework.mjs +1 -1
  93. package/lib/framework.mjs.map +1 -1
  94. package/lib/index.d.mts +164 -165
  95. package/lib/labs/VDateInput/index.d.mts +6 -6
  96. package/lib/labs/VNumberInput/index.d.mts +6 -6
  97. package/lib/labs/VSnackbarQueue/index.d.mts +42 -42
  98. package/lib/labs/VStepperVertical/index.d.mts +93 -21
  99. package/lib/labs/VTimePicker/VTimePickerClock.mjs +3 -1
  100. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  101. package/lib/labs/VTimePicker/VTimePickerControls.mjs +7 -2
  102. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  103. package/lib/labs/VTreeview/VTreeview.mjs +3 -4
  104. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  105. package/lib/labs/VTreeview/index.d.mts +22 -16
  106. package/lib/labs/components.d.mts +166 -88
  107. package/package.json +1 -1
@@ -101,9 +101,9 @@ declare const VDialog: {
101
101
  component: Component;
102
102
  };
103
103
  zIndex: NonNullable<string | number>;
104
+ eager: boolean;
104
105
  modelValue: boolean;
105
106
  origin: NonNullable<Anchor | "auto" | "overlap">;
106
- eager: boolean;
107
107
  location: Anchor;
108
108
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
109
109
  updateLocation: (e: Event) => void;
@@ -186,9 +186,9 @@ declare const VDialog: {
186
186
  component?: Component | undefined;
187
187
  });
188
188
  zIndex: string | number;
189
+ eager: boolean;
189
190
  modelValue: boolean;
190
191
  origin: Anchor | "auto" | "overlap";
191
- eager: boolean;
192
192
  location: Anchor;
193
193
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
194
194
  updateLocation: (e: Event) => void;
@@ -213,9 +213,9 @@ declare const VDialog: {
213
213
  component?: Component | undefined;
214
214
  });
215
215
  zIndex: string | number;
216
+ eager: boolean;
216
217
  modelValue: boolean;
217
218
  origin: Anchor | "auto" | "overlap";
218
- eager: boolean;
219
219
  location: Anchor;
220
220
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
221
221
  updateLocation: (e: Event) => void;
@@ -291,9 +291,9 @@ declare const VDialog: {
291
291
  component?: Component | undefined;
292
292
  });
293
293
  zIndex: string | number;
294
+ eager: boolean;
294
295
  modelValue: boolean;
295
296
  origin: Anchor | "auto" | "overlap";
296
- eager: boolean;
297
297
  location: Anchor;
298
298
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
299
299
  updateLocation: (e: Event) => void;
@@ -365,7 +365,7 @@ declare const VDialog: {
365
365
  onAfterEnter?: (() => any) | undefined;
366
366
  onAfterLeave?: (() => any) | undefined;
367
367
  "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
368
- }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
368
+ }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
369
369
  $attrs: {
370
370
  [x: string]: unknown;
371
371
  };
@@ -398,9 +398,9 @@ declare const VDialog: {
398
398
  component?: Component | undefined;
399
399
  });
400
400
  zIndex: string | number;
401
+ eager: boolean;
401
402
  modelValue: boolean;
402
403
  origin: Anchor | "auto" | "overlap";
403
- eager: boolean;
404
404
  location: Anchor;
405
405
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
406
406
  updateLocation: (e: Event) => void;
@@ -494,9 +494,9 @@ declare const VDialog: {
494
494
  component?: Component | undefined;
495
495
  });
496
496
  zIndex: string | number;
497
+ eager: boolean;
497
498
  modelValue: boolean;
498
499
  origin: Anchor | "auto" | "overlap";
499
- eager: boolean;
500
500
  location: Anchor;
501
501
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
502
502
  updateLocation: (e: Event) => void;
@@ -554,9 +554,9 @@ declare const VDialog: {
554
554
  component?: Component | undefined;
555
555
  });
556
556
  zIndex: string | number;
557
+ eager: boolean;
557
558
  modelValue: boolean;
558
559
  origin: Anchor | "auto" | "overlap";
559
- eager: boolean;
560
560
  location: Anchor;
561
561
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
562
562
  updateLocation: (e: Event) => void;
@@ -637,7 +637,7 @@ declare const VDialog: {
637
637
  globalTop: Readonly<vue.Ref<boolean>>;
638
638
  localTop: vue.ComputedRef<boolean>;
639
639
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
640
- }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
640
+ }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
641
641
  'update:modelValue': (value: boolean) => true;
642
642
  afterLeave: () => true;
643
643
  }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
@@ -650,9 +650,9 @@ declare const VDialog: {
650
650
  component: Component;
651
651
  };
652
652
  zIndex: NonNullable<string | number>;
653
+ eager: boolean;
653
654
  modelValue: boolean;
654
655
  origin: NonNullable<Anchor | "auto" | "overlap">;
655
- eager: boolean;
656
656
  location: Anchor;
657
657
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
658
658
  updateLocation: (e: Event) => void;
@@ -734,9 +734,9 @@ declare const VDialog: {
734
734
  component: Component;
735
735
  };
736
736
  zIndex: NonNullable<string | number>;
737
+ eager: boolean;
737
738
  modelValue: boolean;
738
739
  origin: NonNullable<Anchor | "auto" | "overlap">;
739
- eager: boolean;
740
740
  location: Anchor;
741
741
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
742
742
  updateLocation: (e: Event) => void;
@@ -785,9 +785,9 @@ declare const VDialog: {
785
785
  component: Component;
786
786
  };
787
787
  zIndex: NonNullable<string | number>;
788
+ eager: boolean;
788
789
  modelValue: boolean;
789
790
  origin: NonNullable<Anchor | "auto" | "overlap">;
790
- eager: boolean;
791
791
  location: Anchor;
792
792
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
793
793
  updateLocation: (e: Event) => void;
@@ -870,9 +870,9 @@ declare const VDialog: {
870
870
  component?: Component | undefined;
871
871
  });
872
872
  zIndex: string | number;
873
+ eager: boolean;
873
874
  modelValue: boolean;
874
875
  origin: Anchor | "auto" | "overlap";
875
- eager: boolean;
876
876
  location: Anchor;
877
877
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
878
878
  updateLocation: (e: Event) => void;
@@ -897,9 +897,9 @@ declare const VDialog: {
897
897
  component?: Component | undefined;
898
898
  });
899
899
  zIndex: string | number;
900
+ eager: boolean;
900
901
  modelValue: boolean;
901
902
  origin: Anchor | "auto" | "overlap";
902
- eager: boolean;
903
903
  location: Anchor;
904
904
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
905
905
  updateLocation: (e: Event) => void;
@@ -975,9 +975,9 @@ declare const VDialog: {
975
975
  component?: Component | undefined;
976
976
  });
977
977
  zIndex: string | number;
978
+ eager: boolean;
978
979
  modelValue: boolean;
979
980
  origin: Anchor | "auto" | "overlap";
980
- eager: boolean;
981
981
  location: Anchor;
982
982
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
983
983
  updateLocation: (e: Event) => void;
@@ -1049,7 +1049,7 @@ declare const VDialog: {
1049
1049
  onAfterEnter?: (() => any) | undefined;
1050
1050
  onAfterLeave?: (() => any) | undefined;
1051
1051
  "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
1052
- }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
1052
+ }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
1053
1053
  $attrs: {
1054
1054
  [x: string]: unknown;
1055
1055
  };
@@ -1082,9 +1082,9 @@ declare const VDialog: {
1082
1082
  component?: Component | undefined;
1083
1083
  });
1084
1084
  zIndex: string | number;
1085
+ eager: boolean;
1085
1086
  modelValue: boolean;
1086
1087
  origin: Anchor | "auto" | "overlap";
1087
- eager: boolean;
1088
1088
  location: Anchor;
1089
1089
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1090
1090
  updateLocation: (e: Event) => void;
@@ -1178,9 +1178,9 @@ declare const VDialog: {
1178
1178
  component?: Component | undefined;
1179
1179
  });
1180
1180
  zIndex: string | number;
1181
+ eager: boolean;
1181
1182
  modelValue: boolean;
1182
1183
  origin: Anchor | "auto" | "overlap";
1183
- eager: boolean;
1184
1184
  location: Anchor;
1185
1185
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1186
1186
  updateLocation: (e: Event) => void;
@@ -1238,9 +1238,9 @@ declare const VDialog: {
1238
1238
  component?: Component | undefined;
1239
1239
  });
1240
1240
  zIndex: string | number;
1241
+ eager: boolean;
1241
1242
  modelValue: boolean;
1242
1243
  origin: Anchor | "auto" | "overlap";
1243
- eager: boolean;
1244
1244
  location: Anchor;
1245
1245
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1246
1246
  updateLocation: (e: Event) => void;
@@ -1321,7 +1321,7 @@ declare const VDialog: {
1321
1321
  globalTop: Readonly<vue.Ref<boolean>>;
1322
1322
  localTop: vue.ComputedRef<boolean>;
1323
1323
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1324
- }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
1324
+ }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, {}, {}, {}, {
1325
1325
  style: vue.StyleValue;
1326
1326
  disabled: boolean;
1327
1327
  absolute: boolean;
@@ -1331,9 +1331,9 @@ declare const VDialog: {
1331
1331
  component: Component;
1332
1332
  };
1333
1333
  zIndex: NonNullable<string | number>;
1334
+ eager: boolean;
1334
1335
  modelValue: boolean;
1335
1336
  origin: NonNullable<Anchor | "auto" | "overlap">;
1336
- eager: boolean;
1337
1337
  location: Anchor;
1338
1338
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1339
1339
  updateLocation: (e: Event) => void;
@@ -1366,9 +1366,9 @@ declare const VDialog: {
1366
1366
  component: Component;
1367
1367
  };
1368
1368
  zIndex: NonNullable<string | number>;
1369
+ eager: boolean;
1369
1370
  modelValue: boolean;
1370
1371
  origin: NonNullable<Anchor | "auto" | "overlap">;
1371
- eager: boolean;
1372
1372
  location: Anchor;
1373
1373
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1374
1374
  updateLocation: (e: Event) => void;
@@ -1451,9 +1451,9 @@ declare const VDialog: {
1451
1451
  component?: Component | undefined;
1452
1452
  });
1453
1453
  zIndex: string | number;
1454
+ eager: boolean;
1454
1455
  modelValue: boolean;
1455
1456
  origin: Anchor | "auto" | "overlap";
1456
- eager: boolean;
1457
1457
  location: Anchor;
1458
1458
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1459
1459
  updateLocation: (e: Event) => void;
@@ -1478,9 +1478,9 @@ declare const VDialog: {
1478
1478
  component?: Component | undefined;
1479
1479
  });
1480
1480
  zIndex: string | number;
1481
+ eager: boolean;
1481
1482
  modelValue: boolean;
1482
1483
  origin: Anchor | "auto" | "overlap";
1483
- eager: boolean;
1484
1484
  location: Anchor;
1485
1485
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1486
1486
  updateLocation: (e: Event) => void;
@@ -1556,9 +1556,9 @@ declare const VDialog: {
1556
1556
  component?: Component | undefined;
1557
1557
  });
1558
1558
  zIndex: string | number;
1559
+ eager: boolean;
1559
1560
  modelValue: boolean;
1560
1561
  origin: Anchor | "auto" | "overlap";
1561
- eager: boolean;
1562
1562
  location: Anchor;
1563
1563
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1564
1564
  updateLocation: (e: Event) => void;
@@ -1630,7 +1630,7 @@ declare const VDialog: {
1630
1630
  onAfterEnter?: (() => any) | undefined;
1631
1631
  onAfterLeave?: (() => any) | undefined;
1632
1632
  "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
1633
- }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
1633
+ }, "style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
1634
1634
  $attrs: {
1635
1635
  [x: string]: unknown;
1636
1636
  };
@@ -1663,9 +1663,9 @@ declare const VDialog: {
1663
1663
  component?: Component | undefined;
1664
1664
  });
1665
1665
  zIndex: string | number;
1666
+ eager: boolean;
1666
1667
  modelValue: boolean;
1667
1668
  origin: Anchor | "auto" | "overlap";
1668
- eager: boolean;
1669
1669
  location: Anchor;
1670
1670
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1671
1671
  updateLocation: (e: Event) => void;
@@ -1759,9 +1759,9 @@ declare const VDialog: {
1759
1759
  component?: Component | undefined;
1760
1760
  });
1761
1761
  zIndex: string | number;
1762
+ eager: boolean;
1762
1763
  modelValue: boolean;
1763
1764
  origin: Anchor | "auto" | "overlap";
1764
- eager: boolean;
1765
1765
  location: Anchor;
1766
1766
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1767
1767
  updateLocation: (e: Event) => void;
@@ -1819,9 +1819,9 @@ declare const VDialog: {
1819
1819
  component?: Component | undefined;
1820
1820
  });
1821
1821
  zIndex: string | number;
1822
+ eager: boolean;
1822
1823
  modelValue: boolean;
1823
1824
  origin: Anchor | "auto" | "overlap";
1824
- eager: boolean;
1825
1825
  location: Anchor;
1826
1826
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1827
1827
  updateLocation: (e: Event) => void;
@@ -1902,7 +1902,7 @@ declare const VDialog: {
1902
1902
  globalTop: Readonly<vue.Ref<boolean>>;
1903
1903
  localTop: vue.ComputedRef<boolean>;
1904
1904
  updateLocation: vue.Ref<((e: Event) => void) | undefined>;
1905
- }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "modelValue" | "origin" | "eager" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1905
+ }> & {} & vue.ComponentCustomProperties & {}, "class" | "width" | "height" | "theme" | "key" | "target" | "v-slot:default" | "$children" | "v-slots" | "ref" | "ref_for" | "ref_key" | "onVnodeBeforeMount" | "onVnodeMounted" | "onVnodeBeforeUpdate" | "onVnodeUpdated" | "onVnodeBeforeUnmount" | "onVnodeUnmounted" | "offset" | "onUpdate:modelValue" | "contentClass" | "opacity" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterEnter" | "onAfterLeave" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("style" | "disabled" | "absolute" | "transition" | "zIndex" | "eager" | "modelValue" | "origin" | "location" | "locationStrategy" | "scrollStrategy" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
1906
1906
  'update:modelValue': (value: boolean) => true;
1907
1907
  afterLeave: () => true;
1908
1908
  }, string, {
@@ -1915,9 +1915,9 @@ declare const VDialog: {
1915
1915
  component: Component;
1916
1916
  };
1917
1917
  zIndex: NonNullable<string | number>;
1918
+ eager: boolean;
1918
1919
  modelValue: boolean;
1919
1920
  origin: NonNullable<Anchor | "auto" | "overlap">;
1920
- eager: boolean;
1921
1921
  location: Anchor;
1922
1922
  locationStrategy: "static" | ((data: LocationStrategyData, props: StrategyProps$1, contentStyles: vue.Ref<Record<string, string>>) => {
1923
1923
  updateLocation: (e: Event) => void;
@@ -1,8 +1,9 @@
1
- import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
1
+ import { createVNode as _createVNode } from "vue";
2
2
  // Components
3
3
  import { VExpansionPanelSymbol } from "./shared.mjs";
4
4
  import { makeVExpansionPanelTextProps, VExpansionPanelText } from "./VExpansionPanelText.mjs";
5
- import { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from "./VExpansionPanelTitle.mjs"; // Composables
5
+ import { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from "./VExpansionPanelTitle.mjs";
6
+ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs"; // Composables
6
7
  import { useBackgroundColor } from "../../composables/color.mjs";
7
8
  import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
8
9
  import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
@@ -72,15 +73,26 @@ export const VExpansionPanel = genericComponent()({
72
73
  }, {
73
74
  default: () => [_createVNode("div", {
74
75
  "class": ['v-expansion-panel__shadow', ...elevationClasses.value]
75
- }, null), hasTitle && _createVNode(VExpansionPanelTitle, _mergeProps({
76
- "key": "title"
77
- }, expansionPanelTitleProps), {
78
- default: () => [slots.title ? slots.title() : props.title]
79
- }), hasText && _createVNode(VExpansionPanelText, _mergeProps({
80
- "key": "text"
81
- }, expansionPanelTextProps), {
82
- default: () => [slots.text ? slots.text() : props.text]
83
- }), slots.default?.()]
76
+ }, null), _createVNode(VDefaultsProvider, {
77
+ "defaults": {
78
+ VExpansionPanelTitle: {
79
+ ...expansionPanelTitleProps
80
+ },
81
+ VExpansionPanelText: {
82
+ ...expansionPanelTextProps
83
+ }
84
+ }
85
+ }, {
86
+ default: () => [hasTitle && _createVNode(VExpansionPanelTitle, {
87
+ "key": "title"
88
+ }, {
89
+ default: () => [slots.title ? slots.title() : props.title]
90
+ }), hasText && _createVNode(VExpansionPanelText, {
91
+ "key": "text"
92
+ }, {
93
+ default: () => [slots.text ? slots.text() : props.text]
94
+ }), slots.default?.()]
95
+ })]
84
96
  });
85
97
  });
86
98
  return {
@@ -1 +1 @@
1
- {"version":3,"file":"VExpansionPanel.mjs","names":["VExpansionPanelSymbol","makeVExpansionPanelTextProps","VExpansionPanelText","makeVExpansionPanelTitleProps","VExpansionPanelTitle","useBackgroundColor","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeTagProps","computed","provide","genericComponent","propsFactory","useRender","makeVExpansionPanelProps","title","String","text","bgColor","VExpansionPanel","name","props","emits","val","setup","_ref","slots","groupItem","backgroundColorClasses","backgroundColorStyles","elevationClasses","roundedClasses","isDisabled","disabled","value","selectedIndices","group","items","reduce","arr","item","index","selected","includes","id","push","isBeforeSelected","findIndex","isSelected","some","selectedIndex","isAfterSelected","hasText","hasTitle","expansionPanelTitleProps","filterProps","expansionPanelTextProps","_createVNode","tag","class","style","default","_mergeProps"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.tsx"],"sourcesContent":["// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { makeVExpansionPanelTextProps, VExpansionPanelText } from './VExpansionPanelText'\nimport { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from './VExpansionPanelTitle'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, provide } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVExpansionPanelProps = propsFactory({\n title: String,\n text: String,\n bgColor: String,\n\n ...makeElevationProps(),\n ...makeGroupItemProps(),\n ...makeRoundedProps(),\n ...makeTagProps(),\n ...makeVExpansionPanelTitleProps(),\n ...makeVExpansionPanelTextProps(),\n}, 'VExpansionPanel')\n\nexport type VExpansionPanelSlots = {\n default: never\n title: never\n text: never\n}\n\nexport const VExpansionPanel = genericComponent<VExpansionPanelSlots>()({\n name: 'VExpansionPanel',\n\n props: makeVExpansionPanelProps(),\n\n emits: {\n 'group:selected': (val: { value: boolean }) => true,\n },\n\n setup (props, { slots }) {\n const groupItem = useGroupItem(props, VExpansionPanelSymbol)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'bgColor')\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const isDisabled = computed(() => groupItem?.disabled.value || props.disabled)\n\n const selectedIndices = computed(() => groupItem.group.items.value.reduce<number[]>((arr, item, index) => {\n if (groupItem.group.selected.value.includes(item.id)) arr.push(index)\n return arr\n }, []))\n\n const isBeforeSelected = computed(() => {\n const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n return !groupItem.isSelected.value &&\n selectedIndices.value.some(selectedIndex => selectedIndex - index === 1)\n })\n\n const isAfterSelected = computed(() => {\n const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n return !groupItem.isSelected.value &&\n selectedIndices.value.some(selectedIndex => selectedIndex - index === -1)\n })\n\n provide(VExpansionPanelSymbol, groupItem)\n\n useRender(() => {\n const hasText = !!(slots.text || props.text)\n const hasTitle = !!(slots.title || props.title)\n\n const expansionPanelTitleProps = VExpansionPanelTitle.filterProps(props)\n const expansionPanelTextProps = VExpansionPanelText.filterProps(props)\n\n return (\n <props.tag\n class={[\n 'v-expansion-panel',\n {\n 'v-expansion-panel--active': groupItem.isSelected.value,\n 'v-expansion-panel--before-active': isBeforeSelected.value,\n 'v-expansion-panel--after-active': isAfterSelected.value,\n 'v-expansion-panel--disabled': isDisabled.value,\n },\n roundedClasses.value,\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.style,\n ]}\n >\n <div\n class={[\n 'v-expansion-panel__shadow',\n ...elevationClasses.value,\n ]}\n />\n\n { hasTitle && (\n <VExpansionPanelTitle\n key=\"title\"\n { ...expansionPanelTitleProps }\n >\n { slots.title ? slots.title() : props.title }\n </VExpansionPanelTitle>\n )}\n\n { hasText && (\n <VExpansionPanelText\n key=\"text\"\n { ...expansionPanelTextProps }\n >\n { slots.text ? slots.text() : props.text }\n </VExpansionPanelText>\n )}\n\n { slots.default?.() }\n </props.tag>\n )\n })\n\n return {\n groupItem,\n }\n },\n})\n\nexport type VExpansionPanel = InstanceType<typeof VExpansionPanel>\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"VExpansionPanel.mjs","names":["VExpansionPanelSymbol","makeVExpansionPanelTextProps","VExpansionPanelText","makeVExpansionPanelTitleProps","VExpansionPanelTitle","VDefaultsProvider","useBackgroundColor","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeTagProps","computed","provide","genericComponent","propsFactory","useRender","makeVExpansionPanelProps","title","String","text","bgColor","VExpansionPanel","name","props","emits","val","setup","_ref","slots","groupItem","backgroundColorClasses","backgroundColorStyles","elevationClasses","roundedClasses","isDisabled","disabled","value","selectedIndices","group","items","reduce","arr","item","index","selected","includes","id","push","isBeforeSelected","findIndex","isSelected","some","selectedIndex","isAfterSelected","hasText","hasTitle","expansionPanelTitleProps","filterProps","expansionPanelTextProps","_createVNode","tag","class","style","default"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanel.tsx"],"sourcesContent":["// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { makeVExpansionPanelTextProps, VExpansionPanelText } from './VExpansionPanelText'\nimport { makeVExpansionPanelTitleProps, VExpansionPanelTitle } from './VExpansionPanelTitle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, provide } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVExpansionPanelProps = propsFactory({\n title: String,\n text: String,\n bgColor: String,\n\n ...makeElevationProps(),\n ...makeGroupItemProps(),\n ...makeRoundedProps(),\n ...makeTagProps(),\n ...makeVExpansionPanelTitleProps(),\n ...makeVExpansionPanelTextProps(),\n}, 'VExpansionPanel')\n\nexport type VExpansionPanelSlots = {\n default: never\n title: never\n text: never\n}\n\nexport const VExpansionPanel = genericComponent<VExpansionPanelSlots>()({\n name: 'VExpansionPanel',\n\n props: makeVExpansionPanelProps(),\n\n emits: {\n 'group:selected': (val: { value: boolean }) => true,\n },\n\n setup (props, { slots }) {\n const groupItem = useGroupItem(props, VExpansionPanelSymbol)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'bgColor')\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const isDisabled = computed(() => groupItem?.disabled.value || props.disabled)\n\n const selectedIndices = computed(() => groupItem.group.items.value.reduce<number[]>((arr, item, index) => {\n if (groupItem.group.selected.value.includes(item.id)) arr.push(index)\n return arr\n }, []))\n\n const isBeforeSelected = computed(() => {\n const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n return !groupItem.isSelected.value &&\n selectedIndices.value.some(selectedIndex => selectedIndex - index === 1)\n })\n\n const isAfterSelected = computed(() => {\n const index = groupItem.group.items.value.findIndex(item => item.id === groupItem.id)\n return !groupItem.isSelected.value &&\n selectedIndices.value.some(selectedIndex => selectedIndex - index === -1)\n })\n\n provide(VExpansionPanelSymbol, groupItem)\n\n useRender(() => {\n const hasText = !!(slots.text || props.text)\n const hasTitle = !!(slots.title || props.title)\n\n const expansionPanelTitleProps = VExpansionPanelTitle.filterProps(props)\n const expansionPanelTextProps = VExpansionPanelText.filterProps(props)\n\n return (\n <props.tag\n class={[\n 'v-expansion-panel',\n {\n 'v-expansion-panel--active': groupItem.isSelected.value,\n 'v-expansion-panel--before-active': isBeforeSelected.value,\n 'v-expansion-panel--after-active': isAfterSelected.value,\n 'v-expansion-panel--disabled': isDisabled.value,\n },\n roundedClasses.value,\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.style,\n ]}\n >\n <div\n class={[\n 'v-expansion-panel__shadow',\n ...elevationClasses.value,\n ]}\n />\n\n <VDefaultsProvider\n defaults={{\n VExpansionPanelTitle: {\n ...expansionPanelTitleProps,\n },\n VExpansionPanelText: {\n ...expansionPanelTextProps,\n },\n }}\n >\n { hasTitle && (\n <VExpansionPanelTitle key=\"title\">\n { slots.title ? slots.title() : props.title }\n </VExpansionPanelTitle>\n )}\n\n { hasText && (\n <VExpansionPanelText key=\"text\">\n { slots.text ? slots.text() : props.text }\n </VExpansionPanelText>\n )}\n\n { slots.default?.() }\n </VDefaultsProvider>\n </props.tag>\n )\n })\n\n return {\n groupItem,\n }\n },\n})\n\nexport type VExpansionPanel = InstanceType<typeof VExpansionPanel>\n"],"mappings":"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","ignoreList":[]}
@@ -1,9 +1,11 @@
1
1
  import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
2
2
  // Components
3
3
  import { VExpansionPanelSymbol } from "./shared.mjs";
4
+ import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
4
5
  import { VIcon } from "../VIcon/index.mjs"; // Composables
5
6
  import { useBackgroundColor } from "../../composables/color.mjs";
6
7
  import { makeComponentProps } from "../../composables/component.mjs";
8
+ import { makeDimensionProps, useDimension } from "../../composables/dimensions.mjs";
7
9
  import { IconValue } from "../../composables/icons.mjs"; // Directives
8
10
  import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
9
11
  import { computed, inject } from 'vue';
@@ -26,7 +28,8 @@ export const makeVExpansionPanelTitleProps = propsFactory({
26
28
  default: false
27
29
  },
28
30
  readonly: Boolean,
29
- ...makeComponentProps()
31
+ ...makeComponentProps(),
32
+ ...makeDimensionProps()
30
33
  }, 'VExpansionPanelTitle');
31
34
  export const VExpansionPanelTitle = genericComponent()({
32
35
  name: 'VExpansionPanelTitle',
@@ -44,6 +47,9 @@ export const VExpansionPanelTitle = genericComponent()({
44
47
  backgroundColorClasses,
45
48
  backgroundColorStyles
46
49
  } = useBackgroundColor(props, 'color');
50
+ const {
51
+ dimensionStyles
52
+ } = useDimension(props);
47
53
  const slotProps = computed(() => ({
48
54
  collapseIcon: props.collapseIcon,
49
55
  disabled: expansionPanel.disabled.value,
@@ -51,13 +57,14 @@ export const VExpansionPanelTitle = genericComponent()({
51
57
  expandIcon: props.expandIcon,
52
58
  readonly: props.readonly
53
59
  }));
60
+ const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon);
54
61
  useRender(() => _withDirectives(_createVNode("button", {
55
62
  "class": ['v-expansion-panel-title', {
56
63
  'v-expansion-panel-title--active': expansionPanel.isSelected.value,
57
64
  'v-expansion-panel-title--focusable': props.focusable,
58
65
  'v-expansion-panel-title--static': props.static
59
66
  }, backgroundColorClasses.value, props.class],
60
- "style": [backgroundColorStyles.value, props.style],
67
+ "style": [backgroundColorStyles.value, dimensionStyles.value, props.style],
61
68
  "type": "button",
62
69
  "tabindex": expansionPanel.disabled.value ? -1 : undefined,
63
70
  "disabled": expansionPanel.disabled.value,
@@ -65,11 +72,17 @@ export const VExpansionPanelTitle = genericComponent()({
65
72
  "onClick": !props.readonly ? expansionPanel.toggle : undefined
66
73
  }, [_createVNode("span", {
67
74
  "class": "v-expansion-panel-title__overlay"
68
- }, null), slots.default?.(slotProps.value), !props.hideActions && _createVNode("span", {
69
- "class": "v-expansion-panel-title__icon"
70
- }, [slots.actions ? slots.actions(slotProps.value) : _createVNode(VIcon, {
71
- "icon": expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon
72
- }, null)])]), [[_resolveDirective("ripple"), props.ripple]]));
75
+ }, null), slots.default?.(slotProps.value), !props.hideActions && _createVNode(VDefaultsProvider, {
76
+ "defaults": {
77
+ VIcon: {
78
+ icon: icon.value
79
+ }
80
+ }
81
+ }, {
82
+ default: () => [_createVNode("span", {
83
+ "class": "v-expansion-panel-title__icon"
84
+ }, [slots.actions?.(slotProps.value) ?? _createVNode(VIcon, null, null)])]
85
+ })]), [[_resolveDirective("ripple"), props.ripple]]));
73
86
  return {};
74
87
  }
75
88
  });
@@ -1 +1 @@
1
- {"version":3,"file":"VExpansionPanelTitle.mjs","names":["VExpansionPanelSymbol","VIcon","useBackgroundColor","makeComponentProps","IconValue","Ripple","computed","inject","genericComponent","propsFactory","useRender","makeVExpansionPanelTitleProps","color","String","expandIcon","type","default","collapseIcon","hideActions","Boolean","focusable","static","ripple","Object","readonly","VExpansionPanelTitle","name","directives","props","setup","_ref","slots","expansionPanel","Error","backgroundColorClasses","backgroundColorStyles","slotProps","disabled","value","expanded","isSelected","_withDirectives","_createVNode","class","style","undefined","toggle","actions","_resolveDirective"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanelTitle.tsx"],"sourcesContent":["// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { RippleDirectiveBinding } from '@/directives/ripple'\n\ninterface ExpansionPanelTitleSlot {\n collapseIcon: IconValue\n disabled: boolean | undefined\n expanded: boolean\n expandIcon: IconValue\n readonly: boolean\n}\n\nexport type VExpansionPanelTitleSlots = {\n default: ExpansionPanelTitleSlot\n actions: ExpansionPanelTitleSlot\n}\n\nexport const makeVExpansionPanelTitleProps = propsFactory({\n color: String,\n expandIcon: {\n type: IconValue,\n default: '$expand',\n },\n collapseIcon: {\n type: IconValue,\n default: '$collapse',\n },\n hideActions: Boolean,\n focusable: Boolean,\n static: Boolean,\n ripple: {\n type: [Boolean, Object] as PropType<RippleDirectiveBinding['value']>,\n default: false,\n },\n readonly: Boolean,\n\n ...makeComponentProps(),\n}, 'VExpansionPanelTitle')\n\nexport const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>()({\n name: 'VExpansionPanelTitle',\n\n directives: { Ripple },\n\n props: makeVExpansionPanelTitleProps(),\n\n setup (props, { slots }) {\n const expansionPanel = inject(VExpansionPanelSymbol)\n\n if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-title needs to be placed inside v-expansion-panel')\n\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'color')\n\n const slotProps = computed(() => ({\n collapseIcon: props.collapseIcon,\n disabled: expansionPanel.disabled.value,\n expanded: expansionPanel.isSelected.value,\n expandIcon: props.expandIcon,\n readonly: props.readonly,\n }))\n\n useRender(() => (\n <button\n class={[\n 'v-expansion-panel-title',\n {\n 'v-expansion-panel-title--active': expansionPanel.isSelected.value,\n 'v-expansion-panel-title--focusable': props.focusable,\n 'v-expansion-panel-title--static': props.static,\n },\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n props.style,\n ]}\n type=\"button\"\n tabindex={ expansionPanel.disabled.value ? -1 : undefined }\n disabled={ expansionPanel.disabled.value }\n aria-expanded={ expansionPanel.isSelected.value }\n onClick={ !props.readonly ? expansionPanel.toggle : undefined }\n v-ripple={ props.ripple }\n >\n <span class=\"v-expansion-panel-title__overlay\" />\n\n { slots.default?.(slotProps.value) }\n\n { !props.hideActions && (\n <span class=\"v-expansion-panel-title__icon\">\n {\n slots.actions ? slots.actions(slotProps.value)\n : <VIcon icon={ expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon } />\n }\n </span>\n )}\n </button>\n ))\n\n return {}\n },\n})\n\nexport type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"VExpansionPanelTitle.mjs","names":["VExpansionPanelSymbol","VDefaultsProvider","VIcon","useBackgroundColor","makeComponentProps","makeDimensionProps","useDimension","IconValue","Ripple","computed","inject","genericComponent","propsFactory","useRender","makeVExpansionPanelTitleProps","color","String","expandIcon","type","default","collapseIcon","hideActions","Boolean","focusable","static","ripple","Object","readonly","VExpansionPanelTitle","name","directives","props","setup","_ref","slots","expansionPanel","Error","backgroundColorClasses","backgroundColorStyles","dimensionStyles","slotProps","disabled","value","expanded","isSelected","icon","_withDirectives","_createVNode","class","style","undefined","toggle","actions","_resolveDirective"],"sources":["../../../src/components/VExpansionPanel/VExpansionPanelTitle.tsx"],"sourcesContent":["// Components\nimport { VExpansionPanelSymbol } from './shared'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, inject } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { RippleDirectiveBinding } from '@/directives/ripple'\n\ninterface ExpansionPanelTitleSlot {\n collapseIcon: IconValue\n disabled: boolean | undefined\n expanded: boolean\n expandIcon: IconValue\n readonly: boolean\n}\n\nexport type VExpansionPanelTitleSlots = {\n default: ExpansionPanelTitleSlot\n actions: ExpansionPanelTitleSlot\n}\n\nexport const makeVExpansionPanelTitleProps = propsFactory({\n color: String,\n expandIcon: {\n type: IconValue,\n default: '$expand',\n },\n collapseIcon: {\n type: IconValue,\n default: '$collapse',\n },\n hideActions: Boolean,\n focusable: Boolean,\n static: Boolean,\n ripple: {\n type: [Boolean, Object] as PropType<RippleDirectiveBinding['value']>,\n default: false,\n },\n readonly: Boolean,\n\n ...makeComponentProps(),\n ...makeDimensionProps(),\n}, 'VExpansionPanelTitle')\n\nexport const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>()({\n name: 'VExpansionPanelTitle',\n\n directives: { Ripple },\n\n props: makeVExpansionPanelTitleProps(),\n\n setup (props, { slots }) {\n const expansionPanel = inject(VExpansionPanelSymbol)\n\n if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-title needs to be placed inside v-expansion-panel')\n\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'color')\n const { dimensionStyles } = useDimension(props)\n\n const slotProps = computed(() => ({\n collapseIcon: props.collapseIcon,\n disabled: expansionPanel.disabled.value,\n expanded: expansionPanel.isSelected.value,\n expandIcon: props.expandIcon,\n readonly: props.readonly,\n }))\n\n const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon)\n\n useRender(() => (\n <button\n class={[\n 'v-expansion-panel-title',\n {\n 'v-expansion-panel-title--active': expansionPanel.isSelected.value,\n 'v-expansion-panel-title--focusable': props.focusable,\n 'v-expansion-panel-title--static': props.static,\n },\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n backgroundColorStyles.value,\n dimensionStyles.value,\n props.style,\n ]}\n type=\"button\"\n tabindex={ expansionPanel.disabled.value ? -1 : undefined }\n disabled={ expansionPanel.disabled.value }\n aria-expanded={ expansionPanel.isSelected.value }\n onClick={ !props.readonly ? expansionPanel.toggle : undefined }\n v-ripple={ props.ripple }\n >\n <span class=\"v-expansion-panel-title__overlay\" />\n\n { slots.default?.(slotProps.value) }\n\n { !props.hideActions && (\n <VDefaultsProvider\n defaults={{\n VIcon: {\n icon: icon.value,\n },\n }}\n >\n <span class=\"v-expansion-panel-title__icon\">\n { slots.actions?.(slotProps.value) ?? <VIcon /> }\n </span>\n </VDefaultsProvider>\n )}\n </button>\n ))\n\n return {}\n },\n})\n\nexport type VExpansionPanelTitle = InstanceType<typeof VExpansionPanelTitle>\n"],"mappings":"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","ignoreList":[]}