@vuetify/nightly 3.9.2-master.2025-07-24 → 3.9.2-master.2025-07-26
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 +10 -3
- package/dist/_component-variables-labs.sass +1 -0
- package/dist/json/attributes.json +3153 -3005
- package/dist/json/importMap-labs.json +30 -18
- package/dist/json/importMap.json +166 -166
- package/dist/json/tags.json +52 -0
- package/dist/json/web-types.json +6315 -5820
- package/dist/vuetify-labs.cjs +781 -118
- package/dist/vuetify-labs.css +3870 -3763
- 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 +4830 -4830
- 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 {
|
@@ -2602,47 +2604,42 @@ declare module 'vue' {
|
|
2602
2604
|
$children?: VNodeChild
|
2603
2605
|
}
|
2604
2606
|
export interface GlobalComponents {
|
2605
|
-
VApp: typeof import('vuetify/components')['VApp']
|
2606
2607
|
VAppBar: typeof import('vuetify/components')['VAppBar']
|
2607
2608
|
VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
|
2608
2609
|
VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
|
2609
|
-
|
2610
|
-
VBadge: typeof import('vuetify/components')['VBadge']
|
2610
|
+
VApp: typeof import('vuetify/components')['VApp']
|
2611
2611
|
VAlert: typeof import('vuetify/components')['VAlert']
|
2612
2612
|
VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
|
2613
|
+
VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
|
2613
2614
|
VBanner: typeof import('vuetify/components')['VBanner']
|
2614
2615
|
VBannerActions: typeof import('vuetify/components')['VBannerActions']
|
2615
2616
|
VBannerText: typeof import('vuetify/components')['VBannerText']
|
2617
|
+
VBadge: typeof import('vuetify/components')['VBadge']
|
2616
2618
|
VAvatar: typeof import('vuetify/components')['VAvatar']
|
2617
|
-
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
|
2618
2619
|
VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
|
2619
2620
|
VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
|
2620
2621
|
VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
|
2622
|
+
VBtn: typeof import('vuetify/components')['VBtn']
|
2623
|
+
VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
|
2624
|
+
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2625
|
+
VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
|
2621
2626
|
VCard: typeof import('vuetify/components')['VCard']
|
2622
2627
|
VCardActions: typeof import('vuetify/components')['VCardActions']
|
2623
2628
|
VCardItem: typeof import('vuetify/components')['VCardItem']
|
2624
2629
|
VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
|
2625
2630
|
VCardText: typeof import('vuetify/components')['VCardText']
|
2626
2631
|
VCardTitle: typeof import('vuetify/components')['VCardTitle']
|
2627
|
-
|
2628
|
-
|
2629
|
-
|
2630
|
-
|
2631
|
-
VBtn: typeof import('vuetify/components')['VBtn']
|
2632
|
-
VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
|
2633
|
-
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
2634
|
-
VChip: typeof import('vuetify/components')['VChip']
|
2632
|
+
VCheckbox: typeof import('vuetify/components')['VCheckbox']
|
2633
|
+
VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
|
2634
|
+
VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
|
2635
|
+
VCode: typeof import('vuetify/components')['VCode']
|
2635
2636
|
VChipGroup: typeof import('vuetify/components')['VChipGroup']
|
2636
|
-
|
2637
|
+
VChip: typeof import('vuetify/components')['VChip']
|
2638
|
+
VColorPicker: typeof import('vuetify/components')['VColorPicker']
|
2637
2639
|
VCombobox: typeof import('vuetify/components')['VCombobox']
|
2638
|
-
|
2639
|
-
|
2640
|
-
|
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']
|
2640
|
+
VCounter: typeof import('vuetify/components')['VCounter']
|
2641
|
+
VCarousel: typeof import('vuetify/components')['VCarousel']
|
2642
|
+
VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
|
2646
2643
|
VDataTable: typeof import('vuetify/components')['VDataTable']
|
2647
2644
|
VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
|
2648
2645
|
VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
|
@@ -2650,31 +2647,36 @@ declare module 'vue' {
|
|
2650
2647
|
VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
|
2651
2648
|
VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
|
2652
2649
|
VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
|
2650
|
+
VDialog: typeof import('vuetify/components')['VDialog']
|
2653
2651
|
VDivider: typeof import('vuetify/components')['VDivider']
|
2654
2652
|
VEmptyState: typeof import('vuetify/components')['VEmptyState']
|
2655
|
-
|
2656
|
-
|
2653
|
+
VDatePicker: typeof import('vuetify/components')['VDatePicker']
|
2654
|
+
VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
|
2655
|
+
VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
|
2656
|
+
VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
|
2657
|
+
VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
|
2658
|
+
VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
|
2657
2659
|
VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
|
2658
2660
|
VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
|
2659
2661
|
VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
|
2660
2662
|
VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
|
2663
|
+
VFileInput: typeof import('vuetify/components')['VFileInput']
|
2661
2664
|
VField: typeof import('vuetify/components')['VField']
|
2662
2665
|
VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
|
2663
|
-
VFab: typeof import('vuetify/components')['VFab']
|
2664
|
-
VFileInput: typeof import('vuetify/components')['VFileInput']
|
2665
2666
|
VFooter: typeof import('vuetify/components')['VFooter']
|
2667
|
+
VFab: typeof import('vuetify/components')['VFab']
|
2668
|
+
VInput: typeof import('vuetify/components')['VInput']
|
2666
2669
|
VIcon: typeof import('vuetify/components')['VIcon']
|
2667
2670
|
VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
|
2668
2671
|
VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
|
2669
2672
|
VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
|
2670
2673
|
VClassIcon: typeof import('vuetify/components')['VClassIcon']
|
2671
|
-
VImg: typeof import('vuetify/components')['VImg']
|
2672
|
-
VInput: typeof import('vuetify/components')['VInput']
|
2673
2674
|
VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
|
2674
|
-
|
2675
|
+
VImg: typeof import('vuetify/components')['VImg']
|
2675
2676
|
VItemGroup: typeof import('vuetify/components')['VItemGroup']
|
2676
2677
|
VItem: typeof import('vuetify/components')['VItem']
|
2677
2678
|
VLabel: typeof import('vuetify/components')['VLabel']
|
2679
|
+
VKbd: typeof import('vuetify/components')['VKbd']
|
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,26 +2686,28 @@ 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']
|
2689
2690
|
VMessages: typeof import('vuetify/components')['VMessages']
|
2691
|
+
VMenu: typeof import('vuetify/components')['VMenu']
|
2690
2692
|
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
2691
|
-
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
2692
|
-
VNumberInput: typeof import('vuetify/components')['VNumberInput']
|
2693
2693
|
VOverlay: typeof import('vuetify/components')['VOverlay']
|
2694
|
+
VPagination: typeof import('vuetify/components')['VPagination']
|
2695
|
+
VNumberInput: typeof import('vuetify/components')['VNumberInput']
|
2696
|
+
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
|
2694
2697
|
VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
|
2695
|
-
|
2696
|
-
VRating: typeof import('vuetify/components')['VRating']
|
2698
|
+
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
2697
2699
|
VSelect: typeof import('vuetify/components')['VSelect']
|
2700
|
+
VRating: typeof import('vuetify/components')['VRating']
|
2701
|
+
VSlider: typeof import('vuetify/components')['VSlider']
|
2698
2702
|
VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
|
2699
2703
|
VSheet: typeof import('vuetify/components')['VSheet']
|
2700
|
-
VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
|
2701
2704
|
VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
|
2702
|
-
VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
|
2703
|
-
VPagination: typeof import('vuetify/components')['VPagination']
|
2704
|
-
VSlider: typeof import('vuetify/components')['VSlider']
|
2705
2705
|
VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
|
2706
2706
|
VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
|
2707
|
+
VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
|
2708
|
+
VOtpInput: typeof import('vuetify/components')['VOtpInput']
|
2709
|
+
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
2710
|
+
VSwitch: typeof import('vuetify/components')['VSwitch']
|
2707
2711
|
VStepper: typeof import('vuetify/components')['VStepper']
|
2708
2712
|
VStepperActions: typeof import('vuetify/components')['VStepperActions']
|
2709
2713
|
VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
|
@@ -2711,51 +2715,47 @@ declare module 'vue' {
|
|
2711
2715
|
VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
|
2712
2716
|
VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
|
2713
2717
|
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
2714
|
-
VSwitch: typeof import('vuetify/components')['VSwitch']
|
2715
|
-
VSnackbar: typeof import('vuetify/components')['VSnackbar']
|
2716
2718
|
VTable: typeof import('vuetify/components')['VTable']
|
2717
|
-
VTimeline: typeof import('vuetify/components')['VTimeline']
|
2718
|
-
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
2719
2719
|
VTextarea: typeof import('vuetify/components')['VTextarea']
|
2720
|
+
VTextField: typeof import('vuetify/components')['VTextField']
|
2720
2721
|
VTab: typeof import('vuetify/components')['VTab']
|
2721
2722
|
VTabs: typeof import('vuetify/components')['VTabs']
|
2722
2723
|
VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
|
2723
2724
|
VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
|
2724
|
-
|
2725
|
-
|
2726
|
-
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
2727
|
-
VTooltip: typeof import('vuetify/components')['VTooltip']
|
2725
|
+
VTimeline: typeof import('vuetify/components')['VTimeline']
|
2726
|
+
VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
|
2728
2727
|
VTimePicker: typeof import('vuetify/components')['VTimePicker']
|
2729
2728
|
VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
|
2730
2729
|
VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
|
2730
|
+
VToolbar: typeof import('vuetify/components')['VToolbar']
|
2731
|
+
VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
|
2732
|
+
VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
|
2731
2733
|
VTreeview: typeof import('vuetify/components')['VTreeview']
|
2732
2734
|
VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
|
2733
2735
|
VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
|
2734
|
-
|
2735
|
-
|
2736
|
+
VTooltip: typeof import('vuetify/components')['VTooltip']
|
2737
|
+
VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
|
2736
2738
|
VDataIterator: typeof import('vuetify/components')['VDataIterator']
|
2737
2739
|
VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
|
2738
2740
|
VForm: typeof import('vuetify/components')['VForm']
|
2741
|
+
VHover: typeof import('vuetify/components')['VHover']
|
2739
2742
|
VContainer: typeof import('vuetify/components')['VContainer']
|
2740
2743
|
VCol: typeof import('vuetify/components')['VCol']
|
2741
2744
|
VRow: typeof import('vuetify/components')['VRow']
|
2742
2745
|
VSpacer: typeof import('vuetify/components')['VSpacer']
|
2743
|
-
VHover: typeof import('vuetify/components')['VHover']
|
2744
2746
|
VLazy: typeof import('vuetify/components')['VLazy']
|
2745
|
-
VLayout: typeof import('vuetify/components')['VLayout']
|
2746
|
-
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
|
2747
|
-
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
2748
2747
|
VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
|
2748
|
+
VNoSsr: typeof import('vuetify/components')['VNoSsr']
|
2749
2749
|
VParallax: typeof import('vuetify/components')['VParallax']
|
2750
2750
|
VRadio: typeof import('vuetify/components')['VRadio']
|
2751
2751
|
VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
|
2752
|
+
VResponsive: typeof import('vuetify/components')['VResponsive']
|
2752
2753
|
VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
|
2753
2754
|
VSparkline: typeof import('vuetify/components')['VSparkline']
|
2754
2755
|
VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
|
2755
2756
|
VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
|
2756
|
-
VResponsive: typeof import('vuetify/components')['VResponsive']
|
2757
|
-
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
|
2758
2757
|
VValidation: typeof import('vuetify/components')['VValidation']
|
2758
|
+
VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
|
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,24 +2772,29 @@ 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
|
+
VWindow: typeof import('vuetify/components')['VWindow']
|
2776
|
+
VWindowItem: typeof import('vuetify/components')['VWindowItem']
|
2777
|
+
VLayout: typeof import('vuetify/components')['VLayout']
|
2778
|
+
VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
|
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
|
-
VColorInput: typeof import('vuetify/labs/components')['VColorInput']
|
2786
|
-
VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
|
2787
2785
|
VPicker: typeof import('vuetify/labs/components')['VPicker']
|
2788
2786
|
VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
|
2789
|
-
|
2787
|
+
VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
|
2788
|
+
VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
|
2789
|
+
VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
|
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
|
+
VPie: typeof import('vuetify/labs/components')['VPie']
|
2794
|
+
VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
|
2795
|
+
VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
|
2796
|
+
VHotkey: typeof import('vuetify/labs/components')['VHotkey']
|
2797
|
+
VColorInput: typeof import('vuetify/labs/components')['VColorInput']
|
2793
2798
|
VVideo: typeof import('vuetify/labs/components')['VVideo']
|
2794
2799
|
VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
|
2795
2800
|
VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
|
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
|
+
}
|