@vuetify/nightly 3.8.9-dev.2025-06-13 → 3.8.9-master.2025-06-12
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 +6 -45
- package/dist/json/attributes.json +3714 -4110
- package/dist/json/importMap-labs.json +24 -28
- package/dist/json/importMap.json +154 -154
- package/dist/json/tags.json +2 -106
- package/dist/json/web-types.json +6783 -8232
- package/dist/vuetify-labs.cjs +177 -730
- package/dist/vuetify-labs.css +4085 -4128
- package/dist/vuetify-labs.d.ts +2938 -10254
- package/dist/vuetify-labs.esm.js +178 -731
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +177 -730
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +166 -478
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +3607 -3650
- package/dist/vuetify.d.ts +2085 -2782
- package/dist/vuetify.esm.js +167 -479
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +166 -478
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +1229 -1251
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAlert/VAlert.css +1 -6
- package/lib/components/VAlert/VAlert.d.ts +0 -35
- package/lib/components/VAlert/VAlert.js +10 -15
- package/lib/components/VAlert/VAlert.js.map +1 -1
- package/lib/components/VAlert/VAlert.sass +1 -7
- package/lib/components/VAppBar/VAppBar.d.ts +3 -15
- package/lib/components/VAppBar/VAppBarNavIcon.d.ts +10 -20
- package/lib/components/VAutocomplete/VAutocomplete.d.ts +110 -175
- package/lib/components/VAutocomplete/VAutocomplete.js +3 -21
- package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
- package/lib/components/VBadge/VBadge.d.ts +0 -60
- package/lib/components/VBadge/VBadge.js +2 -7
- package/lib/components/VBadge/VBadge.js.map +1 -1
- package/lib/components/VBtn/VBtn.d.ts +10 -20
- package/lib/components/VBtnGroup/VBtnGroup.css +7 -30
- package/lib/components/VBtnGroup/VBtnGroup.d.ts +32 -58
- package/lib/components/VBtnGroup/VBtnGroup.js +3 -7
- package/lib/components/VBtnGroup/VBtnGroup.js.map +1 -1
- package/lib/components/VBtnGroup/VBtnGroup.sass +17 -44
- package/lib/components/VBtnToggle/VBtnToggle.d.ts +0 -25
- package/lib/components/VCard/VCard.d.ts +10 -20
- package/lib/components/VCheckbox/VCheckbox.d.ts +13 -23
- package/lib/components/VCheckbox/VCheckboxBtn.d.ts +10 -20
- package/lib/components/VChip/VChip.d.ts +10 -20
- package/lib/components/VChipGroup/VChipGroup.d.ts +0 -10
- package/lib/components/VCombobox/VCombobox.d.ts +110 -175
- package/lib/components/VCombobox/VCombobox.js +3 -22
- package/lib/components/VCombobox/VCombobox.js.map +1 -1
- package/lib/components/VDataTable/VDataTable.d.ts +0 -60
- package/lib/components/VDataTable/VDataTableHeaders.d.ts +0 -13
- package/lib/components/VDataTable/VDataTableHeaders.js +2 -4
- package/lib/components/VDataTable/VDataTableHeaders.js.map +1 -1
- package/lib/components/VDataTable/VDataTableServer.d.ts +0 -42
- package/lib/components/VDataTable/VDataTableVirtual.d.ts +0 -42
- package/lib/components/VDatePicker/VDatePicker.d.ts +5 -80
- package/lib/components/VDatePicker/VDatePicker.js +4 -10
- package/lib/components/VDatePicker/VDatePicker.js.map +1 -1
- package/lib/components/VDatePicker/VDatePickerMonth.d.ts +0 -10
- package/lib/components/VDatePicker/VDatePickerMonth.js +1 -1
- package/lib/components/VDatePicker/VDatePickerMonth.js.map +1 -1
- package/lib/components/VExpansionPanel/VExpansionPanel.d.ts +10 -20
- package/lib/components/VExpansionPanel/VExpansionPanelTitle.d.ts +10 -20
- package/lib/components/VExpansionPanel/VExpansionPanels.d.ts +10 -20
- package/lib/components/VFab/VFab.d.ts +10 -20
- package/lib/components/VField/VField.d.ts +3 -3
- package/lib/components/VFileInput/VFileInput.d.ts +15 -15
- package/lib/components/VInfiniteScroll/VInfiniteScroll.d.ts +3 -9
- package/lib/components/VInfiniteScroll/VInfiniteScroll.js +0 -29
- package/lib/components/VInfiniteScroll/VInfiniteScroll.js.map +1 -1
- package/lib/components/VInput/VInput.d.ts +4 -4
- package/lib/components/VKbd/VKbd.css +2 -13
- package/lib/components/VKbd/VKbd.sass +1 -2
- package/lib/components/VKbd/_variables.scss +1 -12
- package/lib/components/VKbd/index.d.ts +95 -1
- package/lib/components/VKbd/index.js +4 -1
- package/lib/components/VKbd/index.js.map +1 -1
- package/lib/components/VList/VList.d.ts +0 -13
- package/lib/components/VList/VList.js +1 -4
- package/lib/components/VList/VList.js.map +1 -1
- package/lib/components/VList/VListChildren.js.map +1 -1
- package/lib/components/VList/VListItem.css +2 -0
- package/lib/components/VList/VListItem.d.ts +10 -23
- package/lib/components/VList/VListItem.js +3 -7
- package/lib/components/VList/VListItem.js.map +1 -1
- package/lib/components/VList/VListItem.sass +2 -0
- package/lib/components/VList/_variables.scss +1 -0
- package/lib/components/VList/list.d.ts +2 -9
- package/lib/components/VList/list.js +0 -7
- package/lib/components/VList/list.js.map +1 -1
- package/lib/components/VMenu/VMenu.d.ts +0 -13
- package/lib/components/VMenu/VMenu.js +1 -2
- package/lib/components/VMenu/VMenu.js.map +1 -1
- package/lib/components/VNumberInput/VNumberInput.d.ts +89 -114
- package/lib/components/VNumberInput/VNumberInput.js +20 -43
- package/lib/components/VNumberInput/VNumberInput.js.map +1 -1
- package/lib/components/VOtpInput/VOtpInput.js +1 -2
- package/lib/components/VOtpInput/VOtpInput.js.map +1 -1
- package/lib/components/VOverlay/VOverlay.css +1 -1
- package/lib/components/VOverlay/_variables.scss +1 -1
- package/lib/components/VRadio/VRadio.d.ts +10 -20
- package/lib/components/VRadioGroup/VRadioGroup.d.ts +13 -23
- package/lib/components/VRangeSlider/VRangeSlider.d.ts +3 -3
- package/lib/components/VSelect/VSelect.d.ts +118 -204
- package/lib/components/VSelect/VSelect.js +3 -21
- package/lib/components/VSelect/VSelect.js.map +1 -1
- package/lib/components/VSelectionControl/VSelectionControl.d.ts +10 -20
- package/lib/components/VSelectionControlGroup/VSelectionControlGroup.d.ts +14 -28
- package/lib/components/VSlideGroup/VSlideGroup.d.ts +0 -10
- package/lib/components/VSlideGroup/VSlideGroup.js +1 -2
- package/lib/components/VSlideGroup/VSlideGroup.js.map +1 -1
- package/lib/components/VSlider/VSlider.d.ts +3 -3
- package/lib/components/VSlider/VSliderThumb.d.ts +10 -20
- package/lib/components/VSpeedDial/VSpeedDial.css +1 -1
- package/lib/components/VSpeedDial/VSpeedDial.d.ts +0 -13
- package/lib/components/VSpeedDial/VSpeedDial.sass +3 -1
- package/lib/components/VStepper/VStepperItem.d.ts +14 -28
- package/lib/components/VSwitch/VSwitch.d.ts +13 -23
- package/lib/components/VTable/VTable.css +0 -6
- package/lib/components/VTable/VTable.d.ts +24 -55
- package/lib/components/VTable/VTable.js +2 -9
- package/lib/components/VTable/VTable.js.map +1 -1
- package/lib/components/VTable/VTable.sass +0 -14
- package/lib/components/VTable/_variables.scss +0 -1
- package/lib/components/VTabs/VTab.d.ts +28 -56
- package/lib/components/VTabs/VTabs.d.ts +0 -10
- package/lib/components/VTextField/VTextField.d.ts +27 -27
- package/lib/components/VTextarea/VTextarea.d.ts +15 -15
- package/lib/components/VToolbar/VToolbar.d.ts +3 -15
- package/lib/components/VToolbar/VToolbar.js +3 -6
- package/lib/components/VToolbar/VToolbar.js.map +1 -1
- package/lib/composables/calendar.d.ts +0 -6
- package/lib/composables/calendar.js +1 -2
- package/lib/composables/calendar.js.map +1 -1
- package/lib/composables/date/DateAdapter.d.ts +3 -3
- package/lib/composables/date/DateAdapter.js.map +1 -1
- package/lib/composables/date/adapters/vuetify.d.ts +1 -1
- package/lib/composables/date/adapters/vuetify.js +4 -4
- package/lib/composables/date/adapters/vuetify.js.map +1 -1
- package/lib/composables/date/date.d.ts +3 -3
- package/lib/composables/date/index.d.ts +0 -1
- package/lib/composables/date/index.js +0 -1
- package/lib/composables/date/index.js.map +1 -1
- package/lib/composables/filter.js +0 -3
- package/lib/composables/filter.js.map +1 -1
- package/lib/composables/locale.d.ts +1 -5
- package/lib/composables/locale.js.map +1 -1
- package/lib/composables/theme.d.ts +1 -6
- package/lib/composables/theme.js +29 -97
- package/lib/composables/theme.js.map +1 -1
- package/lib/composables/virtual.js +1 -6
- package/lib/composables/virtual.js.map +1 -1
- package/lib/directives/ripple/index.d.ts +1 -2
- package/lib/directives/ripple/index.js +7 -12
- package/lib/directives/ripple/index.js.map +1 -1
- package/lib/entry-bundler.d.ts +3 -4
- package/lib/entry-bundler.js +1 -1
- package/lib/entry-bundler.js.map +1 -1
- package/lib/framework.d.ts +64 -83
- package/lib/framework.js +1 -1
- package/lib/framework.js.map +1 -1
- package/lib/labs/VCalendar/VCalendar.d.ts +0 -10
- package/lib/labs/VColorInput/VColorInput.d.ts +3 -3
- package/lib/labs/VDateInput/VDateInput.d.ts +87 -97
- package/lib/labs/VFileUpload/VFileUpload.d.ts +3 -3
- package/lib/labs/VFileUpload/VFileUploadItem.d.ts +10 -20
- package/lib/labs/VIconBtn/VIconBtn.d.ts +29 -29
- package/lib/labs/VIconBtn/VIconBtn.js +11 -7
- package/lib/labs/VIconBtn/VIconBtn.js.map +1 -1
- package/lib/labs/VStepperVertical/VStepperVertical.d.ts +10 -20
- package/lib/labs/VStepperVertical/VStepperVerticalItem.d.ts +10 -20
- package/lib/labs/VTreeview/VTreeview.d.ts +0 -13
- package/lib/labs/VTreeview/VTreeviewItem.d.ts +10 -20
- package/lib/labs/components.d.ts +0 -1
- package/lib/labs/components.js +0 -1
- package/lib/labs/components.js.map +1 -1
- package/lib/labs/entry-bundler.d.ts +3 -4
- package/lib/locale/adapters/vue-i18n.js +1 -6
- package/lib/locale/adapters/vue-i18n.js.map +1 -1
- package/lib/locale/adapters/vuetify.js +1 -7
- package/lib/locale/adapters/vuetify.js.map +1 -1
- package/lib/util/globals.d.ts +0 -1
- package/lib/util/globals.js +0 -1
- package/lib/util/globals.js.map +1 -1
- package/lib/util/helpers.d.ts +1 -2
- package/lib/util/helpers.js +7 -12
- package/lib/util/helpers.js.map +1 -1
- package/package.json +1 -3
- package/lib/components/VKbd/VKbd.d.ts +0 -221
- package/lib/components/VKbd/VKbd.js +0 -55
- package/lib/components/VKbd/VKbd.js.map +0 -1
- package/lib/composables/date/adapters/string.d.ts +0 -54
- package/lib/composables/date/adapters/string.js +0 -153
- package/lib/composables/date/adapters/string.js.map +0 -1
- package/lib/composables/iconSizes.d.ts +0 -28
- package/lib/composables/iconSizes.js +0 -23
- package/lib/composables/iconSizes.js.map +0 -1
- package/lib/composables/mask.d.ts +0 -38
- package/lib/composables/mask.js +0 -183
- package/lib/composables/mask.js.map +0 -1
- package/lib/labs/VMaskInput/VMaskInput.d.ts +0 -6993
- package/lib/labs/VMaskInput/VMaskInput.js +0 -67
- package/lib/labs/VMaskInput/VMaskInput.js.map +0 -1
- package/lib/labs/VMaskInput/index.d.ts +0 -1
- package/lib/labs/VMaskInput/index.js +0 -2
- package/lib/labs/VMaskInput/index.js.map +0 -1
@@ -322,8 +322,8 @@ export declare const VFileUpload: {
|
|
322
322
|
rounded?: string | number | boolean | undefined;
|
323
323
|
closeDelay?: string | number | undefined;
|
324
324
|
openDelay?: string | number | undefined;
|
325
|
-
thickness?: string | number | undefined;
|
326
325
|
subtitle?: string | undefined;
|
326
|
+
thickness?: string | number | undefined;
|
327
327
|
} & {
|
328
328
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
329
329
|
browse?: ((arg: {
|
@@ -468,8 +468,8 @@ export declare const VFileUpload: {
|
|
468
468
|
rounded?: string | number | boolean | undefined;
|
469
469
|
closeDelay?: string | number | undefined;
|
470
470
|
openDelay?: string | number | undefined;
|
471
|
-
thickness?: string | number | undefined;
|
472
471
|
subtitle?: string | undefined;
|
472
|
+
thickness?: string | number | undefined;
|
473
473
|
} & {
|
474
474
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
475
475
|
browse?: ((arg: {
|
@@ -590,8 +590,8 @@ export declare const VFileUpload: {
|
|
590
590
|
rounded?: string | number | boolean | undefined;
|
591
591
|
closeDelay?: string | number | undefined;
|
592
592
|
openDelay?: string | number | undefined;
|
593
|
-
thickness?: string | number | undefined;
|
594
593
|
subtitle?: string | undefined;
|
594
|
+
thickness?: string | number | undefined;
|
595
595
|
} & {
|
596
596
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
597
597
|
browse?: ((arg: {
|
@@ -269,18 +269,14 @@ export declare const makeVFileUploadItemProps: <Defaults extends {
|
|
269
269
|
default: boolean;
|
270
270
|
}, "type" | "default"> & {
|
271
271
|
type: PropType<unknown extends Defaults["ripple"] ? boolean | {
|
272
|
-
class
|
273
|
-
keys?: number[];
|
272
|
+
class: string;
|
274
273
|
} | undefined : boolean | {
|
275
|
-
class
|
276
|
-
keys?: number[];
|
274
|
+
class: string;
|
277
275
|
} | Defaults["ripple"] | undefined>;
|
278
276
|
default: unknown extends Defaults["ripple"] ? boolean | {
|
279
|
-
class
|
280
|
-
keys?: number[];
|
277
|
+
class: string;
|
281
278
|
} | undefined : NonNullable<boolean | {
|
282
|
-
class
|
283
|
-
keys?: number[];
|
279
|
+
class: string;
|
284
280
|
} | undefined> | Defaults["ripple"];
|
285
281
|
};
|
286
282
|
slim: unknown extends Defaults["slim"] ? BooleanConstructor : {
|
@@ -365,8 +361,7 @@ export declare const VFileUploadItem: {
|
|
365
361
|
tile: boolean;
|
366
362
|
slim: boolean;
|
367
363
|
ripple: boolean | {
|
368
|
-
class
|
369
|
-
keys?: number[];
|
364
|
+
class: string;
|
370
365
|
} | undefined;
|
371
366
|
clearable: boolean;
|
372
367
|
showSize: boolean;
|
@@ -459,8 +454,7 @@ export declare const VFileUploadItem: {
|
|
459
454
|
tile: boolean;
|
460
455
|
slim: boolean;
|
461
456
|
ripple: boolean | {
|
462
|
-
class
|
463
|
-
keys?: number[];
|
457
|
+
class: string;
|
464
458
|
} | undefined;
|
465
459
|
subtitle: string | number | boolean;
|
466
460
|
clearable: boolean;
|
@@ -500,8 +494,7 @@ export declare const VFileUploadItem: {
|
|
500
494
|
tile: boolean;
|
501
495
|
slim: boolean;
|
502
496
|
ripple: boolean | {
|
503
|
-
class
|
504
|
-
keys?: number[];
|
497
|
+
class: string;
|
505
498
|
} | undefined;
|
506
499
|
clearable: boolean;
|
507
500
|
showSize: boolean;
|
@@ -591,8 +584,7 @@ export declare const VFileUploadItem: {
|
|
591
584
|
tile: boolean;
|
592
585
|
slim: boolean;
|
593
586
|
ripple: boolean | {
|
594
|
-
class
|
595
|
-
keys?: number[];
|
587
|
+
class: string;
|
596
588
|
} | undefined;
|
597
589
|
subtitle: string | number | boolean;
|
598
590
|
clearable: boolean;
|
@@ -618,8 +610,7 @@ export declare const VFileUploadItem: {
|
|
618
610
|
tile: boolean;
|
619
611
|
slim: boolean;
|
620
612
|
ripple: boolean | {
|
621
|
-
class
|
622
|
-
keys?: number[];
|
613
|
+
class: string;
|
623
614
|
} | undefined;
|
624
615
|
clearable: boolean;
|
625
616
|
showSize: boolean;
|
@@ -712,8 +703,7 @@ export declare const VFileUploadItem: {
|
|
712
703
|
tile: boolean;
|
713
704
|
slim: boolean;
|
714
705
|
ripple: boolean | {
|
715
|
-
class
|
716
|
-
keys?: number[];
|
706
|
+
class: string;
|
717
707
|
} | undefined;
|
718
708
|
subtitle: string | number | boolean;
|
719
709
|
clearable: boolean;
|
@@ -13,8 +13,6 @@ export declare const makeVIconBtnProps: <Defaults extends {
|
|
13
13
|
tag?: unknown;
|
14
14
|
rounded?: unknown;
|
15
15
|
tile?: unknown;
|
16
|
-
iconSize?: unknown;
|
17
|
-
iconSizes?: unknown;
|
18
16
|
elevation?: unknown;
|
19
17
|
class?: unknown;
|
20
18
|
style?: unknown;
|
@@ -30,6 +28,8 @@ export declare const makeVIconBtnProps: <Defaults extends {
|
|
30
28
|
hideOverlay?: unknown;
|
31
29
|
icon?: unknown;
|
32
30
|
iconColor?: unknown;
|
31
|
+
iconSize?: unknown;
|
32
|
+
iconSizes?: unknown;
|
33
33
|
loading?: unknown;
|
34
34
|
opacity?: unknown;
|
35
35
|
readonly?: unknown;
|
@@ -94,20 +94,6 @@ export declare const makeVIconBtnProps: <Defaults extends {
|
|
94
94
|
type: PropType<unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"]>;
|
95
95
|
default: unknown extends Defaults["tile"] ? boolean : boolean | Defaults["tile"];
|
96
96
|
};
|
97
|
-
iconSize: unknown extends Defaults["iconSize"] ? PropType<string | number> : {
|
98
|
-
type: PropType<unknown extends Defaults["iconSize"] ? string | number : string | number | Defaults["iconSize"]>;
|
99
|
-
default: unknown extends Defaults["iconSize"] ? string | number : NonNullable<string | number> | Defaults["iconSize"];
|
100
|
-
};
|
101
|
-
iconSizes: unknown extends Defaults["iconSizes"] ? {
|
102
|
-
type: PropType<[VIconBtnSizes, number][]>;
|
103
|
-
default: () => (string | number)[][];
|
104
|
-
} : Omit<{
|
105
|
-
type: PropType<[VIconBtnSizes, number][]>;
|
106
|
-
default: () => (string | number)[][];
|
107
|
-
}, "type" | "default"> & {
|
108
|
-
type: PropType<unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"]>;
|
109
|
-
default: unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"];
|
110
|
-
};
|
111
97
|
elevation: unknown extends Defaults["elevation"] ? {
|
112
98
|
type: (StringConstructor | NumberConstructor)[];
|
113
99
|
validator(v: any): boolean;
|
@@ -192,6 +178,20 @@ export declare const makeVIconBtnProps: <Defaults extends {
|
|
192
178
|
type: PropType<unknown extends Defaults["iconColor"] ? string : string | Defaults["iconColor"]>;
|
193
179
|
default: unknown extends Defaults["iconColor"] ? string : string | Defaults["iconColor"];
|
194
180
|
};
|
181
|
+
iconSize: unknown extends Defaults["iconSize"] ? PropType<string | number> : {
|
182
|
+
type: PropType<unknown extends Defaults["iconSize"] ? string | number : string | number | Defaults["iconSize"]>;
|
183
|
+
default: unknown extends Defaults["iconSize"] ? string | number : NonNullable<string | number> | Defaults["iconSize"];
|
184
|
+
};
|
185
|
+
iconSizes: unknown extends Defaults["iconSizes"] ? {
|
186
|
+
type: PropType<[VIconBtnSizes, number][]>;
|
187
|
+
default: () => (string | number)[][];
|
188
|
+
} : Omit<{
|
189
|
+
type: PropType<[VIconBtnSizes, number][]>;
|
190
|
+
default: () => (string | number)[][];
|
191
|
+
}, "type" | "default"> & {
|
192
|
+
type: PropType<unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"]>;
|
193
|
+
default: unknown extends Defaults["iconSizes"] ? [VIconBtnSizes, number][] : [VIconBtnSizes, number][] | Defaults["iconSizes"];
|
194
|
+
};
|
195
195
|
loading: unknown extends Defaults["loading"] ? BooleanConstructor : {
|
196
196
|
type: PropType<unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"]>;
|
197
197
|
default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
|
@@ -269,9 +269,9 @@ export declare const VIconBtn: {
|
|
269
269
|
rounded?: string | number | boolean | undefined;
|
270
270
|
activeColor?: string | undefined;
|
271
271
|
iconColor?: string | undefined;
|
272
|
-
iconSize?: string | number | undefined;
|
273
272
|
activeIcon?: IconValue | undefined;
|
274
273
|
activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
|
274
|
+
iconSize?: string | number | undefined;
|
275
275
|
} & {
|
276
276
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
277
277
|
default?: (() => import("vue").VNodeChild) | undefined;
|
@@ -343,9 +343,9 @@ export declare const VIconBtn: {
|
|
343
343
|
rounded?: string | number | boolean | undefined;
|
344
344
|
activeColor?: string | undefined;
|
345
345
|
iconColor?: string | undefined;
|
346
|
-
iconSize?: string | number | undefined;
|
347
346
|
activeIcon?: IconValue | undefined;
|
348
347
|
activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
|
348
|
+
iconSize?: string | number | undefined;
|
349
349
|
} & {
|
350
350
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
351
351
|
default?: (() => import("vue").VNodeChild) | undefined;
|
@@ -409,9 +409,9 @@ export declare const VIconBtn: {
|
|
409
409
|
rounded?: string | number | boolean | undefined;
|
410
410
|
activeColor?: string | undefined;
|
411
411
|
iconColor?: string | undefined;
|
412
|
-
iconSize?: string | number | undefined;
|
413
412
|
activeIcon?: IconValue | undefined;
|
414
413
|
activeVariant?: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain" | undefined;
|
414
|
+
iconSize?: string | number | undefined;
|
415
415
|
} & {
|
416
416
|
$children?: import("vue").VNodeChild | (() => import("vue").VNodeChild) | {
|
417
417
|
default?: (() => import("vue").VNodeChild) | undefined;
|
@@ -470,11 +470,6 @@ export declare const VIconBtn: {
|
|
470
470
|
default: undefined;
|
471
471
|
};
|
472
472
|
tile: BooleanConstructor;
|
473
|
-
iconSize: PropType<VIconBtnSizes | number | string>;
|
474
|
-
iconSizes: {
|
475
|
-
type: PropType<[VIconBtnSizes, number][]>;
|
476
|
-
default: () => (string | number)[][];
|
477
|
-
};
|
478
473
|
elevation: {
|
479
474
|
type: (StringConstructor | NumberConstructor)[];
|
480
475
|
validator(v: any): boolean;
|
@@ -502,6 +497,11 @@ export declare const VIconBtn: {
|
|
502
497
|
hideOverlay: BooleanConstructor;
|
503
498
|
icon: PropType<IconValue>;
|
504
499
|
iconColor: StringConstructor;
|
500
|
+
iconSize: PropType<VIconBtnSizes | number | string>;
|
501
|
+
iconSizes: {
|
502
|
+
type: PropType<[VIconBtnSizes, number][]>;
|
503
|
+
default: () => (string | number)[][];
|
504
|
+
};
|
505
505
|
loading: BooleanConstructor;
|
506
506
|
opacity: (StringConstructor | NumberConstructor)[];
|
507
507
|
readonly: BooleanConstructor;
|
@@ -541,11 +541,6 @@ export declare const VIconBtn: {
|
|
541
541
|
default: undefined;
|
542
542
|
};
|
543
543
|
tile: BooleanConstructor;
|
544
|
-
iconSize: PropType<VIconBtnSizes | number | string>;
|
545
|
-
iconSizes: {
|
546
|
-
type: PropType<[VIconBtnSizes, number][]>;
|
547
|
-
default: () => (string | number)[][];
|
548
|
-
};
|
549
544
|
elevation: {
|
550
545
|
type: (StringConstructor | NumberConstructor)[];
|
551
546
|
validator(v: any): boolean;
|
@@ -573,6 +568,11 @@ export declare const VIconBtn: {
|
|
573
568
|
hideOverlay: BooleanConstructor;
|
574
569
|
icon: PropType<IconValue>;
|
575
570
|
iconColor: StringConstructor;
|
571
|
+
iconSize: PropType<VIconBtnSizes | number | string>;
|
572
|
+
iconSizes: {
|
573
|
+
type: PropType<[VIconBtnSizes, number][]>;
|
574
|
+
default: () => (string | number)[][];
|
575
|
+
};
|
576
576
|
loading: BooleanConstructor;
|
577
577
|
opacity: (StringConstructor | NumberConstructor)[];
|
578
578
|
readonly: BooleanConstructor;
|
@@ -9,7 +9,6 @@ import { VProgressCircular } from "../../components/VProgressCircular/index.js";
|
|
9
9
|
import { makeBorderProps, useBorder } from "../../composables/border.js";
|
10
10
|
import { makeComponentProps } from "../../composables/component.js";
|
11
11
|
import { makeElevationProps, useElevation } from "../../composables/elevation.js";
|
12
|
-
import { makeIconSizeProps, useIconSizes } from "../../composables/iconSizes.js";
|
13
12
|
import { useProxiedModel } from "../../composables/proxiedModel.js";
|
14
13
|
import { makeRoundedProps, useRounded } from "../../composables/rounded.js";
|
15
14
|
import { makeTagProps } from "../../composables/tag.js";
|
@@ -35,6 +34,11 @@ export const makeVIconBtnProps = propsFactory({
|
|
35
34
|
hideOverlay: Boolean,
|
36
35
|
icon: [String, Function, Object],
|
37
36
|
iconColor: String,
|
37
|
+
iconSize: [Number, String],
|
38
|
+
iconSizes: {
|
39
|
+
type: Array,
|
40
|
+
default: () => [['x-small', 10], ['small', 16], ['default', 24], ['large', 28], ['x-large', 32]]
|
41
|
+
},
|
38
42
|
loading: Boolean,
|
39
43
|
opacity: [Number, String],
|
40
44
|
readonly: Boolean,
|
@@ -54,7 +58,6 @@ export const makeVIconBtnProps = propsFactory({
|
|
54
58
|
...makeBorderProps(),
|
55
59
|
...makeComponentProps(),
|
56
60
|
...makeElevationProps(),
|
57
|
-
...makeIconSizeProps(),
|
58
61
|
...makeRoundedProps(),
|
59
62
|
...makeTagProps({
|
60
63
|
tag: 'button'
|
@@ -109,6 +112,7 @@ export const VIconBtn = genericComponent()({
|
|
109
112
|
})()
|
110
113
|
}));
|
111
114
|
const btnSizeMap = new Map(props.sizes);
|
115
|
+
const iconSizeMap = new Map(props.iconSizes);
|
112
116
|
function onClick() {
|
113
117
|
if (props.disabled || props.readonly || isActive.value === undefined || props.tag === 'a' && attrs.href) return;
|
114
118
|
isActive.value = !isActive.value;
|
@@ -120,12 +124,12 @@ export const VIconBtn = genericComponent()({
|
|
120
124
|
const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize;
|
121
125
|
const btnHeight = props.height ?? btnSize;
|
122
126
|
const btnWidth = props.width ?? btnSize;
|
123
|
-
const
|
124
|
-
|
125
|
-
|
127
|
+
const _iconSize = props.iconSize;
|
128
|
+
const hasNamedIconSize = iconSizeMap.has(_iconSize);
|
129
|
+
const iconSize = !_iconSize ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default') : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize;
|
126
130
|
const iconProps = {
|
127
131
|
icon,
|
128
|
-
size: iconSize
|
132
|
+
size: iconSize,
|
129
133
|
iconColor: props.iconColor,
|
130
134
|
opacity: props.opacity
|
131
135
|
};
|
@@ -168,7 +172,7 @@ export const VIconBtn = genericComponent()({
|
|
168
172
|
"color": typeof props.loading === 'boolean' ? undefined : props.loading,
|
169
173
|
"indeterminate": "disable-shrink",
|
170
174
|
"width": "2",
|
171
|
-
"size": iconSize
|
175
|
+
"size": iconSize
|
172
176
|
}, null)])]
|
173
177
|
});
|
174
178
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VIconBtn.js","names":["VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","makeIconSizeProps","useIconSizes","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","toDisplayString","convertToUnit","genericComponent","propsFactory","useRender","makeVIconBtnProps","active","type","Boolean","default","undefined","activeColor","String","activeIcon","Function","Object","activeVariant","baseVariant","disabled","height","Number","width","hideOverlay","icon","iconColor","loading","opacity","readonly","rotate","size","sizes","Array","text","tag","variant","VIconBtn","name","props","emits","value","setup","_ref","attrs","slots","isActive","themeClasses","borderClasses","elevationClasses","roundedClasses","colorClasses","colorStyles","variantClasses","color","btnSizeMap","Map","onClick","href","_btnSize","hasNamedSize","has","btnSize","get","btnHeight","btnWidth","iconSize","iconSizes","iconProps","_createVNode","_normalizeClass","class","_normalizeStyle","style","_createElementVNode","_mergeProps","loader"],"sources":["../../../src/labs/VIconBtn/VIconBtn.tsx"],"sourcesContent":["// Styles\nimport './VIconBtn.scss'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeIconSizeProps, useIconSizes } from '@/composables/iconSizes'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { toDisplayString } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { IconValue } from '@/composables/icons'\nimport type { Variant } from '@/composables/variant'\n\nexport type VIconBtnSlots = {\n default: never\n loader: never\n}\n\nexport type VIconBtnSizes = 'x-small' | 'small' | 'default' | 'large' | 'x-large'\n\nexport const makeVIconBtnProps = propsFactory({\n active: {\n type: Boolean,\n default: undefined,\n },\n activeColor: String,\n activeIcon: [String, Function, Object] as PropType<IconValue>,\n activeVariant: String as PropType<Variant>,\n baseVariant: {\n type: String as PropType<Variant>,\n default: 'tonal',\n },\n disabled: Boolean,\n height: [Number, String],\n width: [Number, String],\n hideOverlay: Boolean,\n icon: [String, Function, Object] as PropType<IconValue>,\n iconColor: String,\n loading: Boolean,\n opacity: [Number, String],\n readonly: Boolean,\n rotate: [Number, String],\n size: {\n type: [Number, String] as PropType<VIconBtnSizes | number | string>,\n default: 'default',\n },\n sizes: {\n type: Array as PropType<[VIconBtnSizes, number][]>,\n default: () => ([\n ['x-small', 16],\n ['small', 24],\n ['default', 40],\n ['large', 48],\n ['x-large', 56],\n ]),\n },\n text: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeIconSizeProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'button' }),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VIconBtn')\n\nexport const VIconBtn = genericComponent<VIconBtnSlots>()({\n name: 'VIconBtn',\n\n props: makeVIconBtnProps(),\n\n emits: {\n 'update:active': (value: boolean) => true,\n },\n\n setup (props, { attrs, slots }) {\n const isActive = useProxiedModel(props, 'active')\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n\n const { colorClasses, colorStyles, variantClasses } = useVariant(() => ({\n color: (() => {\n if (props.disabled) return undefined\n if (!isActive.value) return props.color\n // Use an inline fallback as opposed to setting a default color\n // because non-toggle buttons are default flat whereas toggle\n // buttons are default tonal and active flat. The exact use\n // case for this is a toggle button with no active color.\n return props.activeColor ?? props.color ?? 'surface-variant'\n })(),\n variant: (() => {\n if (isActive.value === undefined) return props.variant\n if (isActive.value) return props.activeVariant ?? props.variant\n return props.baseVariant ?? props.variant\n })(),\n }))\n\n const btnSizeMap = new Map(props.sizes)\n\n function onClick () {\n if (\n props.disabled ||\n props.readonly ||\n isActive.value === undefined ||\n (props.tag === 'a' && attrs.href)\n ) return\n\n isActive.value = !isActive.value\n }\n\n useRender(() => {\n const icon = isActive.value ? props.activeIcon ?? props.icon : props.icon\n\n const _btnSize = props.size as VIconBtnSizes\n const hasNamedSize = btnSizeMap.has(_btnSize)\n const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize\n const btnHeight = props.height ?? btnSize\n const btnWidth = props.width ?? btnSize\n const { iconSize } = useIconSizes(props, () => new Map(props.iconSizes).get(_btnSize))\n\n const iconProps = {\n icon,\n size: iconSize.value,\n iconColor: props.iconColor,\n opacity: props.opacity,\n }\n\n return (\n <props.tag\n class={[\n {\n 'v-icon-btn': true,\n 'v-icon-btn--active': isActive.value,\n 'v-icon-btn--disabled': props.disabled,\n 'v-icon-btn--loading': props.loading,\n 'v-icon-btn--readonly': props.readonly,\n [`v-icon-btn--${props.size}`]: true,\n },\n themeClasses.value,\n colorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n variantClasses.value,\n props.class,\n ]}\n style={[\n {\n '--v-icon-btn-rotate': convertToUnit(props.rotate, 'deg'),\n '--v-icon-btn-height': convertToUnit(btnHeight),\n '--v-icon-btn-width': convertToUnit(btnWidth),\n },\n colorStyles.value,\n props.style,\n ]}\n tabindex={ props.disabled || props.readonly ? -1 : 0 }\n onClick={ onClick }\n >\n { genOverlays(!props.hideOverlay, 'v-icon-btn') }\n\n <div class=\"v-icon-btn__content\" data-no-activator=\"\">\n { (!slots.default && icon) ? (\n <VIcon\n key=\"content-icon\"\n { ...iconProps }\n />\n ) : (\n <VDefaultsProvider\n key=\"content-defaults\"\n disabled={ !icon }\n defaults={{ VIcon: { ...iconProps } }}\n v-slots={{\n default: () => slots.default?.() ?? toDisplayString(props.text),\n }}\n />\n )}\n </div>\n\n { !!props.loading && (\n <span key=\"loader\" class=\"v-icon-btn__loader\">\n { slots.loader?.() ?? (\n <VProgressCircular\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n indeterminate=\"disable-shrink\"\n width=\"2\"\n size={ iconSize.value }\n />\n )}\n </span>\n )}\n </props.tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VIconBtn = InstanceType<typeof VIconBtn>\n"],"mappings":"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","ignoreList":[]}
|
1
|
+
{"version":3,"file":"VIconBtn.js","names":["VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeElevationProps","useElevation","useProxiedModel","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","toDisplayString","convertToUnit","genericComponent","propsFactory","useRender","makeVIconBtnProps","active","type","Boolean","default","undefined","activeColor","String","activeIcon","Function","Object","activeVariant","baseVariant","disabled","height","Number","width","hideOverlay","icon","iconColor","iconSize","iconSizes","Array","loading","opacity","readonly","rotate","size","sizes","text","tag","variant","VIconBtn","name","props","emits","value","setup","_ref","attrs","slots","isActive","themeClasses","borderClasses","elevationClasses","roundedClasses","colorClasses","colorStyles","variantClasses","color","btnSizeMap","Map","iconSizeMap","onClick","href","_btnSize","hasNamedSize","has","btnSize","get","btnHeight","btnWidth","_iconSize","hasNamedIconSize","iconProps","_createVNode","_normalizeClass","class","_normalizeStyle","style","_createElementVNode","_mergeProps","loader"],"sources":["../../../src/labs/VIconBtn/VIconBtn.tsx"],"sourcesContent":["// Styles\nimport './VIconBtn.scss'\n\n// Components\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Utilities\nimport { toDisplayString } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { IconValue } from '@/composables/icons'\nimport type { Variant } from '@/composables/variant'\n\nexport type VIconBtnSlots = {\n default: never\n loader: never\n}\n\nexport type VIconBtnSizes = 'x-small' | 'small' | 'default' | 'large' | 'x-large'\n\nexport const makeVIconBtnProps = propsFactory({\n active: {\n type: Boolean,\n default: undefined,\n },\n activeColor: String,\n activeIcon: [String, Function, Object] as PropType<IconValue>,\n activeVariant: String as PropType<Variant>,\n baseVariant: {\n type: String as PropType<Variant>,\n default: 'tonal',\n },\n disabled: Boolean,\n height: [Number, String],\n width: [Number, String],\n hideOverlay: Boolean,\n icon: [String, Function, Object] as PropType<IconValue>,\n iconColor: String,\n iconSize: [Number, String] as PropType<VIconBtnSizes | number | string>,\n iconSizes: {\n type: Array as PropType<[VIconBtnSizes, number][]>,\n default: () => ([\n ['x-small', 10],\n ['small', 16],\n ['default', 24],\n ['large', 28],\n ['x-large', 32],\n ]),\n },\n loading: Boolean,\n opacity: [Number, String],\n readonly: Boolean,\n rotate: [Number, String],\n size: {\n type: [Number, String] as PropType<VIconBtnSizes | number | string>,\n default: 'default',\n },\n sizes: {\n type: Array as PropType<[VIconBtnSizes, number][]>,\n default: () => ([\n ['x-small', 16],\n ['small', 24],\n ['default', 40],\n ['large', 48],\n ['x-large', 56],\n ]),\n },\n text: {\n type: [String, Number, Boolean],\n default: undefined,\n },\n\n ...makeBorderProps(),\n ...makeComponentProps(),\n ...makeElevationProps(),\n ...makeRoundedProps(),\n ...makeTagProps({ tag: 'button' }),\n ...makeThemeProps(),\n ...makeVariantProps({ variant: 'flat' } as const),\n}, 'VIconBtn')\n\nexport const VIconBtn = genericComponent<VIconBtnSlots>()({\n name: 'VIconBtn',\n\n props: makeVIconBtnProps(),\n\n emits: {\n 'update:active': (value: boolean) => true,\n },\n\n setup (props, { attrs, slots }) {\n const isActive = useProxiedModel(props, 'active')\n\n const { themeClasses } = provideTheme(props)\n const { borderClasses } = useBorder(props)\n const { elevationClasses } = useElevation(props)\n const { roundedClasses } = useRounded(props)\n\n const { colorClasses, colorStyles, variantClasses } = useVariant(() => ({\n color: (() => {\n if (props.disabled) return undefined\n if (!isActive.value) return props.color\n // Use an inline fallback as opposed to setting a default color\n // because non-toggle buttons are default flat whereas toggle\n // buttons are default tonal and active flat. The exact use\n // case for this is a toggle button with no active color.\n return props.activeColor ?? props.color ?? 'surface-variant'\n })(),\n variant: (() => {\n if (isActive.value === undefined) return props.variant\n if (isActive.value) return props.activeVariant ?? props.variant\n return props.baseVariant ?? props.variant\n })(),\n }))\n\n const btnSizeMap = new Map(props.sizes)\n const iconSizeMap = new Map(props.iconSizes)\n\n function onClick () {\n if (\n props.disabled ||\n props.readonly ||\n isActive.value === undefined ||\n (props.tag === 'a' && attrs.href)\n ) return\n\n isActive.value = !isActive.value\n }\n\n useRender(() => {\n const icon = isActive.value ? props.activeIcon ?? props.icon : props.icon\n\n const _btnSize = props.size as VIconBtnSizes\n const hasNamedSize = btnSizeMap.has(_btnSize)\n const btnSize = hasNamedSize ? btnSizeMap.get(_btnSize) : _btnSize\n const btnHeight = props.height ?? btnSize\n const btnWidth = props.width ?? btnSize\n\n const _iconSize = props.iconSize as VIconBtnSizes\n const hasNamedIconSize = iconSizeMap.has(_iconSize)\n\n const iconSize = !_iconSize\n ? hasNamedSize ? iconSizeMap.get(_btnSize) : iconSizeMap.get('default')\n : hasNamedIconSize ? iconSizeMap.get(_iconSize) : _iconSize\n\n const iconProps = { icon, size: iconSize, iconColor: props.iconColor, opacity: props.opacity }\n\n return (\n <props.tag\n class={[\n {\n 'v-icon-btn': true,\n 'v-icon-btn--active': isActive.value,\n 'v-icon-btn--disabled': props.disabled,\n 'v-icon-btn--loading': props.loading,\n 'v-icon-btn--readonly': props.readonly,\n [`v-icon-btn--${props.size}`]: true,\n },\n themeClasses.value,\n colorClasses.value,\n borderClasses.value,\n elevationClasses.value,\n roundedClasses.value,\n variantClasses.value,\n props.class,\n ]}\n style={[\n {\n '--v-icon-btn-rotate': convertToUnit(props.rotate, 'deg'),\n '--v-icon-btn-height': convertToUnit(btnHeight),\n '--v-icon-btn-width': convertToUnit(btnWidth),\n },\n colorStyles.value,\n props.style,\n ]}\n tabindex={ props.disabled || props.readonly ? -1 : 0 }\n onClick={ onClick }\n >\n { genOverlays(!props.hideOverlay, 'v-icon-btn') }\n\n <div class=\"v-icon-btn__content\" data-no-activator=\"\">\n { (!slots.default && icon) ? (\n <VIcon\n key=\"content-icon\"\n { ...iconProps }\n />\n ) : (\n <VDefaultsProvider\n key=\"content-defaults\"\n disabled={ !icon }\n defaults={{ VIcon: { ...iconProps } }}\n v-slots={{\n default: () => slots.default?.() ?? toDisplayString(props.text),\n }}\n />\n )}\n </div>\n\n { !!props.loading && (\n <span key=\"loader\" class=\"v-icon-btn__loader\">\n { slots.loader?.() ?? (\n <VProgressCircular\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n indeterminate=\"disable-shrink\"\n width=\"2\"\n size={ iconSize }\n />\n )}\n </span>\n )}\n </props.tag>\n )\n })\n\n return {}\n },\n})\n\nexport type VIconBtn = InstanceType<typeof VIconBtn>\n"],"mappings":"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","ignoreList":[]}
|
@@ -193,18 +193,14 @@ export declare const makeVStepperVerticalProps: <Defaults extends {
|
|
193
193
|
default: boolean;
|
194
194
|
}, "type" | "default"> & {
|
195
195
|
type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
|
196
|
-
class
|
197
|
-
keys?: number[];
|
196
|
+
class: string;
|
198
197
|
} | undefined : boolean | {
|
199
|
-
class
|
200
|
-
keys?: number[];
|
198
|
+
class: string;
|
201
199
|
} | Defaults["ripple"] | undefined>;
|
202
200
|
default: unknown extends Defaults["ripple"] ? boolean | {
|
203
|
-
class
|
204
|
-
keys?: number[];
|
201
|
+
class: string;
|
205
202
|
} | undefined : NonNullable<boolean | {
|
206
|
-
class
|
207
|
-
keys?: number[];
|
203
|
+
class: string;
|
208
204
|
} | undefined> | Defaults["ripple"];
|
209
205
|
};
|
210
206
|
collapseIcon: unknown extends Defaults["collapseIcon"] ? {
|
@@ -337,8 +333,7 @@ export declare const VStepperVertical: {
|
|
337
333
|
itemValue: string;
|
338
334
|
tile: boolean;
|
339
335
|
ripple: boolean | {
|
340
|
-
class
|
341
|
-
keys?: number[];
|
336
|
+
class: string;
|
342
337
|
} | undefined;
|
343
338
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
344
339
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -381,8 +376,7 @@ export declare const VStepperVertical: {
|
|
381
376
|
rounded: string | number | boolean;
|
382
377
|
tile: boolean;
|
383
378
|
ripple: boolean | {
|
384
|
-
class
|
385
|
-
keys?: number[];
|
379
|
+
class: string;
|
386
380
|
} | undefined;
|
387
381
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
388
382
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -428,8 +422,7 @@ export declare const VStepperVertical: {
|
|
428
422
|
itemValue: string;
|
429
423
|
tile: boolean;
|
430
424
|
ripple: boolean | {
|
431
|
-
class
|
432
|
-
keys?: number[];
|
425
|
+
class: string;
|
433
426
|
} | undefined;
|
434
427
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
435
428
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -470,8 +463,7 @@ export declare const VStepperVertical: {
|
|
470
463
|
rounded: string | number | boolean;
|
471
464
|
tile: boolean;
|
472
465
|
ripple: boolean | {
|
473
|
-
class
|
474
|
-
keys?: number[];
|
466
|
+
class: string;
|
475
467
|
} | undefined;
|
476
468
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
477
469
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -502,8 +494,7 @@ export declare const VStepperVertical: {
|
|
502
494
|
itemValue: string;
|
503
495
|
tile: boolean;
|
504
496
|
ripple: boolean | {
|
505
|
-
class
|
506
|
-
keys?: number[];
|
497
|
+
class: string;
|
507
498
|
} | undefined;
|
508
499
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
509
500
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -546,8 +537,7 @@ export declare const VStepperVertical: {
|
|
546
537
|
rounded: string | number | boolean;
|
547
538
|
tile: boolean;
|
548
539
|
ripple: boolean | {
|
549
|
-
class
|
550
|
-
keys?: number[];
|
540
|
+
class: string;
|
551
541
|
} | undefined;
|
552
542
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
553
543
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -175,18 +175,14 @@ export declare const makeVStepperVerticalItemProps: <Defaults extends {
|
|
175
175
|
default: boolean;
|
176
176
|
}, "type" | "default"> & {
|
177
177
|
type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
|
178
|
-
class
|
179
|
-
keys?: number[];
|
178
|
+
class: string;
|
180
179
|
} | undefined : boolean | {
|
181
|
-
class
|
182
|
-
keys?: number[];
|
180
|
+
class: string;
|
183
181
|
} | Defaults["ripple"] | undefined>;
|
184
182
|
default: unknown extends Defaults["ripple"] ? boolean | {
|
185
|
-
class
|
186
|
-
keys?: number[];
|
183
|
+
class: string;
|
187
184
|
} | undefined : NonNullable<boolean | {
|
188
|
-
class
|
189
|
-
keys?: number[];
|
185
|
+
class: string;
|
190
186
|
} | undefined> | Defaults["ripple"];
|
191
187
|
};
|
192
188
|
collapseIcon: unknown extends Defaults["collapseIcon"] ? Omit<{
|
@@ -300,8 +296,7 @@ export declare const VStepperVerticalItem: {
|
|
300
296
|
rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
|
301
297
|
tile: boolean;
|
302
298
|
ripple: boolean | {
|
303
|
-
class
|
304
|
-
keys?: number[];
|
299
|
+
class: string;
|
305
300
|
} | undefined;
|
306
301
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
307
302
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -380,8 +375,7 @@ export declare const VStepperVerticalItem: {
|
|
380
375
|
rounded: string | number | boolean;
|
381
376
|
tile: boolean;
|
382
377
|
ripple: boolean | {
|
383
|
-
class
|
384
|
-
keys?: number[];
|
378
|
+
class: string;
|
385
379
|
} | undefined;
|
386
380
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
387
381
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -419,8 +413,7 @@ export declare const VStepperVerticalItem: {
|
|
419
413
|
rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
|
420
414
|
tile: boolean;
|
421
415
|
ripple: boolean | {
|
422
|
-
class
|
423
|
-
keys?: number[];
|
416
|
+
class: string;
|
424
417
|
} | undefined;
|
425
418
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
426
419
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -495,8 +488,7 @@ export declare const VStepperVerticalItem: {
|
|
495
488
|
rounded: string | number | boolean;
|
496
489
|
tile: boolean;
|
497
490
|
ripple: boolean | {
|
498
|
-
class
|
499
|
-
keys?: number[];
|
491
|
+
class: string;
|
500
492
|
} | undefined;
|
501
493
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
502
494
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -522,8 +514,7 @@ export declare const VStepperVerticalItem: {
|
|
522
514
|
rules: readonly import("../../components/VStepper/VStepperItem.js").ValidationRule[];
|
523
515
|
tile: boolean;
|
524
516
|
ripple: boolean | {
|
525
|
-
class
|
526
|
-
keys?: number[];
|
517
|
+
class: string;
|
527
518
|
} | undefined;
|
528
519
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
529
520
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -602,8 +593,7 @@ export declare const VStepperVerticalItem: {
|
|
602
593
|
rounded: string | number | boolean;
|
603
594
|
tile: boolean;
|
604
595
|
ripple: boolean | {
|
605
|
-
class
|
606
|
-
keys?: number[];
|
596
|
+
class: string;
|
607
597
|
} | undefined;
|
608
598
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
609
599
|
expandIcon: import("../../composables/icons.js").IconValue;
|
@@ -36,7 +36,6 @@ export declare const makeVTreeviewProps: <Defaults extends {
|
|
36
36
|
activeColor?: unknown;
|
37
37
|
slim?: unknown;
|
38
38
|
activeClass?: unknown;
|
39
|
-
filterable?: unknown;
|
40
39
|
activatable?: unknown;
|
41
40
|
selectable?: unknown;
|
42
41
|
activeStrategy?: unknown;
|
@@ -282,10 +281,6 @@ export declare const makeVTreeviewProps: <Defaults extends {
|
|
282
281
|
type: import("vue").PropType<unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"]>;
|
283
282
|
default: unknown extends Defaults["activeClass"] ? string : string | Defaults["activeClass"];
|
284
283
|
};
|
285
|
-
filterable: unknown extends Defaults["filterable"] ? BooleanConstructor : {
|
286
|
-
type: import("vue").PropType<unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"]>;
|
287
|
-
default: unknown extends Defaults["filterable"] ? boolean : boolean | Defaults["filterable"];
|
288
|
-
};
|
289
284
|
activatable: unknown extends Defaults["activatable"] ? BooleanConstructor : {
|
290
285
|
type: import("vue").PropType<unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"]>;
|
291
286
|
default: unknown extends Defaults["activatable"] ? boolean : boolean | Defaults["activatable"];
|
@@ -510,7 +505,6 @@ export declare const VTreeview: {
|
|
510
505
|
tile: boolean;
|
511
506
|
slim: boolean;
|
512
507
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
513
|
-
filterable: boolean;
|
514
508
|
activatable: boolean;
|
515
509
|
selectable: boolean;
|
516
510
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -612,7 +606,6 @@ export declare const VTreeview: {
|
|
612
606
|
slim: boolean;
|
613
607
|
openOnClick: boolean;
|
614
608
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
615
|
-
filterable: boolean;
|
616
609
|
activatable: boolean;
|
617
610
|
selectable: boolean;
|
618
611
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -674,7 +667,6 @@ export declare const VTreeview: {
|
|
674
667
|
tile: boolean;
|
675
668
|
slim: boolean;
|
676
669
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
677
|
-
filterable: boolean;
|
678
670
|
activatable: boolean;
|
679
671
|
selectable: boolean;
|
680
672
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -761,7 +753,6 @@ export declare const VTreeview: {
|
|
761
753
|
slim: boolean;
|
762
754
|
openOnClick: boolean;
|
763
755
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
764
|
-
filterable: boolean;
|
765
756
|
activatable: boolean;
|
766
757
|
selectable: boolean;
|
767
758
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -794,7 +785,6 @@ export declare const VTreeview: {
|
|
794
785
|
tile: boolean;
|
795
786
|
slim: boolean;
|
796
787
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
797
|
-
filterable: boolean;
|
798
788
|
activatable: boolean;
|
799
789
|
selectable: boolean;
|
800
790
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -896,7 +886,6 @@ export declare const VTreeview: {
|
|
896
886
|
slim: boolean;
|
897
887
|
openOnClick: boolean;
|
898
888
|
indeterminateIcon: import("../../composables/icons.js").IconValue;
|
899
|
-
filterable: boolean;
|
900
889
|
activatable: boolean;
|
901
890
|
selectable: boolean;
|
902
891
|
collapseIcon: import("../../composables/icons.js").IconValue;
|
@@ -1011,7 +1000,6 @@ export declare const VTreeview: {
|
|
1011
1000
|
default: boolean;
|
1012
1001
|
};
|
1013
1002
|
activeClass: StringConstructor;
|
1014
|
-
filterable: BooleanConstructor;
|
1015
1003
|
activatable: BooleanConstructor;
|
1016
1004
|
selectable: BooleanConstructor;
|
1017
1005
|
activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
|
@@ -1152,7 +1140,6 @@ export declare const VTreeview: {
|
|
1152
1140
|
default: boolean;
|
1153
1141
|
};
|
1154
1142
|
activeClass: StringConstructor;
|
1155
|
-
filterable: BooleanConstructor;
|
1156
1143
|
activatable: BooleanConstructor;
|
1157
1144
|
selectable: BooleanConstructor;
|
1158
1145
|
activeStrategy: import("vue").PropType<import("../../composables/nested/nested.js").ActiveStrategyProp>;
|