@vuetify/nightly 3.9.2-master.2025-07-24 → 3.9.2-master.2025-07-25
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 +7 -3
- package/dist/_component-variables-labs.sass +1 -0
- package/dist/json/attributes.json +4100 -3952
- package/dist/json/importMap-labs.json +30 -18
- package/dist/json/importMap.json +162 -162
- package/dist/json/tags.json +52 -0
- package/dist/json/web-types.json +7540 -7045
- package/dist/vuetify-labs.cjs +781 -118
- package/dist/vuetify-labs.css +4416 -4309
- package/dist/vuetify-labs.d.ts +1078 -63
- package/dist/vuetify-labs.esm.js +782 -119
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +781 -118
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.cjs +40 -28
- package/dist/vuetify.cjs.map +1 -1
- package/dist/vuetify.css +5492 -5492
- package/dist/vuetify.d.ts +67 -62
- package/dist/vuetify.esm.js +40 -28
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +40 -28
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +936 -938
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VOverlay/locationStrategies.js +16 -10
- package/lib/components/VOverlay/locationStrategies.js.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/index.js.map +1 -1
- package/lib/composables/goto.d.ts +3 -2
- package/lib/composables/goto.js +2 -16
- package/lib/composables/goto.js.map +1 -1
- package/lib/composables/reveal.d.ts +36 -0
- package/lib/composables/reveal.js +30 -0
- package/lib/composables/reveal.js.map +1 -0
- package/lib/entry-bundler.js +1 -1
- package/lib/framework.d.ts +151 -146
- package/lib/framework.js +1 -1
- package/lib/labs/VPie/VPie.css +105 -0
- package/lib/labs/VPie/VPie.d.ts +891 -0
- package/lib/labs/VPie/VPie.js +291 -0
- package/lib/labs/VPie/VPie.js.map +1 -0
- package/lib/labs/VPie/VPie.sass +109 -0
- package/lib/labs/VPie/VPieSegment.d.ts +310 -0
- package/lib/labs/VPie/VPieSegment.js +103 -0
- package/lib/labs/VPie/VPieSegment.js.map +1 -0
- package/lib/labs/VPie/VPieTooltip.d.ts +279 -0
- package/lib/labs/VPie/VPieTooltip.js +84 -0
- package/lib/labs/VPie/VPieTooltip.js.map +1 -0
- package/lib/labs/VPie/_variables.scss +11 -0
- package/lib/labs/VPie/index.d.ts +3 -0
- package/lib/labs/VPie/index.js +4 -0
- package/lib/labs/VPie/index.js.map +1 -0
- package/lib/labs/VPie/types.d.ts +16 -0
- package/lib/labs/VPie/types.js +2 -0
- package/lib/labs/VPie/types.js.map +1 -0
- package/lib/labs/VPie/utils.d.ts +23 -0
- package/lib/labs/VPie/utils.js +49 -0
- package/lib/labs/VPie/utils.js.map +1 -0
- package/lib/labs/VVideo/VVideo.css +3 -0
- package/lib/labs/VVideo/VVideo.sass +3 -0
- package/lib/labs/VVideo/VVideoControls.js +9 -5
- package/lib/labs/VVideo/VVideoControls.js.map +1 -1
- package/lib/labs/VVideo/VVideoVolume.js +7 -3
- package/lib/labs/VVideo/VVideoVolume.js.map +1 -1
- package/lib/labs/components.d.ts +1 -0
- package/lib/labs/components.js +1 -0
- package/lib/labs/components.js.map +1 -1
- package/lib/util/easing.d.ts +22 -0
- package/lib/util/easing.js +53 -0
- package/lib/util/easing.js.map +1 -1
- package/lib/util/svg-arc-corners.d.ts +4 -0
- package/lib/util/svg-arc-corners.js +73 -0
- package/lib/util/svg-arc-corners.js.map +1 -0
- package/package.json +1 -1
package/lib/framework.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as vue from 'vue';
|
2
|
-
import { ShallowRef, Ref,
|
2
|
+
import { ShallowRef, Ref, DeepReadonly, ComponentPublicInstance, FunctionalComponent, ComponentPropsOptions, ExtractPropTypes, PropType, CSSProperties, EffectScope, nextTick, VNodeProps, App } from 'vue';
|
3
3
|
import * as _vue_reactivity from '@vue/reactivity';
|
4
4
|
|
5
5
|
interface LocaleMessages {
|
@@ -36,91 +36,6 @@ declare function useRtl(): {
|
|
36
36
|
rtlClasses: Ref<string, string>;
|
37
37
|
};
|
38
38
|
|
39
|
-
interface GoToInstance {
|
40
|
-
rtl: Ref<boolean>;
|
41
|
-
options: InternalGoToOptions;
|
42
|
-
}
|
43
|
-
interface InternalGoToOptions {
|
44
|
-
container: ComponentPublicInstance | HTMLElement | string;
|
45
|
-
duration: number;
|
46
|
-
layout: boolean;
|
47
|
-
offset: number;
|
48
|
-
easing: string | ((t: number) => number);
|
49
|
-
patterns: Record<string, (t: number) => number>;
|
50
|
-
}
|
51
|
-
type GoToOptions = Partial<InternalGoToOptions>;
|
52
|
-
declare function useGoTo(_options?: GoToOptions): {
|
53
|
-
(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
|
54
|
-
horizontal(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
|
55
|
-
};
|
56
|
-
|
57
|
-
interface DateAdapter<T = unknown> {
|
58
|
-
date(value?: any): T | null;
|
59
|
-
format(date: T, formatString: string): string;
|
60
|
-
toJsDate(value: T): Date;
|
61
|
-
parseISO(date: string): T;
|
62
|
-
toISO(date: T): string;
|
63
|
-
startOfDay(date: T): T;
|
64
|
-
endOfDay(date: T): T;
|
65
|
-
startOfWeek(date: T, firstDayOfWeek?: number | string): T;
|
66
|
-
endOfWeek(date: T): T;
|
67
|
-
startOfMonth(date: T): T;
|
68
|
-
endOfMonth(date: T): T;
|
69
|
-
startOfYear(date: T): T;
|
70
|
-
endOfYear(date: T): T;
|
71
|
-
isAfter(date: T, comparing: T): boolean;
|
72
|
-
isAfterDay(date: T, comparing: T): boolean;
|
73
|
-
isSameDay(date: T, comparing: T): boolean;
|
74
|
-
isSameMonth(date: T, comparing: T): boolean;
|
75
|
-
isSameYear(date: T, comparing: T): boolean;
|
76
|
-
isBefore(date: T, comparing: T): boolean;
|
77
|
-
isEqual(date: T, comparing: T): boolean;
|
78
|
-
isValid(date: any): boolean;
|
79
|
-
isWithinRange(date: T, range: [T, T]): boolean;
|
80
|
-
addMinutes(date: T, amount: number): T;
|
81
|
-
addHours(date: T, amount: number): T;
|
82
|
-
addDays(date: T, amount: number): T;
|
83
|
-
addWeeks(date: T, amount: number): T;
|
84
|
-
addMonths(date: T, amount: number): T;
|
85
|
-
getYear(date: T): number;
|
86
|
-
setYear(date: T, year: number): T;
|
87
|
-
getDiff(date: T, comparing: T | string, unit?: string): number;
|
88
|
-
getWeekArray(date: T, firstDayOfWeek?: number | string): T[][];
|
89
|
-
getWeekdays(firstDayOfWeek?: number | string, weekdayFormat?: 'long' | 'short' | 'narrow'): string[];
|
90
|
-
getWeek(date: T, firstDayOfWeek?: number | string, firstWeekMinSize?: number): number;
|
91
|
-
getMonth(date: T): number;
|
92
|
-
setMonth(date: T, month: number): T;
|
93
|
-
getDate(date: T): number;
|
94
|
-
setDate(date: T, day: number): T;
|
95
|
-
getNextMonth(date: T): T;
|
96
|
-
getPreviousMonth(date: T): T;
|
97
|
-
getHours(date: T): number;
|
98
|
-
setHours(date: T, hours: number): T;
|
99
|
-
getMinutes(date: T): number;
|
100
|
-
setMinutes(date: T, minutes: number): T;
|
101
|
-
}
|
102
|
-
|
103
|
-
interface DateInstance extends DateModule.InternalAdapter {
|
104
|
-
locale?: any;
|
105
|
-
}
|
106
|
-
/** Supports module augmentation to specify date adapter types */
|
107
|
-
declare namespace DateModule {
|
108
|
-
interface Adapter {
|
109
|
-
}
|
110
|
-
export type InternalAdapter = {} extends Adapter ? DateAdapter : Adapter;
|
111
|
-
|
112
|
-
}
|
113
|
-
type InternalDateOptions = {
|
114
|
-
adapter: (new (options: {
|
115
|
-
locale: any;
|
116
|
-
formats?: any;
|
117
|
-
}) => DateInstance) | DateInstance;
|
118
|
-
formats?: Record<string, any>;
|
119
|
-
locale: Record<string, any>;
|
120
|
-
};
|
121
|
-
type DateOptions = Partial<InternalDateOptions>;
|
122
|
-
declare function useDate(): DateInstance;
|
123
|
-
|
124
39
|
declare const block: readonly ["top", "bottom"];
|
125
40
|
declare const inline: readonly ["start", "end", "left", "right"];
|
126
41
|
type Tblock = typeof block[number];
|
@@ -218,6 +133,8 @@ type JSXComponent<Props = any> = {
|
|
218
133
|
|
219
134
|
type ClassValue = any;
|
220
135
|
|
136
|
+
type EasingFunction = (n: number) => number;
|
137
|
+
|
221
138
|
declare function deepEqual(a: any, b: any): boolean;
|
222
139
|
type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
|
223
140
|
type MaybeRef<T> = T | Ref<T>;
|
@@ -229,6 +146,91 @@ type TemplateRef = {
|
|
229
146
|
readonly el: HTMLElement | undefined;
|
230
147
|
};
|
231
148
|
|
149
|
+
interface GoToInstance {
|
150
|
+
rtl: Ref<boolean>;
|
151
|
+
options: InternalGoToOptions;
|
152
|
+
}
|
153
|
+
interface InternalGoToOptions {
|
154
|
+
container: ComponentPublicInstance | HTMLElement | string;
|
155
|
+
duration: number;
|
156
|
+
layout: boolean;
|
157
|
+
offset: number;
|
158
|
+
easing: string | EasingFunction;
|
159
|
+
patterns: Record<string, EasingFunction>;
|
160
|
+
}
|
161
|
+
type GoToOptions = Partial<InternalGoToOptions>;
|
162
|
+
declare function useGoTo(_options?: GoToOptions): {
|
163
|
+
(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
|
164
|
+
horizontal(target: ComponentPublicInstance | HTMLElement | string | number, options?: Partial<GoToOptions>): Promise<unknown>;
|
165
|
+
};
|
166
|
+
|
167
|
+
interface DateAdapter<T = unknown> {
|
168
|
+
date(value?: any): T | null;
|
169
|
+
format(date: T, formatString: string): string;
|
170
|
+
toJsDate(value: T): Date;
|
171
|
+
parseISO(date: string): T;
|
172
|
+
toISO(date: T): string;
|
173
|
+
startOfDay(date: T): T;
|
174
|
+
endOfDay(date: T): T;
|
175
|
+
startOfWeek(date: T, firstDayOfWeek?: number | string): T;
|
176
|
+
endOfWeek(date: T): T;
|
177
|
+
startOfMonth(date: T): T;
|
178
|
+
endOfMonth(date: T): T;
|
179
|
+
startOfYear(date: T): T;
|
180
|
+
endOfYear(date: T): T;
|
181
|
+
isAfter(date: T, comparing: T): boolean;
|
182
|
+
isAfterDay(date: T, comparing: T): boolean;
|
183
|
+
isSameDay(date: T, comparing: T): boolean;
|
184
|
+
isSameMonth(date: T, comparing: T): boolean;
|
185
|
+
isSameYear(date: T, comparing: T): boolean;
|
186
|
+
isBefore(date: T, comparing: T): boolean;
|
187
|
+
isEqual(date: T, comparing: T): boolean;
|
188
|
+
isValid(date: any): boolean;
|
189
|
+
isWithinRange(date: T, range: [T, T]): boolean;
|
190
|
+
addMinutes(date: T, amount: number): T;
|
191
|
+
addHours(date: T, amount: number): T;
|
192
|
+
addDays(date: T, amount: number): T;
|
193
|
+
addWeeks(date: T, amount: number): T;
|
194
|
+
addMonths(date: T, amount: number): T;
|
195
|
+
getYear(date: T): number;
|
196
|
+
setYear(date: T, year: number): T;
|
197
|
+
getDiff(date: T, comparing: T | string, unit?: string): number;
|
198
|
+
getWeekArray(date: T, firstDayOfWeek?: number | string): T[][];
|
199
|
+
getWeekdays(firstDayOfWeek?: number | string, weekdayFormat?: 'long' | 'short' | 'narrow'): string[];
|
200
|
+
getWeek(date: T, firstDayOfWeek?: number | string, firstWeekMinSize?: number): number;
|
201
|
+
getMonth(date: T): number;
|
202
|
+
setMonth(date: T, month: number): T;
|
203
|
+
getDate(date: T): number;
|
204
|
+
setDate(date: T, day: number): T;
|
205
|
+
getNextMonth(date: T): T;
|
206
|
+
getPreviousMonth(date: T): T;
|
207
|
+
getHours(date: T): number;
|
208
|
+
setHours(date: T, hours: number): T;
|
209
|
+
getMinutes(date: T): number;
|
210
|
+
setMinutes(date: T, minutes: number): T;
|
211
|
+
}
|
212
|
+
|
213
|
+
interface DateInstance extends DateModule.InternalAdapter {
|
214
|
+
locale?: any;
|
215
|
+
}
|
216
|
+
/** Supports module augmentation to specify date adapter types */
|
217
|
+
declare namespace DateModule {
|
218
|
+
interface Adapter {
|
219
|
+
}
|
220
|
+
export type InternalAdapter = {} extends Adapter ? DateAdapter : Adapter;
|
221
|
+
|
222
|
+
}
|
223
|
+
type InternalDateOptions = {
|
224
|
+
adapter: (new (options: {
|
225
|
+
locale: any;
|
226
|
+
formats?: any;
|
227
|
+
}) => DateInstance) | DateInstance;
|
228
|
+
formats?: Record<string, any>;
|
229
|
+
locale: Record<string, any>;
|
230
|
+
};
|
231
|
+
type DateOptions = Partial<InternalDateOptions>;
|
232
|
+
declare function useDate(): DateInstance;
|
233
|
+
|
232
234
|
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
|
233
235
|
declare const IconValue: PropType<IconValue>;
|
234
236
|
interface IconAliases {
|
@@ -2606,43 +2608,37 @@ declare module 'vue' {
|
|
2606
2608
|
VAppBar: typeof import('vuetify/components')['VAppBar']
|
2607
2609
|
VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
|
2608
2610
|
VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
|
2611
|
+
VAvatar: typeof import('vuetify/components')['VAvatar']
|
2609
2612
|
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
2610
|
-
VBadge: typeof import('vuetify/components')['VBadge']
|
2611
2613
|
VAlert: typeof import('vuetify/components')['VAlert']
|
2612
2614
|
VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
|
2615
|
+
VBadge: typeof import('vuetify/components')['VBadge']
|
2613
2616
|
VBanner: typeof import('vuetify/components')['VBanner']
|
2614
2617
|
VBannerActions: typeof import('vuetify/components')['VBannerActions']
|
2615
2618
|
VBannerText: typeof import('vuetify/components')['VBannerText']
|
2616
|
-
|
2619
|
+
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
|
2617
2620
|
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
|
2618
2621
|
VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
|
2619
2622
|
VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
|
2620
2623
|
VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
|
2624
|
+
VBtn: typeof import('vuetify/components')['VBtn']
|
2625
|
+
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
|
2626
|
+
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2621
2627
|
VCard: typeof import('vuetify/components')['VCard']
|
2622
2628
|
VCardActions: typeof import('vuetify/components')['VCardActions']
|
2623
2629
|
VCardItem: typeof import('vuetify/components')['VCardItem']
|
2624
2630
|
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
|
2625
2631
|
VCardText: typeof import('vuetify/components')['VCardText']
|
2626
2632
|
VCardTitle: typeof import('vuetify/components')['VCardTitle']
|
2627
|
-
|
2628
|
-
|
2633
|
+
VCheckbox: typeof import('vuetify/components')['VCheckbox']
|
2634
|
+
VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
|
2629
2635
|
VCarousel: typeof import('vuetify/components')['VCarousel']
|
2630
2636
|
VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
|
2631
|
-
VBtn: typeof import('vuetify/components')['VBtn']
|
2632
|
-
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2633
|
-
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
2634
2637
|
VChip: typeof import('vuetify/components')['VChip']
|
2638
|
+
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
2639
|
+
VCode: typeof import('vuetify/components')['VCode']
|
2635
2640
|
VChipGroup: typeof import('vuetify/components')['VChipGroup']
|
2636
2641
|
VCounter: typeof import('vuetify/components')['VCounter']
|
2637
|
-
VCombobox: typeof import('vuetify/components')['VCombobox']
|
2638
|
-
VDialog: typeof import('vuetify/components')['VDialog']
|
2639
|
-
VDatePicker: typeof import('vuetify/components')['VDatePicker']
|
2640
|
-
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
|
2641
|
-
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
|
2642
|
-
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
|
2643
|
-
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
|
2644
|
-
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
|
2645
|
-
VCode: typeof import('vuetify/components')['VCode']
|
2646
2642
|
VDataTable: typeof import('vuetify/components')['VDataTable']
|
2647
2643
|
VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
|
2648
2644
|
VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
|
@@ -2650,10 +2646,14 @@ declare module 'vue' {
|
|
2650
2646
|
VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
|
2651
2647
|
VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
|
2652
2648
|
VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
|
2653
|
-
|
2654
|
-
|
2655
|
-
|
2656
|
-
|
2649
|
+
VCombobox: typeof import('vuetify/components')['VCombobox']
|
2650
|
+
VDatePicker: typeof import('vuetify/components')['VDatePicker']
|
2651
|
+
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
|
2652
|
+
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
|
2653
|
+
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
|
2654
|
+
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
|
2655
|
+
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
|
2656
|
+
VDialog: typeof import('vuetify/components')['VDialog']
|
2657
2657
|
VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
|
2658
2658
|
VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
|
2659
2659
|
VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
|
@@ -2661,20 +2661,22 @@ declare module 'vue' {
|
|
2661
2661
|
VField: typeof import('vuetify/components')['VField']
|
2662
2662
|
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
|
2663
2663
|
VFab: typeof import('vuetify/components')['VFab']
|
2664
|
+
VDivider: typeof import('vuetify/components')['VDivider']
|
2664
2665
|
VFileInput: typeof import('vuetify/components')['VFileInput']
|
2665
2666
|
VFooter: typeof import('vuetify/components')['VFooter']
|
2667
|
+
VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
|
2668
|
+
VEmptyState: typeof import('vuetify/components')['VEmptyState']
|
2669
|
+
VImg: typeof import('vuetify/components')['VImg']
|
2666
2670
|
VIcon: typeof import('vuetify/components')['VIcon']
|
2667
2671
|
VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
|
2668
2672
|
VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
|
2669
2673
|
VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
|
2670
2674
|
VClassIcon: typeof import('vuetify/components')['VClassIcon']
|
2671
|
-
VImg: typeof import('vuetify/components')['VImg']
|
2672
2675
|
VInput: typeof import('vuetify/components')['VInput']
|
2673
|
-
|
2676
|
+
VLabel: typeof import('vuetify/components')['VLabel']
|
2674
2677
|
VKbd: typeof import('vuetify/components')['VKbd']
|
2675
2678
|
VItemGroup: typeof import('vuetify/components')['VItemGroup']
|
2676
2679
|
VItem: typeof import('vuetify/components')['VItem']
|
2677
|
-
VLabel: typeof import('vuetify/components')['VLabel']
|
2678
2680
|
VList: typeof import('vuetify/components')['VList']
|
2679
2681
|
VListGroup: typeof import('vuetify/components')['VListGroup']
|
2680
2682
|
VListImg: typeof import('vuetify/components')['VListImg']
|
@@ -2684,78 +2686,76 @@ declare module 'vue' {
|
|
2684
2686
|
VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
|
2685
2687
|
VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
|
2686
2688
|
VListSubheader: typeof import('vuetify/components')['VListSubheader']
|
2687
|
-
VMenu: typeof import('vuetify/components')['VMenu']
|
2688
2689
|
VMain: typeof import('vuetify/components')['VMain']
|
2690
|
+
VMenu: typeof import('vuetify/components')['VMenu']
|
2689
2691
|
VMessages: typeof import('vuetify/components')['VMessages']
|
2690
|
-
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
2691
|
-
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
2692
|
-
VNumberInput: typeof import('vuetify/components')['VNumberInput']
|
2693
2692
|
VOverlay: typeof import('vuetify/components')['VOverlay']
|
2693
|
+
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
2694
|
+
VPagination: typeof import('vuetify/components')['VPagination']
|
2694
2695
|
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
|
2695
|
-
|
2696
|
+
VNumberInput: typeof import('vuetify/components')['VNumberInput']
|
2697
|
+
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
2698
|
+
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
|
2696
2699
|
VRating: typeof import('vuetify/components')['VRating']
|
2697
2700
|
VSelect: typeof import('vuetify/components')['VSelect']
|
2698
|
-
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
|
2699
|
-
VSheet: typeof import('vuetify/components')['VSheet']
|
2700
2701
|
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
2702
|
+
VSheet: typeof import('vuetify/components')['VSheet']
|
2703
|
+
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
|
2701
2704
|
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
2702
|
-
|
2703
|
-
VPagination: typeof import('vuetify/components')['VPagination']
|
2705
|
+
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
2704
2706
|
VSlider: typeof import('vuetify/components')['VSlider']
|
2705
|
-
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
|
2706
|
-
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
|
2707
2707
|
VStepper: typeof import('vuetify/components')['VStepper']
|
2708
2708
|
VStepperActions: typeof import('vuetify/components')['VStepperActions']
|
2709
2709
|
VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
|
2710
2710
|
VStepperItem: typeof import('vuetify/components')['VStepperItem']
|
2711
2711
|
VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
|
2712
2712
|
VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
|
2713
|
-
|
2714
|
-
|
2715
|
-
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
2716
|
-
VTable: typeof import('vuetify/components')['VTable']
|
2717
|
-
VTimeline: typeof import('vuetify/components')['VTimeline']
|
2718
|
-
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
2719
|
-
VTextarea: typeof import('vuetify/components')['VTextarea']
|
2713
|
+
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
|
2714
|
+
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
|
2720
2715
|
VTab: typeof import('vuetify/components')['VTab']
|
2721
2716
|
VTabs: typeof import('vuetify/components')['VTabs']
|
2722
2717
|
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
2723
2718
|
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
2719
|
+
VSwitch: typeof import('vuetify/components')['VSwitch']
|
2720
|
+
VTextarea: typeof import('vuetify/components')['VTextarea']
|
2721
|
+
VTimeline: typeof import('vuetify/components')['VTimeline']
|
2722
|
+
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
2723
|
+
VTextField: typeof import('vuetify/components')['VTextField']
|
2724
|
+
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
2725
|
+
VTimePicker: typeof import('vuetify/components')['VTimePicker']
|
2726
|
+
VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
|
2727
|
+
VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
|
2724
2728
|
VToolbar: typeof import('vuetify/components')['VToolbar']
|
2725
2729
|
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
|
2726
2730
|
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
2727
2731
|
VTooltip: typeof import('vuetify/components')['VTooltip']
|
2728
|
-
VTimePicker: typeof import('vuetify/components')['VTimePicker']
|
2729
|
-
VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
|
2730
|
-
VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
|
2731
2732
|
VTreeview: typeof import('vuetify/components')['VTreeview']
|
2732
2733
|
VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
|
2733
2734
|
VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
|
2735
|
+
VTable: typeof import('vuetify/components')['VTable']
|
2734
2736
|
VWindow: typeof import('vuetify/components')['VWindow']
|
2735
2737
|
VWindowItem: typeof import('vuetify/components')['VWindowItem']
|
2736
|
-
|
2738
|
+
VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
|
2737
2739
|
VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
|
2738
|
-
VForm: typeof import('vuetify/components')['VForm']
|
2739
2740
|
VContainer: typeof import('vuetify/components')['VContainer']
|
2740
2741
|
VCol: typeof import('vuetify/components')['VCol']
|
2741
2742
|
VRow: typeof import('vuetify/components')['VRow']
|
2742
2743
|
VSpacer: typeof import('vuetify/components')['VSpacer']
|
2743
2744
|
VHover: typeof import('vuetify/components')['VHover']
|
2744
|
-
VLazy: typeof import('vuetify/components')['VLazy']
|
2745
2745
|
VLayout: typeof import('vuetify/components')['VLayout']
|
2746
2746
|
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
|
2747
|
-
|
2747
|
+
VLazy: typeof import('vuetify/components')['VLazy']
|
2748
2748
|
VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
|
2749
|
+
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
2749
2750
|
VParallax: typeof import('vuetify/components')['VParallax']
|
2750
|
-
VRadio: typeof import('vuetify/components')['VRadio']
|
2751
2751
|
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
|
2752
|
+
VRadio: typeof import('vuetify/components')['VRadio']
|
2753
|
+
VResponsive: typeof import('vuetify/components')['VResponsive']
|
2752
2754
|
VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
|
2753
2755
|
VSparkline: typeof import('vuetify/components')['VSparkline']
|
2754
2756
|
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
|
2755
|
-
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
|
2756
|
-
VResponsive: typeof import('vuetify/components')['VResponsive']
|
2757
2757
|
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
|
2758
|
-
|
2758
|
+
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
|
2759
2759
|
VFabTransition: typeof import('vuetify/components')['VFabTransition']
|
2760
2760
|
VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
|
2761
2761
|
VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
|
@@ -2772,30 +2772,35 @@ declare module 'vue' {
|
|
2772
2772
|
VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
|
2773
2773
|
VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
|
2774
2774
|
VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
|
2775
|
-
|
2776
|
-
|
2777
|
-
|
2778
|
-
|
2775
|
+
VValidation: typeof import('vuetify/components')['VValidation']
|
2776
|
+
VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
|
2777
|
+
VDataIterator: typeof import('vuetify/components')['VDataIterator']
|
2778
|
+
VForm: typeof import('vuetify/components')['VForm']
|
2779
2779
|
VCalendar: typeof import('vuetify/labs/components')['VCalendar']
|
2780
2780
|
VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
|
2781
2781
|
VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
|
2782
2782
|
VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
|
2783
2783
|
VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
|
2784
2784
|
VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
|
2785
|
-
|
2786
|
-
|
2785
|
+
VPie: typeof import('vuetify/labs/components')['VPie']
|
2786
|
+
VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
|
2787
|
+
VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
|
2787
2788
|
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
2788
2789
|
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
2789
|
-
VHotkey: typeof import('vuetify/labs/components')['VHotkey']
|
2790
2790
|
VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
|
2791
2791
|
VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
|
2792
2792
|
VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
|
2793
|
+
VHotkey: typeof import('vuetify/labs/components')['VHotkey']
|
2794
|
+
VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
|
2795
|
+
VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
|
2793
2796
|
VVideo: typeof import('vuetify/labs/components')['VVideo']
|
2794
2797
|
VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
|
2795
2798
|
VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
|
2796
2799
|
VDateInput: typeof import('vuetify/labs/components')['VDateInput']
|
2797
|
-
VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
|
2798
2800
|
VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
|
2801
|
+
VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
|
2802
|
+
VColorInput: typeof import('vuetify/labs/components')['VColorInput']
|
2803
|
+
VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
|
2799
2804
|
}
|
2800
2805
|
export interface GlobalDirectives {
|
2801
2806
|
vClickOutside: typeof import('vuetify/directives')['ClickOutside']
|
package/lib/framework.js
CHANGED
@@ -0,0 +1,105 @@
|
|
1
|
+
.v-pie {
|
2
|
+
display: grid;
|
3
|
+
align-items: center;
|
4
|
+
column-gap: 24px;
|
5
|
+
--v-pie-size: 250px;
|
6
|
+
}
|
7
|
+
.v-pie--legend-top {
|
8
|
+
grid-template-areas: "title" "legend" "content";
|
9
|
+
grid-template-columns: var(--v-pie-size);
|
10
|
+
}
|
11
|
+
.v-pie--legend-bottom {
|
12
|
+
grid-template-areas: "title" "content" "legend";
|
13
|
+
grid-template-columns: var(--v-pie-size);
|
14
|
+
}
|
15
|
+
.v-pie--legend-right {
|
16
|
+
grid-template-areas: "title ." "content legend";
|
17
|
+
}
|
18
|
+
.v-pie--legend-left {
|
19
|
+
grid-template-areas: ". title" "legend content";
|
20
|
+
}
|
21
|
+
.v-pie--legend-hidden {
|
22
|
+
grid-template-areas: "title" "content";
|
23
|
+
}
|
24
|
+
.v-pie__title {
|
25
|
+
grid-area: title;
|
26
|
+
text-align: center;
|
27
|
+
padding-bottom: 12px;
|
28
|
+
}
|
29
|
+
.v-pie__content {
|
30
|
+
grid-area: content;
|
31
|
+
position: relative;
|
32
|
+
width: var(--v-pie-size);
|
33
|
+
height: var(--v-pie-size);
|
34
|
+
}
|
35
|
+
.v-pie__content:is(.v-pie__content) {
|
36
|
+
background: none !important;
|
37
|
+
}
|
38
|
+
.v-pie__content .v-overlay .v-overlay__scrim,
|
39
|
+
.v-pie__content .v-overlay .v-overlay__content {
|
40
|
+
pointer-events: none !important;
|
41
|
+
}
|
42
|
+
.v-pie__content-underlay {
|
43
|
+
border-radius: 50%;
|
44
|
+
position: absolute;
|
45
|
+
inset: -8px;
|
46
|
+
pointer-events: none;
|
47
|
+
z-index: -1;
|
48
|
+
}
|
49
|
+
.v-pie__center-content {
|
50
|
+
position: absolute;
|
51
|
+
top: 50%;
|
52
|
+
left: 50%;
|
53
|
+
transform: translate(-50%, -50%);
|
54
|
+
pointer-events: none;
|
55
|
+
}
|
56
|
+
.v-pie__center-content > div {
|
57
|
+
pointer-events: auto;
|
58
|
+
}
|
59
|
+
.v-pie__legend {
|
60
|
+
grid-area: legend;
|
61
|
+
padding-block: 12px;
|
62
|
+
}
|
63
|
+
.v-pie__legend .v-avatar {
|
64
|
+
border: thin solid rgba(var(--v-theme-on-surface), 0.2);
|
65
|
+
}
|
66
|
+
.v-pie__legend .v-chip__content {
|
67
|
+
width: 100%;
|
68
|
+
}
|
69
|
+
.v-pie__legend .v-chip:not(.v-chip--selected) {
|
70
|
+
opacity: 0.4;
|
71
|
+
}
|
72
|
+
.v-pie__legend__text {
|
73
|
+
font-size: 0.8125rem;
|
74
|
+
white-space: nowrap;
|
75
|
+
width: 100%;
|
76
|
+
}
|
77
|
+
.v-chip--density-compact .v-pie__legend__text {
|
78
|
+
font-size: 0.66rem;
|
79
|
+
}
|
80
|
+
.v-pie .v-chip.v-chip--density-comfortable .v-avatar--start {
|
81
|
+
margin-inline-start: -6px;
|
82
|
+
}
|
83
|
+
.v-pie .v-chip.v-chip--density-default .v-avatar--start {
|
84
|
+
margin-inline-start: -4px;
|
85
|
+
}
|
86
|
+
.v-pie-segment {
|
87
|
+
pointer-events: none;
|
88
|
+
position: absolute;
|
89
|
+
inset: 0;
|
90
|
+
}
|
91
|
+
.v-pie-segment .v-pie-segment__overlay {
|
92
|
+
pointer-events: auto;
|
93
|
+
opacity: 0;
|
94
|
+
}
|
95
|
+
.v-pie__tooltip-content .v-list-item {
|
96
|
+
padding-inline: 0;
|
97
|
+
min-width: 100px;
|
98
|
+
zoom: 0.88;
|
99
|
+
}
|
100
|
+
.v-pie__tooltip-content .v-list-item-subtitle {
|
101
|
+
opacity: 1;
|
102
|
+
}
|
103
|
+
.v-pie__tooltip-content .v-avatar {
|
104
|
+
border: thin solid rgba(var(--v-theme-on-surface-variant), 0.2);
|
105
|
+
}
|