vuetify 3.0.3 → 3.0.5
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/dist/json/attributes.json +907 -891
- package/dist/json/importMap.json +74 -74
- package/dist/json/tags.json +4 -0
- package/dist/json/web-types.json +1163 -1123
- package/dist/vuetify.css +64 -67
- package/dist/vuetify.d.ts +230 -120
- package/dist/vuetify.esm.js +355 -295
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +355 -295
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +712 -708
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/index.d.ts +25 -8
- package/lib/components/VBottomNavigation/VBottomNavigation.mjs +6 -3
- package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
- package/lib/components/VBottomNavigation/index.d.ts +9 -0
- package/lib/components/VBtn/index.d.ts +2 -3
- package/lib/components/VCard/index.d.ts +2 -3
- package/lib/components/VCheckbox/VCheckbox.css +1 -1
- package/lib/components/VCheckbox/VCheckbox.sass +1 -1
- package/lib/components/VChip/VChip.mjs +15 -7
- package/lib/components/VChip/VChip.mjs.map +1 -1
- package/lib/components/VChip/index.d.ts +2 -0
- package/lib/components/VColorPicker/VColorPicker.mjs +2 -2
- package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerPreview.mjs +2 -2
- package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
- package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
- package/lib/components/VColorPicker/util/index.mjs +24 -14
- package/lib/components/VColorPicker/util/index.mjs.map +1 -1
- package/lib/components/VCombobox/VCombobox.mjs +1 -1
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.ts +25 -8
- package/lib/components/VDialog/index.d.ts +21 -6
- package/lib/components/VField/VField.mjs +1 -1
- package/lib/components/VField/VField.mjs.map +1 -1
- package/lib/components/VField/index.d.ts +5 -8
- package/lib/components/VFileInput/index.d.ts +2 -3
- package/lib/components/VGrid/VGrid.css +2 -2
- package/lib/components/VGrid/VGrid.sass +1 -1
- package/lib/components/VList/VListItem.mjs +2 -1
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VMenu/index.d.ts +21 -6
- package/lib/components/VOverlay/VOverlay.mjs +10 -3
- package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
- package/lib/components/VOverlay/index.d.ts +8 -1
- package/lib/components/VRadioGroup/VRadioGroup.mjs +1 -2
- package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
- package/lib/components/VSelect/VSelect.mjs +6 -2
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/index.d.ts +25 -8
- package/lib/components/VSelectionControl/VSelectionControl.css +4 -0
- package/lib/components/VSelectionControl/VSelectionControl.sass +4 -0
- package/lib/components/VSnackbar/index.d.ts +21 -6
- package/lib/components/VSwitch/VSwitch.css +1 -1
- package/lib/components/VSwitch/VSwitch.sass +1 -1
- package/lib/components/VSystemBar/VSystemBar.css +1 -1
- package/lib/components/VSystemBar/_variables.scss +1 -1
- package/lib/components/VTabs/VTab.css +2 -5
- package/lib/components/VTabs/VTab.sass +4 -6
- package/lib/components/VTabs/VTabs.css +0 -4
- package/lib/components/VTabs/VTabs.sass +0 -5
- package/lib/components/VTextField/index.d.ts +20 -29
- package/lib/components/VTextarea/index.d.ts +2 -3
- package/lib/components/VToolbar/VToolbar.mjs +32 -16
- package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
- package/lib/components/VTooltip/VTooltip.mjs +2 -1
- package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
- package/lib/components/VTooltip/index.d.ts +21 -6
- package/lib/components/index.d.ts +208 -98
- package/lib/composables/display.mjs +5 -4
- package/lib/composables/display.mjs.map +1 -1
- package/lib/composables/hydration.mjs +13 -8
- package/lib/composables/hydration.mjs.map +1 -1
- package/lib/composables/loader.mjs +1 -1
- package/lib/composables/loader.mjs.map +1 -1
- package/lib/composables/stack.mjs +16 -9
- package/lib/composables/stack.mjs.map +1 -1
- package/lib/composables/theme.mjs +7 -7
- package/lib/composables/theme.mjs.map +1 -1
- package/lib/composables/validation.mjs +2 -2
- package/lib/composables/validation.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.ts +22 -22
- package/lib/services/goto/util.mjs +1 -1
- package/lib/services/goto/util.mjs.map +1 -1
- package/lib/util/color/APCA.mjs +6 -6
- package/lib/util/color/APCA.mjs.map +1 -1
- package/lib/util/color/transformSRGB.mjs +15 -7
- package/lib/util/color/transformSRGB.mjs.map +1 -1
- package/lib/util/colorUtils.mjs +64 -81
- package/lib/util/colorUtils.mjs.map +1 -1
- package/lib/util/console.mjs +3 -3
- package/lib/util/console.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -80,7 +80,6 @@ declare const VTextField: {
|
|
|
80
80
|
error: boolean;
|
|
81
81
|
active: boolean;
|
|
82
82
|
direction: "horizontal" | "vertical";
|
|
83
|
-
loading: boolean;
|
|
84
83
|
autofocus: boolean;
|
|
85
84
|
disabled: boolean;
|
|
86
85
|
readonly: boolean;
|
|
@@ -100,7 +99,7 @@ declare const VTextField: {
|
|
|
100
99
|
persistentPlaceholder: boolean;
|
|
101
100
|
persistentCounter: boolean;
|
|
102
101
|
}> & Omit<Readonly<ExtractPropTypes<Omit<{
|
|
103
|
-
loading: BooleanConstructor;
|
|
102
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
104
103
|
theme: StringConstructor;
|
|
105
104
|
appendInnerIcon: PropType<IconValue>;
|
|
106
105
|
bgColor: StringConstructor;
|
|
@@ -184,7 +183,7 @@ declare const VTextField: {
|
|
|
184
183
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
185
184
|
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
|
|
186
185
|
"onClick:input"?: ((e: MouseEvent) => any) | undefined;
|
|
187
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "
|
|
186
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "type" | "error" | "active" | "direction" | "autofocus" | "disabled" | "readonly" | "messages" | "density" | "variant" | "clearIcon" | "focused" | "errorMessages" | "maxErrors" | "rules" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "persistentHint" | "persistentPlaceholder" | "persistentCounter">;
|
|
188
187
|
$attrs: {
|
|
189
188
|
[x: string]: unknown;
|
|
190
189
|
};
|
|
@@ -199,7 +198,7 @@ declare const VTextField: {
|
|
|
199
198
|
$emit: ((event: "update:modelValue", val: string) => void) & ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "click:input", e: MouseEvent) => void);
|
|
200
199
|
$el: any;
|
|
201
200
|
$options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
|
|
202
|
-
loading: BooleanConstructor;
|
|
201
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
203
202
|
theme: StringConstructor;
|
|
204
203
|
appendInnerIcon: PropType<IconValue>;
|
|
205
204
|
bgColor: StringConstructor;
|
|
@@ -511,7 +510,6 @@ declare const VTextField: {
|
|
|
511
510
|
reverse: boolean;
|
|
512
511
|
error: boolean;
|
|
513
512
|
active: boolean;
|
|
514
|
-
loading: boolean;
|
|
515
513
|
disabled: boolean;
|
|
516
514
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
517
515
|
clearIcon: IconValue;
|
|
@@ -521,7 +519,7 @@ declare const VTextField: {
|
|
|
521
519
|
persistentClear: boolean;
|
|
522
520
|
singleLine: boolean;
|
|
523
521
|
}> & Omit<Readonly<ExtractPropTypes<Omit<{
|
|
524
|
-
loading: BooleanConstructor;
|
|
522
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
525
523
|
theme: StringConstructor;
|
|
526
524
|
appendInnerIcon: PropType<IconValue>;
|
|
527
525
|
bgColor: StringConstructor;
|
|
@@ -553,7 +551,7 @@ declare const VTextField: {
|
|
|
553
551
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
|
|
554
552
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
555
553
|
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
|
|
556
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "
|
|
554
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
|
|
557
555
|
$attrs: {
|
|
558
556
|
[x: string]: unknown;
|
|
559
557
|
};
|
|
@@ -568,7 +566,7 @@ declare const VTextField: {
|
|
|
568
566
|
$emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
|
|
569
567
|
$el: any;
|
|
570
568
|
$options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
|
|
571
|
-
loading: BooleanConstructor;
|
|
569
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
572
570
|
theme: StringConstructor;
|
|
573
571
|
appendInnerIcon: PropType<IconValue>;
|
|
574
572
|
bgColor: StringConstructor;
|
|
@@ -610,7 +608,6 @@ declare const VTextField: {
|
|
|
610
608
|
reverse: boolean;
|
|
611
609
|
error: boolean;
|
|
612
610
|
active: boolean;
|
|
613
|
-
loading: boolean;
|
|
614
611
|
disabled: boolean;
|
|
615
612
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
616
613
|
clearIcon: IconValue;
|
|
@@ -640,7 +637,7 @@ declare const VTextField: {
|
|
|
640
637
|
$nextTick: typeof nextTick;
|
|
641
638
|
$watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
642
639
|
} & Readonly<ExtractPropTypes<Omit<{
|
|
643
|
-
loading: BooleanConstructor;
|
|
640
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
644
641
|
theme: StringConstructor;
|
|
645
642
|
appendInnerIcon: PropType<IconValue>;
|
|
646
643
|
bgColor: StringConstructor;
|
|
@@ -703,7 +700,7 @@ declare const VTextField: {
|
|
|
703
700
|
"v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
|
|
704
701
|
"v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
|
|
705
702
|
};
|
|
706
|
-
}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "
|
|
703
|
+
}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
707
704
|
'click:control': (e: MouseEvent) => boolean;
|
|
708
705
|
'click:input': (e: MouseEvent) => boolean;
|
|
709
706
|
'update:focused': (focused: boolean) => boolean;
|
|
@@ -714,7 +711,6 @@ declare const VTextField: {
|
|
|
714
711
|
error: boolean;
|
|
715
712
|
active: boolean;
|
|
716
713
|
direction: "horizontal" | "vertical";
|
|
717
|
-
loading: boolean;
|
|
718
714
|
autofocus: boolean;
|
|
719
715
|
disabled: boolean;
|
|
720
716
|
readonly: boolean;
|
|
@@ -754,7 +750,7 @@ declare const VTextField: {
|
|
|
754
750
|
$nextTick: typeof nextTick;
|
|
755
751
|
$watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
756
752
|
} & Readonly<ExtractPropTypes<Omit<{
|
|
757
|
-
loading: BooleanConstructor;
|
|
753
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
758
754
|
theme: StringConstructor;
|
|
759
755
|
appendInnerIcon: PropType<IconValue>;
|
|
760
756
|
bgColor: StringConstructor;
|
|
@@ -1066,7 +1062,6 @@ declare const VTextField: {
|
|
|
1066
1062
|
reverse: boolean;
|
|
1067
1063
|
error: boolean;
|
|
1068
1064
|
active: boolean;
|
|
1069
|
-
loading: boolean;
|
|
1070
1065
|
disabled: boolean;
|
|
1071
1066
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
1072
1067
|
clearIcon: IconValue;
|
|
@@ -1076,7 +1071,7 @@ declare const VTextField: {
|
|
|
1076
1071
|
persistentClear: boolean;
|
|
1077
1072
|
singleLine: boolean;
|
|
1078
1073
|
}> & Omit<Readonly<ExtractPropTypes<Omit<{
|
|
1079
|
-
loading: BooleanConstructor;
|
|
1074
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1080
1075
|
theme: StringConstructor;
|
|
1081
1076
|
appendInnerIcon: PropType<IconValue>;
|
|
1082
1077
|
bgColor: StringConstructor;
|
|
@@ -1108,7 +1103,7 @@ declare const VTextField: {
|
|
|
1108
1103
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
|
|
1109
1104
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
1110
1105
|
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
|
|
1111
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "
|
|
1106
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
|
|
1112
1107
|
$attrs: {
|
|
1113
1108
|
[x: string]: unknown;
|
|
1114
1109
|
};
|
|
@@ -1123,7 +1118,7 @@ declare const VTextField: {
|
|
|
1123
1118
|
$emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
|
|
1124
1119
|
$el: any;
|
|
1125
1120
|
$options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
|
|
1126
|
-
loading: BooleanConstructor;
|
|
1121
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1127
1122
|
theme: StringConstructor;
|
|
1128
1123
|
appendInnerIcon: PropType<IconValue>;
|
|
1129
1124
|
bgColor: StringConstructor;
|
|
@@ -1165,7 +1160,6 @@ declare const VTextField: {
|
|
|
1165
1160
|
reverse: boolean;
|
|
1166
1161
|
error: boolean;
|
|
1167
1162
|
active: boolean;
|
|
1168
|
-
loading: boolean;
|
|
1169
1163
|
disabled: boolean;
|
|
1170
1164
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
1171
1165
|
clearIcon: IconValue;
|
|
@@ -1195,7 +1189,7 @@ declare const VTextField: {
|
|
|
1195
1189
|
$nextTick: typeof nextTick;
|
|
1196
1190
|
$watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
1197
1191
|
} & Readonly<ExtractPropTypes<Omit<{
|
|
1198
|
-
loading: BooleanConstructor;
|
|
1192
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1199
1193
|
theme: StringConstructor;
|
|
1200
1194
|
appendInnerIcon: PropType<IconValue>;
|
|
1201
1195
|
bgColor: StringConstructor;
|
|
@@ -1258,12 +1252,12 @@ declare const VTextField: {
|
|
|
1258
1252
|
"v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
|
|
1259
1253
|
"v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
|
|
1260
1254
|
};
|
|
1261
|
-
}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "
|
|
1255
|
+
}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
|
|
1262
1256
|
__isFragment?: undefined;
|
|
1263
1257
|
__isTeleport?: undefined;
|
|
1264
1258
|
__isSuspense?: undefined;
|
|
1265
1259
|
} & vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
|
|
1266
|
-
loading: BooleanConstructor;
|
|
1260
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1267
1261
|
theme: StringConstructor;
|
|
1268
1262
|
appendInnerIcon: PropType<IconValue>;
|
|
1269
1263
|
bgColor: StringConstructor;
|
|
@@ -1575,7 +1569,6 @@ declare const VTextField: {
|
|
|
1575
1569
|
reverse: boolean;
|
|
1576
1570
|
error: boolean;
|
|
1577
1571
|
active: boolean;
|
|
1578
|
-
loading: boolean;
|
|
1579
1572
|
disabled: boolean;
|
|
1580
1573
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
1581
1574
|
clearIcon: IconValue;
|
|
@@ -1585,7 +1578,7 @@ declare const VTextField: {
|
|
|
1585
1578
|
persistentClear: boolean;
|
|
1586
1579
|
singleLine: boolean;
|
|
1587
1580
|
}> & Omit<Readonly<ExtractPropTypes<Omit<{
|
|
1588
|
-
loading: BooleanConstructor;
|
|
1581
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1589
1582
|
theme: StringConstructor;
|
|
1590
1583
|
appendInnerIcon: PropType<IconValue>;
|
|
1591
1584
|
bgColor: StringConstructor;
|
|
@@ -1617,7 +1610,7 @@ declare const VTextField: {
|
|
|
1617
1610
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader">>> & {
|
|
1618
1611
|
"onUpdate:focused"?: ((focused: boolean) => any) | undefined;
|
|
1619
1612
|
"onClick:control"?: ((e: MouseEvent) => any) | undefined;
|
|
1620
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "
|
|
1613
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine">;
|
|
1621
1614
|
$attrs: {
|
|
1622
1615
|
[x: string]: unknown;
|
|
1623
1616
|
};
|
|
@@ -1632,7 +1625,7 @@ declare const VTextField: {
|
|
|
1632
1625
|
$emit: ((event: "click:control", e: MouseEvent) => void) & ((event: "update:focused", focused: boolean) => void);
|
|
1633
1626
|
$el: any;
|
|
1634
1627
|
$options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<Omit<{
|
|
1635
|
-
loading: BooleanConstructor;
|
|
1628
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1636
1629
|
theme: StringConstructor;
|
|
1637
1630
|
appendInnerIcon: PropType<IconValue>;
|
|
1638
1631
|
bgColor: StringConstructor;
|
|
@@ -1674,7 +1667,6 @@ declare const VTextField: {
|
|
|
1674
1667
|
reverse: boolean;
|
|
1675
1668
|
error: boolean;
|
|
1676
1669
|
active: boolean;
|
|
1677
|
-
loading: boolean;
|
|
1678
1670
|
disabled: boolean;
|
|
1679
1671
|
variant: "filled" | "outlined" | "plain" | "underlined" | "solo";
|
|
1680
1672
|
clearIcon: IconValue;
|
|
@@ -1704,7 +1696,7 @@ declare const VTextField: {
|
|
|
1704
1696
|
$nextTick: typeof nextTick;
|
|
1705
1697
|
$watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
1706
1698
|
} & Readonly<ExtractPropTypes<Omit<{
|
|
1707
|
-
loading: BooleanConstructor;
|
|
1699
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
1708
1700
|
theme: StringConstructor;
|
|
1709
1701
|
appendInnerIcon: PropType<IconValue>;
|
|
1710
1702
|
bgColor: StringConstructor;
|
|
@@ -1767,7 +1759,7 @@ declare const VTextField: {
|
|
|
1767
1759
|
"v-slot:loader"?: false | ((args_0: LoaderSlotProps) => vue.VNodeChild) | undefined;
|
|
1768
1760
|
"v-slot:default"?: false | ((args_0: VFieldSlot) => vue.VNodeChild) | undefined;
|
|
1769
1761
|
};
|
|
1770
|
-
}, "id" | "color" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "
|
|
1762
|
+
}, "id" | "color" | "loading" | "label" | "$children" | "theme" | "v-slots" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "appendInnerIcon" | "prependInnerIcon" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "onUpdate:focused" | "v-slot:clear" | "v-slot:prepend-inner" | "v-slot:append-inner" | "v-slot:label" | "v-slot:loader" | "onClick:control" | ("reverse" | "error" | "active" | "disabled" | "variant" | "clearIcon" | "focused" | "clearable" | "dirty" | "persistentClear" | "singleLine")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
1771
1763
|
'click:control': (e: MouseEvent) => boolean;
|
|
1772
1764
|
'click:input': (e: MouseEvent) => boolean;
|
|
1773
1765
|
'update:focused': (focused: boolean) => boolean;
|
|
@@ -1778,7 +1770,6 @@ declare const VTextField: {
|
|
|
1778
1770
|
error: boolean;
|
|
1779
1771
|
active: boolean;
|
|
1780
1772
|
direction: "horizontal" | "vertical";
|
|
1781
|
-
loading: boolean;
|
|
1782
1773
|
autofocus: boolean;
|
|
1783
1774
|
disabled: boolean;
|
|
1784
1775
|
readonly: boolean;
|
|
@@ -26,7 +26,7 @@ interface VInputSlot {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
declare const VTextarea: vue.DefineComponent<{
|
|
29
|
-
loading: BooleanConstructor;
|
|
29
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
30
30
|
theme: StringConstructor;
|
|
31
31
|
appendInnerIcon: PropType<IconValue>;
|
|
32
32
|
bgColor: StringConstructor;
|
|
@@ -338,7 +338,7 @@ declare const VTextarea: vue.DefineComponent<{
|
|
|
338
338
|
'update:focused': (focused: boolean) => true;
|
|
339
339
|
'update:modelValue': (val: string) => true;
|
|
340
340
|
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
341
|
-
loading: BooleanConstructor;
|
|
341
|
+
loading: (StringConstructor | BooleanConstructor)[];
|
|
342
342
|
theme: StringConstructor;
|
|
343
343
|
appendInnerIcon: PropType<IconValue>;
|
|
344
344
|
bgColor: StringConstructor;
|
|
@@ -433,7 +433,6 @@ declare const VTextarea: vue.DefineComponent<{
|
|
|
433
433
|
error: boolean;
|
|
434
434
|
active: boolean;
|
|
435
435
|
direction: "horizontal" | "vertical";
|
|
436
|
-
loading: boolean;
|
|
437
436
|
autofocus: boolean;
|
|
438
437
|
disabled: boolean;
|
|
439
438
|
readonly: boolean;
|
|
@@ -107,27 +107,43 @@ export const VToolbar = genericComponent()({
|
|
|
107
107
|
}
|
|
108
108
|
}, {
|
|
109
109
|
default: () => [slots.image ? (_slots$image = slots.image) == null ? void 0 : _slots$image.call(slots) : _createVNode(VImg, null, null)]
|
|
110
|
-
})]), _createVNode(
|
|
111
|
-
"
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
})]), _createVNode(VDefaultsProvider, {
|
|
111
|
+
"defaults": {
|
|
112
|
+
VTabs: {
|
|
113
|
+
height: convertToUnit(contentHeight.value)
|
|
114
|
+
}
|
|
114
115
|
}
|
|
115
|
-
}, [slots.prepend && _createVNode("div", {
|
|
116
|
-
"class": "v-toolbar__prepend"
|
|
117
|
-
}, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && _createVNode(VToolbarTitle, {
|
|
118
|
-
"key": "title",
|
|
119
|
-
"text": props.title
|
|
120
116
|
}, {
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"class": "v-toolbar__append"
|
|
124
|
-
}, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])]), _createVNode(VExpandTransition, null, {
|
|
125
|
-
default: () => [isExtended.value && _createVNode("div", {
|
|
126
|
-
"class": "v-toolbar__extension",
|
|
117
|
+
default: () => [_createVNode("div", {
|
|
118
|
+
"class": "v-toolbar__content",
|
|
127
119
|
"style": {
|
|
120
|
+
height: convertToUnit(contentHeight.value)
|
|
121
|
+
}
|
|
122
|
+
}, [slots.prepend && _createVNode("div", {
|
|
123
|
+
"class": "v-toolbar__prepend"
|
|
124
|
+
}, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)]), hasTitle && _createVNode(VToolbarTitle, {
|
|
125
|
+
"key": "title",
|
|
126
|
+
"text": props.title
|
|
127
|
+
}, {
|
|
128
|
+
text: slots.title
|
|
129
|
+
}), (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots), slots.append && _createVNode("div", {
|
|
130
|
+
"class": "v-toolbar__append"
|
|
131
|
+
}, [(_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)])])]
|
|
132
|
+
}), _createVNode(VDefaultsProvider, {
|
|
133
|
+
"defaults": {
|
|
134
|
+
VTabs: {
|
|
128
135
|
height: convertToUnit(extensionHeight.value)
|
|
129
136
|
}
|
|
130
|
-
}
|
|
137
|
+
}
|
|
138
|
+
}, {
|
|
139
|
+
default: () => [_createVNode(VExpandTransition, null, {
|
|
140
|
+
default: () => [isExtended.value && _createVNode("div", {
|
|
141
|
+
"class": "v-toolbar__extension",
|
|
142
|
+
"style": {
|
|
143
|
+
height: convertToUnit(extensionHeight.value)
|
|
144
|
+
}
|
|
145
|
+
}, [extension])]
|
|
146
|
+
})]
|
|
131
147
|
})]
|
|
132
148
|
});
|
|
133
149
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VToolbar.mjs","names":["VDefaultsProvider","VExpandTransition","VImg","VToolbarTitle","makeBorderProps","useBorder","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useBackgroundColor","computed","ref","toRef","convertToUnit","genericComponent","pick","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","color","String","density","type","default","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","cover","src","prepend","text","append","filterToolbarProps","Object","keys"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VImg } from '@/components/VImg'\nimport { VToolbarTitle } from './VToolbarTitle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { convertToUnit, genericComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n absolute: Boolean,\n collapse: Boolean,\n color: String,\n density: {\n type: String as PropType<Density>,\n default: 'default',\n validator: (v: any) => allowedDensities.includes(v),\n },\n extended: Boolean,\n extensionHeight: {\n type: [Number, String],\n default: 48,\n },\n flat: Boolean,\n floating: Boolean,\n height: {\n type: [Number, String],\n default: 64,\n },\n image: String,\n title: String,\n\n ...makeBorderProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'header' }),\n ...makeThemeProps(),\n}, 'v-toolbar')\n\nexport type VToolbarSlots = MakeSlots<{\n default: []\n image: []\n prepend: []\n append: []\n title: []\n extension: []\n}>\n\nexport const VToolbar = genericComponent<new () => {\n $props: SlotsToProps<VToolbarSlots>\n}>()({\n name: 'VToolbar',\n\n props: makeVToolbarProps(),\n\n setup (props, { slots }) {\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { themeClasses } = provideTheme(props)\n\n const isExtended = ref(!!(props.extended || slots.extension?.()))\n const contentHeight = computed(() => parseInt((\n Number(props.height) +\n (props.density === 'prominent' ? Number(props.height) : 0) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ), 10))\n const extensionHeight = computed(() => isExtended.value\n ? parseInt((\n Number(props.extensionHeight) +\n (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n (props.density === 'comfortable' ? 4 : 0) -\n (props.density === 'compact' ? 8 : 0)\n ), 10)\n : 0\n )\n\n provideDefaults({\n VBtn: {\n variant: 'text',\n },\n })\n\n useRender(() => {\n const hasTitle = !!(props.title || slots.title)\n const hasImage = !!(slots.image || props.image)\n\n const extension = slots.extension?.()\n isExtended.value = !!(props.extended || extension)\n\n return (\n <props.tag\n class={[\n 'v-toolbar',\n {\n 'v-toolbar--absolute': props.absolute,\n 'v-toolbar--collapse': props.collapse,\n 'v-toolbar--flat': props.flat,\n 'v-toolbar--floating': props.floating,\n [`v-toolbar--density-${props.density}`]: true,\n },\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n themeClasses.value,\n ]}\n style={[\n backgroundColorStyles.value,\n ]}\n >\n { hasImage && (\n <div key=\"image\" class=\"v-toolbar__image\">\n <VDefaultsProvider\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n >\n { slots.image ? slots.image?.() : (<VImg />) }\n </VDefaultsProvider>\n </div>\n ) }\n\n <div\n class=\"v-toolbar__content\"\n style={{ height: convertToUnit(contentHeight.value) }}\n >\n { slots.prepend && (\n <div class=\"v-toolbar__prepend\">\n { slots.prepend?.() }\n </div>\n ) }\n\n { hasTitle && (\n <VToolbarTitle key=\"title\" text={ props.title }>\n {{ text: slots.title }}\n </VToolbarTitle>\n ) }\n\n { slots.default?.() }\n\n { slots.append && (\n <div class=\"v-toolbar__append\">\n { slots.append?.() }\n </div>\n ) }\n </div>\n\n <VExpandTransition>\n { isExtended.value && (\n <div\n class=\"v-toolbar__extension\"\n style={{ height: convertToUnit(extensionHeight.value) }}\n >\n { extension }\n </div>\n ) }\n </VExpandTransition>\n </props.tag>\n )\n })\n\n return {\n contentHeight,\n extensionHeight,\n }\n },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n\nexport function filterToolbarProps (props: ExtractPropTypes<ReturnType<typeof makeVToolbarProps>>) {\n return pick(props, Object.keys(VToolbar?.props ?? {}) as any)\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VToolbar.mjs","names":["VDefaultsProvider","VExpandTransition","VImg","VToolbarTitle","makeBorderProps","useBorder","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","provideDefaults","useBackgroundColor","computed","ref","toRef","convertToUnit","genericComponent","pick","propsFactory","useRender","allowedDensities","makeVToolbarProps","absolute","Boolean","collapse","color","String","density","type","default","validator","v","includes","extended","extensionHeight","Number","flat","floating","height","image","title","tag","VToolbar","name","props","setup","slots","backgroundColorClasses","backgroundColorStyles","borderClasses","elevationClasses","roundedClasses","themeClasses","isExtended","extension","contentHeight","parseInt","value","VBtn","variant","hasTitle","hasImage","cover","src","VTabs","prepend","text","append","filterToolbarProps","Object","keys"],"sources":["../../../src/components/VToolbar/VToolbar.tsx"],"sourcesContent":["// Styles\nimport './VToolbar.sass'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VExpandTransition } from '@/components/transitions'\nimport { VImg } from '@/components/VImg'\nimport { VToolbarTitle } from './VToolbarTitle'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { provideDefaults } from '@/composables/defaults'\nimport { useBackgroundColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef } from 'vue'\nimport { convertToUnit, genericComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\n\nconst allowedDensities = [null, 'prominent', 'default', 'comfortable', 'compact'] as const\n\nexport type Density = null | 'prominent' | 'default' | 'comfortable' | 'compact'\n\nexport const makeVToolbarProps = propsFactory({\n absolute: Boolean,\n collapse: Boolean,\n color: String,\n density: {\n type: String as PropType<Density>,\n default: 'default',\n validator: (v: any) => allowedDensities.includes(v),\n },\n extended: Boolean,\n extensionHeight: {\n type: [Number, String],\n default: 48,\n },\n flat: Boolean,\n floating: Boolean,\n height: {\n type: [Number, String],\n default: 64,\n },\n image: String,\n title: String,\n\n ...makeBorderProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'header' }),\n ...makeThemeProps(),\n}, 'v-toolbar')\n\nexport type VToolbarSlots = MakeSlots<{\n default: []\n image: []\n prepend: []\n append: []\n title: []\n extension: []\n}>\n\nexport const VToolbar = genericComponent<new () => {\n $props: SlotsToProps<VToolbarSlots>\n}>()({\n name: 'VToolbar',\n\n props: makeVToolbarProps(),\n\n setup (props, { slots }) {\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'color'))\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n const { themeClasses } = provideTheme(props)\n\n const isExtended = ref(!!(props.extended || slots.extension?.()))\n const contentHeight = computed(() => parseInt((\n Number(props.height) +\n (props.density === 'prominent' ? Number(props.height) : 0) -\n (props.density === 'comfortable' ? 8 : 0) -\n (props.density === 'compact' ? 16 : 0)\n ), 10))\n const extensionHeight = computed(() => isExtended.value\n ? parseInt((\n Number(props.extensionHeight) +\n (props.density === 'prominent' ? Number(props.extensionHeight) : 0) -\n (props.density === 'comfortable' ? 4 : 0) -\n (props.density === 'compact' ? 8 : 0)\n ), 10)\n : 0\n )\n\n provideDefaults({\n VBtn: {\n variant: 'text',\n },\n })\n\n useRender(() => {\n const hasTitle = !!(props.title || slots.title)\n const hasImage = !!(slots.image || props.image)\n\n const extension = slots.extension?.()\n isExtended.value = !!(props.extended || extension)\n\n return (\n <props.tag\n class={[\n 'v-toolbar',\n {\n 'v-toolbar--absolute': props.absolute,\n 'v-toolbar--collapse': props.collapse,\n 'v-toolbar--flat': props.flat,\n 'v-toolbar--floating': props.floating,\n [`v-toolbar--density-${props.density}`]: true,\n },\n backgroundColorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n themeClasses.value,\n ]}\n style={[\n backgroundColorStyles.value,\n ]}\n >\n { hasImage && (\n <div key=\"image\" class=\"v-toolbar__image\">\n <VDefaultsProvider\n defaults={{\n VImg: {\n cover: true,\n src: props.image,\n },\n }}\n >\n { slots.image ? slots.image?.() : (<VImg />) }\n </VDefaultsProvider>\n </div>\n ) }\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(contentHeight.value),\n },\n }}\n >\n <div\n class=\"v-toolbar__content\"\n style={{ height: convertToUnit(contentHeight.value) }}\n >\n { slots.prepend && (\n <div class=\"v-toolbar__prepend\">\n { slots.prepend?.() }\n </div>\n ) }\n\n { hasTitle && (\n <VToolbarTitle key=\"title\" text={ props.title }>\n {{ text: slots.title }}\n </VToolbarTitle>\n ) }\n\n { slots.default?.() }\n\n { slots.append && (\n <div class=\"v-toolbar__append\">\n { slots.append?.() }\n </div>\n ) }\n </div>\n </VDefaultsProvider>\n\n <VDefaultsProvider\n defaults={{\n VTabs: {\n height: convertToUnit(extensionHeight.value),\n },\n }}\n >\n <VExpandTransition>\n { isExtended.value && (\n <div\n class=\"v-toolbar__extension\"\n style={{ height: convertToUnit(extensionHeight.value) }}\n >\n { extension }\n </div>\n ) }\n </VExpandTransition>\n </VDefaultsProvider>\n </props.tag>\n )\n })\n\n return {\n contentHeight,\n extensionHeight,\n }\n },\n})\n\nexport type VToolbar = InstanceType<typeof VToolbar>\n\nexport function filterToolbarProps (props: ExtractPropTypes<ReturnType<typeof makeVToolbarProps>>) {\n return pick(props, Object.keys(VToolbar?.props ?? {}) as any)\n}\n"],"mappings":"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"}
|
|
@@ -71,7 +71,8 @@ export const VTooltip = genericComponent()({
|
|
|
71
71
|
"eager": true,
|
|
72
72
|
"activatorProps": mergeProps({
|
|
73
73
|
'aria-describedby': id.value
|
|
74
|
-
}, props.activatorProps)
|
|
74
|
+
}, props.activatorProps),
|
|
75
|
+
"_disableGlobalStack": true
|
|
75
76
|
}, scopeId), {
|
|
76
77
|
activator: slots.activator,
|
|
77
78
|
default: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VTooltip.mjs","names":["VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","ref","genericComponent","getUid","omit","useRender","filterVOverlayProps","makeVOverlayProps","VTooltip","name","props","id","String","text","closeOnBack","location","locationStrategy","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","emits","value","setup","slots","isActive","scopeId","uid","overlay","split","length","overlayProps","activatorProps","activator","default","args"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, useRender } from '@/util'\nimport { filterVOverlayProps, makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<new () => {\n $props: SlotsToProps<OverlaySlots>\n}>()({\n name: 'VTooltip',\n\n props: {\n id: String,\n text: String,\n\n ...omit(makeVOverlayProps({\n closeOnBack: false,\n location: 'end' as const,\n locationStrategy: 'connected' as const,\n minWidth: 0,\n offset: 10,\n openOnClick: false,\n openOnHover: true,\n origin: 'auto' as const,\n scrim: false,\n scrollStrategy: 'reposition' as const,\n transition: false,\n }), [\n 'absolute',\n 'persistent',\n 'eager',\n ]),\n },\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n },\n\n setup (props, { slots }) {\n const isActive = useProxiedModel(props, 'modelValue')\n const { scopeId } = useScopeId()\n\n const uid = getUid()\n const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n const overlay = ref<VOverlay>()\n\n const location = computed(() => {\n return props.location.split(' ').length > 1\n ? props.location\n : props.location + ' center' as StrategyProps['location']\n })\n\n const origin = computed(() => {\n return (\n props.origin === 'auto' ||\n props.origin === 'overlap' ||\n props.origin.split(' ').length > 1 ||\n props.location.split(' ').length > 1\n ) ? props.origin\n : props.origin + ' center' as StrategyProps['origin']\n })\n\n const transition = computed(() => {\n if (props.transition) return props.transition\n return isActive.value ? 'scale-transition' : 'fade-transition'\n })\n\n useRender(() => {\n const [overlayProps] = filterVOverlayProps(props)\n\n return (\n <VOverlay\n ref={ overlay }\n class={[\n 'v-tooltip',\n ]}\n id={ id.value }\n { ...overlayProps }\n v-model={ isActive.value }\n transition={ transition.value }\n absolute\n location={ location.value }\n origin={ origin.value }\n persistent\n role=\"tooltip\"\n eager\n activatorProps={ mergeProps({\n 'aria-describedby': id.value,\n }, props.activatorProps) }\n { ...scopeId }\n >\n {{\n activator: slots.activator,\n default: (...args) => slots.default?.(...args) ?? props.text,\n }}\n </VOverlay>\n )\n })\n\n return forwardRefs({}, overlay)\n },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"VTooltip.mjs","names":["VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","ref","genericComponent","getUid","omit","useRender","filterVOverlayProps","makeVOverlayProps","VTooltip","name","props","id","String","text","closeOnBack","location","locationStrategy","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","emits","value","setup","slots","isActive","scopeId","uid","overlay","split","length","overlayProps","activatorProps","activator","default","args"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, useRender } from '@/util'\nimport { filterVOverlayProps, makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<new () => {\n $props: SlotsToProps<OverlaySlots>\n}>()({\n name: 'VTooltip',\n\n props: {\n id: String,\n text: String,\n\n ...omit(makeVOverlayProps({\n closeOnBack: false,\n location: 'end' as const,\n locationStrategy: 'connected' as const,\n minWidth: 0,\n offset: 10,\n openOnClick: false,\n openOnHover: true,\n origin: 'auto' as const,\n scrim: false,\n scrollStrategy: 'reposition' as const,\n transition: false,\n }), [\n 'absolute',\n 'persistent',\n 'eager',\n ]),\n },\n\n emits: {\n 'update:modelValue': (value: boolean) => true,\n },\n\n setup (props, { slots }) {\n const isActive = useProxiedModel(props, 'modelValue')\n const { scopeId } = useScopeId()\n\n const uid = getUid()\n const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n const overlay = ref<VOverlay>()\n\n const location = computed(() => {\n return props.location.split(' ').length > 1\n ? props.location\n : props.location + ' center' as StrategyProps['location']\n })\n\n const origin = computed(() => {\n return (\n props.origin === 'auto' ||\n props.origin === 'overlap' ||\n props.origin.split(' ').length > 1 ||\n props.location.split(' ').length > 1\n ) ? props.origin\n : props.origin + ' center' as StrategyProps['origin']\n })\n\n const transition = computed(() => {\n if (props.transition) return props.transition\n return isActive.value ? 'scale-transition' : 'fade-transition'\n })\n\n useRender(() => {\n const [overlayProps] = filterVOverlayProps(props)\n\n return (\n <VOverlay\n ref={ overlay }\n class={[\n 'v-tooltip',\n ]}\n id={ id.value }\n { ...overlayProps }\n v-model={ isActive.value }\n transition={ transition.value }\n absolute\n location={ location.value }\n origin={ origin.value }\n persistent\n role=\"tooltip\"\n eager\n activatorProps={ mergeProps({\n 'aria-describedby': id.value,\n }, props.activatorProps) }\n _disableGlobalStack\n { ...scopeId }\n >\n {{\n activator: slots.activator,\n default: (...args) => slots.default?.(...args) ?? props.text,\n }}\n </VOverlay>\n )\n })\n\n return forwardRefs({}, overlay)\n },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,QAAQ,iCAEjB;AAAA,SACSC,eAAe;AAAA,SACfC,UAAU;AAAA,SACVC,WAAW,6CAEpB;AACA,SAASC,QAAQ,EAAEC,UAAU,EAAEC,GAAG,QAAQ,KAAK;AAAA,SACtCC,gBAAgB,EAAEC,MAAM,EAAEC,IAAI,EAAEC,SAAS;AAAA,SACzCC,mBAAmB,EAAEC,iBAAiB,oCAE/C;AAKA,OAAO,MAAMC,QAAQ,GAAGN,gBAAgB,EAEpC,CAAC;EACHO,IAAI,EAAE,UAAU;EAEhBC,KAAK,EAAE;IACLC,EAAE,EAAEC,MAAM;IACVC,IAAI,EAAED,MAAM;IAEZ,GAAGR,IAAI,CAACG,iBAAiB,CAAC;MACxBO,WAAW,EAAE,KAAK;MAClBC,QAAQ,EAAE,KAAc;MACxBC,gBAAgB,EAAE,WAAoB;MACtCC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,KAAK;MAClBC,WAAW,EAAE,IAAI;MACjBC,MAAM,EAAE,MAAe;MACvBC,KAAK,EAAE,KAAK;MACZC,cAAc,EAAE,YAAqB;MACrCC,UAAU,EAAE;IACd,CAAC,CAAC,EAAE,CACF,UAAU,EACV,YAAY,EACZ,OAAO,CACR;EACH,CAAC;EAEDC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAc,IAAK;EAC3C,CAAC;EAEDC,KAAK,CAAEjB,KAAK,QAAa;IAAA,IAAX;MAAEkB;IAAM,CAAC;IACrB,MAAMC,QAAQ,GAAGjC,eAAe,CAACc,KAAK,EAAE,YAAY,CAAC;IACrD,MAAM;MAAEoB;IAAQ,CAAC,GAAGjC,UAAU,EAAE;IAEhC,MAAMkC,GAAG,GAAG5B,MAAM,EAAE;IACpB,MAAMQ,EAAE,GAAGZ,QAAQ,CAAC,MAAMW,KAAK,CAACC,EAAE,IAAK,aAAYoB,GAAI,EAAC,CAAC;IAEzD,MAAMC,OAAO,GAAG/B,GAAG,EAAY;IAE/B,MAAMc,QAAQ,GAAGhB,QAAQ,CAAC,MAAM;MAC9B,OAAOW,KAAK,CAACK,QAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG,CAAC,GACvCxB,KAAK,CAACK,QAAQ,GACdL,KAAK,CAACK,QAAQ,GAAG,SAAsC;IAC7D,CAAC,CAAC;IAEF,MAAMM,MAAM,GAAGtB,QAAQ,CAAC,MAAM;MAC5B,OACEW,KAAK,CAACW,MAAM,KAAK,MAAM,IACvBX,KAAK,CAACW,MAAM,KAAK,SAAS,IAC1BX,KAAK,CAACW,MAAM,CAACY,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG,CAAC,IAClCxB,KAAK,CAACK,QAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG,CAAC,GAClCxB,KAAK,CAACW,MAAM,GACZX,KAAK,CAACW,MAAM,GAAG,SAAoC;IACzD,CAAC,CAAC;IAEF,MAAMG,UAAU,GAAGzB,QAAQ,CAAC,MAAM;MAChC,IAAIW,KAAK,CAACc,UAAU,EAAE,OAAOd,KAAK,CAACc,UAAU;MAC7C,OAAOK,QAAQ,CAACH,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAChE,CAAC,CAAC;IAEFrB,SAAS,CAAC,MAAM;MACd,MAAM,CAAC8B,YAAY,CAAC,GAAG7B,mBAAmB,CAACI,KAAK,CAAC;MAEjD;QAAA,OAEUsB,OAAO;QAAA,SACN,CACL,WAAW,CACZ;QAAA,MACIrB,EAAE,CAACe;MAAK,GACRS,YAAY;QAAA,cACPN,QAAQ,CAACH,KAAK;QAAA,iCAAdG,QAAQ,CAACH,KAAK;QAAA,cACXF,UAAU,CAACE,KAAK;QAAA;QAAA,YAElBX,QAAQ,CAACW,KAAK;QAAA,UAChBL,MAAM,CAACK,KAAK;QAAA;QAAA,QAEhB,SAAS;QAAA;QAAA,kBAEG1B,UAAU,CAAC;UAC1B,kBAAkB,EAAEW,EAAE,CAACe;QACzB,CAAC,EAAEhB,KAAK,CAAC0B,cAAc,CAAC;QAAA;MAAA,GAEnBN,OAAO;QAGVO,SAAS,EAAET,KAAK,CAACS,SAAS;QAC1BC,OAAO,EAAE;UAAA;UAAA,kCAAIC,IAAI;YAAJA,IAAI;UAAA;UAAA,OAAK,mBAAAX,KAAK,CAACU,OAAO,qBAAb,oBAAAV,KAAK,EAAW,GAAGW,IAAI,CAAC,KAAI7B,KAAK,CAACG,IAAI;QAAA;MAAA;IAIpE,CAAC,CAAC;IAEF,OAAOf,WAAW,CAAC,CAAC,CAAC,EAAEkC,OAAO,CAAC;EACjC;AACF,CAAC,CAAC"}
|
|
@@ -386,6 +386,7 @@ declare const VTooltip: {
|
|
|
386
386
|
noClickAnimation: boolean;
|
|
387
387
|
persistent: boolean;
|
|
388
388
|
scrim: string | boolean;
|
|
389
|
+
_disableGlobalStack: boolean;
|
|
389
390
|
}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
|
|
390
391
|
transition: {
|
|
391
392
|
type: vue.PropType<string | boolean | (vue.TransitionProps & {
|
|
@@ -461,11 +462,12 @@ declare const VTooltip: {
|
|
|
461
462
|
type: (StringConstructor | NumberConstructor)[];
|
|
462
463
|
default: number;
|
|
463
464
|
};
|
|
465
|
+
_disableGlobalStack: BooleanConstructor;
|
|
464
466
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
465
467
|
onAfterLeave?: (() => any) | undefined;
|
|
466
468
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
467
469
|
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
|
|
468
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
|
|
470
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
|
|
469
471
|
$attrs: {
|
|
470
472
|
[x: string]: unknown;
|
|
471
473
|
};
|
|
@@ -554,6 +556,7 @@ declare const VTooltip: {
|
|
|
554
556
|
type: (StringConstructor | NumberConstructor)[];
|
|
555
557
|
default: number;
|
|
556
558
|
};
|
|
559
|
+
_disableGlobalStack: BooleanConstructor;
|
|
557
560
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
558
561
|
onAfterLeave?: (() => any) | undefined;
|
|
559
562
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -594,6 +597,7 @@ declare const VTooltip: {
|
|
|
594
597
|
noClickAnimation: boolean;
|
|
595
598
|
persistent: boolean;
|
|
596
599
|
scrim: string | boolean;
|
|
600
|
+
_disableGlobalStack: boolean;
|
|
597
601
|
}> & {
|
|
598
602
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
599
603
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -689,6 +693,7 @@ declare const VTooltip: {
|
|
|
689
693
|
type: (StringConstructor | NumberConstructor)[];
|
|
690
694
|
default: number;
|
|
691
695
|
};
|
|
696
|
+
_disableGlobalStack: BooleanConstructor;
|
|
692
697
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
693
698
|
onAfterLeave?: (() => any) | undefined;
|
|
694
699
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -729,7 +734,7 @@ declare const VTooltip: {
|
|
|
729
734
|
props: Record<string, any>;
|
|
730
735
|
}) => vue.VNodeChild) | undefined;
|
|
731
736
|
};
|
|
732
|
-
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
737
|
+
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
733
738
|
'update:modelValue': (value: boolean) => boolean;
|
|
734
739
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
|
|
735
740
|
offset: string | number | ((string | number | number[] | undefined) & {});
|
|
@@ -920,6 +925,7 @@ declare const VTooltip: {
|
|
|
920
925
|
noClickAnimation: boolean;
|
|
921
926
|
persistent: boolean;
|
|
922
927
|
scrim: string | boolean;
|
|
928
|
+
_disableGlobalStack: boolean;
|
|
923
929
|
}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
|
|
924
930
|
transition: {
|
|
925
931
|
type: vue.PropType<string | boolean | (vue.TransitionProps & {
|
|
@@ -995,11 +1001,12 @@ declare const VTooltip: {
|
|
|
995
1001
|
type: (StringConstructor | NumberConstructor)[];
|
|
996
1002
|
default: number;
|
|
997
1003
|
};
|
|
1004
|
+
_disableGlobalStack: BooleanConstructor;
|
|
998
1005
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
999
1006
|
onAfterLeave?: (() => any) | undefined;
|
|
1000
1007
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1001
1008
|
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
|
|
1002
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
|
|
1009
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
|
|
1003
1010
|
$attrs: {
|
|
1004
1011
|
[x: string]: unknown;
|
|
1005
1012
|
};
|
|
@@ -1088,6 +1095,7 @@ declare const VTooltip: {
|
|
|
1088
1095
|
type: (StringConstructor | NumberConstructor)[];
|
|
1089
1096
|
default: number;
|
|
1090
1097
|
};
|
|
1098
|
+
_disableGlobalStack: BooleanConstructor;
|
|
1091
1099
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
1092
1100
|
onAfterLeave?: (() => any) | undefined;
|
|
1093
1101
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -1128,6 +1136,7 @@ declare const VTooltip: {
|
|
|
1128
1136
|
noClickAnimation: boolean;
|
|
1129
1137
|
persistent: boolean;
|
|
1130
1138
|
scrim: string | boolean;
|
|
1139
|
+
_disableGlobalStack: boolean;
|
|
1131
1140
|
}> & {
|
|
1132
1141
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
1133
1142
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -1223,6 +1232,7 @@ declare const VTooltip: {
|
|
|
1223
1232
|
type: (StringConstructor | NumberConstructor)[];
|
|
1224
1233
|
default: number;
|
|
1225
1234
|
};
|
|
1235
|
+
_disableGlobalStack: BooleanConstructor;
|
|
1226
1236
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
1227
1237
|
onAfterLeave?: (() => any) | undefined;
|
|
1228
1238
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -1263,7 +1273,7 @@ declare const VTooltip: {
|
|
|
1263
1273
|
props: Record<string, any>;
|
|
1264
1274
|
}) => vue.VNodeChild) | undefined;
|
|
1265
1275
|
};
|
|
1266
|
-
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
|
|
1276
|
+
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>> & {} & vue.ComponentCustomProperties;
|
|
1267
1277
|
__isFragment?: undefined;
|
|
1268
1278
|
__isTeleport?: undefined;
|
|
1269
1279
|
__isSuspense?: undefined;
|
|
@@ -1412,6 +1422,7 @@ declare const VTooltip: {
|
|
|
1412
1422
|
noClickAnimation: boolean;
|
|
1413
1423
|
persistent: boolean;
|
|
1414
1424
|
scrim: string | boolean;
|
|
1425
|
+
_disableGlobalStack: boolean;
|
|
1415
1426
|
}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
|
|
1416
1427
|
transition: {
|
|
1417
1428
|
type: vue.PropType<string | boolean | (vue.TransitionProps & {
|
|
@@ -1487,11 +1498,12 @@ declare const VTooltip: {
|
|
|
1487
1498
|
type: (StringConstructor | NumberConstructor)[];
|
|
1488
1499
|
default: number;
|
|
1489
1500
|
};
|
|
1501
|
+
_disableGlobalStack: BooleanConstructor;
|
|
1490
1502
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
1491
1503
|
onAfterLeave?: (() => any) | undefined;
|
|
1492
1504
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1493
1505
|
"onClick:outside"?: ((e: MouseEvent) => any) | undefined;
|
|
1494
|
-
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim">;
|
|
1506
|
+
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack">;
|
|
1495
1507
|
$attrs: {
|
|
1496
1508
|
[x: string]: unknown;
|
|
1497
1509
|
};
|
|
@@ -1580,6 +1592,7 @@ declare const VTooltip: {
|
|
|
1580
1592
|
type: (StringConstructor | NumberConstructor)[];
|
|
1581
1593
|
default: number;
|
|
1582
1594
|
};
|
|
1595
|
+
_disableGlobalStack: BooleanConstructor;
|
|
1583
1596
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
1584
1597
|
onAfterLeave?: (() => any) | undefined;
|
|
1585
1598
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -1620,6 +1633,7 @@ declare const VTooltip: {
|
|
|
1620
1633
|
noClickAnimation: boolean;
|
|
1621
1634
|
persistent: boolean;
|
|
1622
1635
|
scrim: string | boolean;
|
|
1636
|
+
_disableGlobalStack: boolean;
|
|
1623
1637
|
}> & {
|
|
1624
1638
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
1625
1639
|
created?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -1715,6 +1729,7 @@ declare const VTooltip: {
|
|
|
1715
1729
|
type: (StringConstructor | NumberConstructor)[];
|
|
1716
1730
|
default: number;
|
|
1717
1731
|
};
|
|
1732
|
+
_disableGlobalStack: BooleanConstructor;
|
|
1718
1733
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">>> & {
|
|
1719
1734
|
onAfterLeave?: (() => any) | undefined;
|
|
1720
1735
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
@@ -1755,7 +1770,7 @@ declare const VTooltip: {
|
|
|
1755
1770
|
props: Record<string, any>;
|
|
1756
1771
|
}) => vue.VNodeChild) | undefined;
|
|
1757
1772
|
};
|
|
1758
|
-
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
1773
|
+
}, "offset" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "onAfterLeave" | "$children" | "theme" | "v-slots" | "contentClass" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps | "v-slot:default" | "onUpdate:modelValue" | "activator" | "v-slot:activator" | "closeDelay" | "openDelay" | "contentProps" | "attach" | "onClick:outside" | ("absolute" | "location" | "origin" | "transition" | "zIndex" | "eager" | "disabled" | "modelValue" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "locationStrategy" | "scrollStrategy" | "closeOnBack" | "contained" | "noClickAnimation" | "persistent" | "scrim" | "_disableGlobalStack")>, `$${any}`>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
1759
1774
|
'update:modelValue': (value: boolean) => boolean;
|
|
1760
1775
|
}, "$children" | "v-slots" | "v-slot:default" | "v-slot:activator">, string, {
|
|
1761
1776
|
offset: string | number | ((string | number | number[] | undefined) & {});
|