@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.
- package/CHANGELOG.md +14 -6
- package/dist/json/attributes.json +293 -121
- package/dist/json/importMap-labs.json +20 -20
- package/dist/json/importMap.json +164 -164
- package/dist/json/tags.json +49 -6
- package/dist/json/web-types.json +610 -221
- package/dist/vuetify-labs.css +3032 -3016
- package/dist/vuetify-labs.d.ts +1096 -821
- package/dist/vuetify-labs.esm.js +93 -44
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +93 -44
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +928 -912
- package/dist/vuetify.d.ts +905 -708
- package/dist/vuetify.esm.js +81 -38
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +81 -38
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +51 -48
- package/dist/vuetify.min.js.map +1 -1
- package/lib/blueprints/index.d.mts +58 -56
- package/lib/blueprints/md1.d.mts +58 -56
- package/lib/blueprints/md2.d.mts +58 -56
- package/lib/blueprints/md3.d.mts +58 -56
- package/lib/components/VAppBar/index.d.mts +6 -0
- package/lib/components/VAutocomplete/index.d.mts +49 -49
- package/lib/components/VAvatar/VAvatar.css +7 -0
- package/lib/components/VAvatar/VAvatar.mjs +6 -1
- package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
- package/lib/components/VAvatar/VAvatar.sass +1 -0
- package/lib/components/VAvatar/_variables.scss +13 -0
- package/lib/components/VAvatar/index.d.mts +6 -0
- package/lib/components/VBottomSheet/index.d.mts +7 -7
- package/lib/components/VBreadcrumbs/index.d.mts +8 -8
- package/lib/components/VBtn/VBtn.mjs +3 -1
- package/lib/components/VBtn/VBtn.mjs.map +1 -1
- package/lib/components/VBtn/index.d.mts +6 -0
- package/lib/components/VCarousel/index.d.mts +16 -7
- package/lib/components/VCheckbox/index.d.mts +6 -6
- package/lib/components/VCombobox/index.d.mts +49 -49
- package/lib/components/VDialog/index.d.mts +31 -31
- package/lib/components/VExpansionPanel/VExpansionPanel.mjs +23 -11
- package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
- package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +20 -7
- package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
- package/lib/components/VExpansionPanel/index.d.mts +122 -14
- package/lib/components/VFab/VFab.mjs +4 -7
- package/lib/components/VFab/VFab.mjs.map +1 -1
- package/lib/components/VFab/index.d.mts +52 -49
- package/lib/components/VFileInput/index.d.mts +18 -18
- package/lib/components/VForm/index.d.mts +9 -9
- package/lib/components/VGrid/VContainer.mjs +6 -1
- package/lib/components/VGrid/VContainer.mjs.map +1 -1
- package/lib/components/VGrid/index.d.mts +36 -0
- package/lib/components/VImg/VImg.css +9 -0
- package/lib/components/VImg/VImg.mjs +2 -0
- package/lib/components/VImg/VImg.mjs.map +1 -1
- package/lib/components/VImg/VImg.sass +9 -0
- package/lib/components/VImg/index.d.mts +16 -7
- package/lib/components/VInput/index.d.mts +6 -6
- package/lib/components/VList/VList.mjs +1 -0
- package/lib/components/VList/VList.mjs.map +1 -1
- package/lib/components/VList/index.d.mts +14 -12
- package/lib/components/VMenu/VMenu.mjs +1 -1
- package/lib/components/VMenu/VMenu.mjs.map +1 -1
- package/lib/components/VMenu/index.d.mts +33 -33
- package/lib/components/VOverlay/VOverlay.mjs +4 -3
- package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
- package/lib/components/VOverlay/index.d.mts +7 -7
- package/lib/components/VRadioGroup/index.d.mts +6 -6
- package/lib/components/VRangeSlider/index.d.mts +6 -6
- package/lib/components/VSelect/index.d.mts +49 -49
- package/lib/components/VSlider/index.d.mts +6 -6
- package/lib/components/VSnackbar/index.d.mts +33 -33
- package/lib/components/VSpeedDial/index.d.mts +9 -9
- package/lib/components/VSwitch/index.d.mts +6 -6
- package/lib/components/VTabs/index.d.mts +21 -3
- package/lib/components/VTextField/index.d.mts +18 -18
- package/lib/components/VTextarea/index.d.mts +18 -18
- package/lib/components/VTooltip/index.d.mts +39 -39
- package/lib/components/VValidation/index.d.mts +9 -8
- package/lib/components/index.d.mts +707 -509
- package/lib/composables/goto.mjs.map +1 -1
- package/lib/composables/icons.mjs.map +1 -1
- package/lib/composables/scroll.mjs +6 -0
- package/lib/composables/scroll.mjs.map +1 -1
- package/lib/composables/validation.mjs +8 -6
- package/lib/composables/validation.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/entry-bundler.mjs.map +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/framework.mjs.map +1 -1
- package/lib/index.d.mts +164 -165
- package/lib/labs/VDateInput/index.d.mts +6 -6
- package/lib/labs/VNumberInput/index.d.mts +6 -6
- package/lib/labs/VSnackbarQueue/index.d.mts +42 -42
- package/lib/labs/VStepperVertical/index.d.mts +93 -21
- package/lib/labs/VTimePicker/VTimePickerClock.mjs +3 -1
- package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
- package/lib/labs/VTimePicker/VTimePickerControls.mjs +7 -2
- package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
- package/lib/labs/VTreeview/VTreeview.mjs +3 -4
- package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
- package/lib/labs/VTreeview/index.d.mts +22 -16
- package/lib/labs/components.d.mts +166 -88
- 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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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 {
|
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";
|
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),
|
76
|
-
"
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
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"
|
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(
|
69
|
-
"
|
70
|
-
|
71
|
-
|
72
|
-
|
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
|
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":[]}
|