@vuetify/v0 0.0.21 → 0.0.23
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/README.md +34 -27
- package/dist/browser/index.js +7353 -4921
- package/dist/components/index.d.mts +4 -4
- package/dist/components/index.mjs +5 -5
- package/dist/{components-BomyjmT3.mjs → components-BI9xdoz5.mjs} +1171 -122
- package/dist/composables/index.d.mts +4 -4
- package/dist/composables/index.mjs +4 -5
- package/dist/constants/index.d.mts +1 -1
- package/dist/constants/index.mjs +2 -2
- package/dist/{globals-C3JrEDXZ.mjs → globals-WKdFmgwy.mjs} +1 -1
- package/dist/{index-MLb3LH9a.d.mts → index-Bby5ljat.d.mts} +55 -55
- package/dist/{index-CxeZr8jO.d.mts → index-C8YcMooA.d.mts} +6 -2
- package/dist/index-_y91DmIS.d.mts +4019 -0
- package/dist/{index-OU0IRbIS.d.mts → index-rcTqb9U3.d.mts} +610 -71
- package/dist/index.d.mts +7 -7
- package/dist/index.mjs +6 -7
- package/dist/json/attributes.json +898 -0
- package/dist/json/importMap.json +176 -0
- package/dist/json/tags.json +441 -0
- package/dist/json/web-types.json +2132 -0
- package/dist/types/index.d.mts +1 -1
- package/dist/useClickOutside-B47X8X6-.mjs +7656 -0
- package/dist/utilities/index.d.mts +3 -3
- package/dist/utilities/index.mjs +2 -2
- package/dist/{utilities-CjDz-Xvn.mjs → utilities-9i1hJnMd.mjs} +28 -1
- package/package.json +10 -4
- package/dist/composables-CbAPZabd.mjs +0 -3113
- package/dist/index-B0QJdwz9.d.mts +0 -2488
- package/dist/useStep-CfgBbrJB.mjs +0 -3192
- /package/dist/{constants-DypzAkYp.mjs → constants-3l8TGg5J.mjs} +0 -0
- /package/dist/{index-B9mKi4pr.d.mts → index-DMQJJUrv.d.mts} +0 -0
- /package/dist/{index-4jSy8KIt.d.mts → index-DYSwiS9k.d.mts} +0 -0
|
@@ -0,0 +1,4019 @@
|
|
|
1
|
+
import { i as ID, t as DOMElement } from "./index-DYSwiS9k.mjs";
|
|
2
|
+
import { B as RegistryTicket, I as RegistryContext, M as SelectionTicket, S as GroupContext, T as GroupTicket, c as SingleContext, d as SingleTicket, h as PaginationContext, i as StepTicket, k as SelectionContext, t as StepContext, v as PaginationTicket } from "./index-Bby5ljat.mjs";
|
|
3
|
+
import * as vue453 from "vue";
|
|
4
|
+
import { MaybeRef, Ref, ShallowRef, TemplateRef } from "vue";
|
|
5
|
+
|
|
6
|
+
//#region src/components/Atom/Atom.vue.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* Props for the Atom component
|
|
9
|
+
*/
|
|
10
|
+
interface AtomProps {
|
|
11
|
+
/**
|
|
12
|
+
* The HTML element to render as, or null for renderless mode
|
|
13
|
+
* @default 'div'
|
|
14
|
+
*/
|
|
15
|
+
as?: DOMElement | null;
|
|
16
|
+
/**
|
|
17
|
+
* When true, renders slot content directly without a wrapper element
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
20
|
+
renderless?: boolean;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Slot types for the Atom component
|
|
24
|
+
* @template T - The type of props passed to the slot
|
|
25
|
+
*/
|
|
26
|
+
interface AtomSlots<T> {
|
|
27
|
+
/**
|
|
28
|
+
* Default slot that receives all forwarded attributes as props
|
|
29
|
+
*/
|
|
30
|
+
default: (props: T) => any;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Values exposed by the Atom component via defineExpose
|
|
34
|
+
*/
|
|
35
|
+
interface AtomExpose {
|
|
36
|
+
/**
|
|
37
|
+
* Template ref to the rendered HTML element (null in renderless mode)
|
|
38
|
+
*/
|
|
39
|
+
element: TemplateRef<HTMLElement | null>;
|
|
40
|
+
}
|
|
41
|
+
interface AtomPrivateProps extends AtomProps {}
|
|
42
|
+
declare const __VLS_export$42: <T extends Record<string, any> = {}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$15<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
43
|
+
props: __VLS_PrettifyLocal$15<AtomPrivateProps> & vue453.PublicProps;
|
|
44
|
+
expose: (exposed: vue453.ShallowUnwrapRef<AtomExpose>) => void;
|
|
45
|
+
attrs: any;
|
|
46
|
+
slots: AtomSlots<T>;
|
|
47
|
+
emit: {};
|
|
48
|
+
}>) => vue453.VNode & {
|
|
49
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
50
|
+
};
|
|
51
|
+
declare const _default$42: typeof __VLS_export$42;
|
|
52
|
+
type __VLS_PrettifyLocal$15<T> = { [K in keyof T as K]: T[K] } & {};
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/Avatar/AvatarRoot.vue.d.ts
|
|
55
|
+
interface AvatarRootProps extends AtomProps {
|
|
56
|
+
/** Namespace for dependency injection */
|
|
57
|
+
namespace?: string;
|
|
58
|
+
}
|
|
59
|
+
interface AvatarTicket extends SelectionTicket {
|
|
60
|
+
type?: 'image' | 'fallback';
|
|
61
|
+
priority?: number;
|
|
62
|
+
}
|
|
63
|
+
interface AvatarContext extends SelectionContext<AvatarTicket> {}
|
|
64
|
+
declare const useAvatarRoot: (key: string, defaultValue?: AvatarContext | undefined) => AvatarContext, provideAvatarContext: (key: string, context: AvatarContext, app?: vue453.App) => AvatarContext;
|
|
65
|
+
declare const __VLS_export$41: __VLS_WithSlots$24<vue453.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
66
|
+
default?: (props: {}) => any;
|
|
67
|
+
}>;
|
|
68
|
+
declare const _default$41: typeof __VLS_export$41;
|
|
69
|
+
type __VLS_WithSlots$24<T, S> = T & {
|
|
70
|
+
new (): {
|
|
71
|
+
$slots: S;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
//#endregion
|
|
75
|
+
//#region src/components/Avatar/AvatarImage.vue.d.ts
|
|
76
|
+
interface AvatarImageProps extends AtomProps {
|
|
77
|
+
/** Image source URL */
|
|
78
|
+
src?: string;
|
|
79
|
+
/** Priority for display order (higher = more preferred) */
|
|
80
|
+
priority?: number;
|
|
81
|
+
/** Namespace for retrieving avatar context */
|
|
82
|
+
namespace?: string;
|
|
83
|
+
}
|
|
84
|
+
interface AvatarImageEmits {
|
|
85
|
+
load: [e: Event];
|
|
86
|
+
error: [e: Event];
|
|
87
|
+
}
|
|
88
|
+
interface AvatarImageSlotProps {
|
|
89
|
+
/** Whether this image is currently visible */
|
|
90
|
+
isSelected: boolean;
|
|
91
|
+
/** Attributes to bind to the image element */
|
|
92
|
+
attrs: {
|
|
93
|
+
role: 'img';
|
|
94
|
+
src?: string;
|
|
95
|
+
onLoad: (e: Event) => void;
|
|
96
|
+
onError: (e: Event) => void;
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
declare const __VLS_export$40: __VLS_WithSlots$23<vue453.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
100
|
+
load: (e: Event) => any;
|
|
101
|
+
error: (e: Event) => any;
|
|
102
|
+
}, string, vue453.PublicProps, Readonly<AvatarImageProps> & Readonly<{
|
|
103
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
104
|
+
onError?: ((e: Event) => any) | undefined;
|
|
105
|
+
}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
106
|
+
default: (props: AvatarImageSlotProps) => any;
|
|
107
|
+
}>;
|
|
108
|
+
declare const _default$40: typeof __VLS_export$40;
|
|
109
|
+
type __VLS_WithSlots$23<T, S> = T & {
|
|
110
|
+
new (): {
|
|
111
|
+
$slots: S;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
//#endregion
|
|
115
|
+
//#region src/components/Avatar/AvatarFallback.vue.d.ts
|
|
116
|
+
interface AvatarFallbackProps extends AtomProps {
|
|
117
|
+
/** Namespace for retrieving avatar context */
|
|
118
|
+
namespace?: string;
|
|
119
|
+
}
|
|
120
|
+
interface AvatarFallbackSlotProps {
|
|
121
|
+
/** Whether this fallback is currently visible */
|
|
122
|
+
isSelected: boolean;
|
|
123
|
+
}
|
|
124
|
+
declare const __VLS_export$39: __VLS_WithSlots$22<vue453.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
125
|
+
default: (props: AvatarFallbackSlotProps) => any;
|
|
126
|
+
}>;
|
|
127
|
+
declare const _default$39: typeof __VLS_export$39;
|
|
128
|
+
type __VLS_WithSlots$22<T, S> = T & {
|
|
129
|
+
new (): {
|
|
130
|
+
$slots: S;
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
//#endregion
|
|
134
|
+
//#region src/components/Avatar/index.d.ts
|
|
135
|
+
/**
|
|
136
|
+
* Avatar component with sub-components for building avatars.
|
|
137
|
+
*
|
|
138
|
+
* @see https://0.vuetifyjs.com/components/avatar
|
|
139
|
+
*/
|
|
140
|
+
declare const Avatar: {
|
|
141
|
+
/**
|
|
142
|
+
* Root component for avatars.
|
|
143
|
+
*
|
|
144
|
+
* @see https://0.vuetifyjs.com/components/avatar
|
|
145
|
+
*
|
|
146
|
+
* @example
|
|
147
|
+
* ```vue
|
|
148
|
+
* <script lang="ts" setup>
|
|
149
|
+
* import { Avatar } from '@vuetify/v0'
|
|
150
|
+
* </script>
|
|
151
|
+
*
|
|
152
|
+
* <template>
|
|
153
|
+
* <Avatar.Root>
|
|
154
|
+
* <Avatar.Image src="/avatar.jpg" />
|
|
155
|
+
*
|
|
156
|
+
* <Avatar.Fallback>JD</Avatar.Fallback>
|
|
157
|
+
* </Avatar.Root>
|
|
158
|
+
* </template>
|
|
159
|
+
* ```
|
|
160
|
+
*/
|
|
161
|
+
Root: {
|
|
162
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
163
|
+
P: {};
|
|
164
|
+
B: {};
|
|
165
|
+
D: {};
|
|
166
|
+
C: {};
|
|
167
|
+
M: {};
|
|
168
|
+
Defaults: {};
|
|
169
|
+
}, Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
170
|
+
__isFragment?: never;
|
|
171
|
+
__isTeleport?: never;
|
|
172
|
+
__isSuspense?: never;
|
|
173
|
+
} & vue453.ComponentOptionsBase<Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
174
|
+
$slots: {
|
|
175
|
+
default?: (props: {}) => any;
|
|
176
|
+
};
|
|
177
|
+
});
|
|
178
|
+
/**
|
|
179
|
+
* Component for displaying the avatar image.
|
|
180
|
+
*
|
|
181
|
+
* @see https://0.vuetifyjs.com/components/avatar#avatarimage
|
|
182
|
+
*
|
|
183
|
+
* @example
|
|
184
|
+
* ```vue
|
|
185
|
+
* <script lang="ts" setup>
|
|
186
|
+
* import { Avatar } from '@vuetify/v0'
|
|
187
|
+
* </script>
|
|
188
|
+
*
|
|
189
|
+
* <template>
|
|
190
|
+
* <Avatar.Image src="/avatar.jpg" alt="User avatar" />
|
|
191
|
+
* </template>
|
|
192
|
+
* ```
|
|
193
|
+
*/
|
|
194
|
+
Image: {
|
|
195
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<AvatarImageProps> & Readonly<{
|
|
196
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
197
|
+
onError?: ((e: Event) => any) | undefined;
|
|
198
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
199
|
+
load: (e: Event) => any;
|
|
200
|
+
error: (e: Event) => any;
|
|
201
|
+
}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
202
|
+
P: {};
|
|
203
|
+
B: {};
|
|
204
|
+
D: {};
|
|
205
|
+
C: {};
|
|
206
|
+
M: {};
|
|
207
|
+
Defaults: {};
|
|
208
|
+
}, Readonly<AvatarImageProps> & Readonly<{
|
|
209
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
210
|
+
onError?: ((e: Event) => any) | undefined;
|
|
211
|
+
}>, {}, {}, {}, {}, {}>;
|
|
212
|
+
__isFragment?: never;
|
|
213
|
+
__isTeleport?: never;
|
|
214
|
+
__isSuspense?: never;
|
|
215
|
+
} & vue453.ComponentOptionsBase<Readonly<AvatarImageProps> & Readonly<{
|
|
216
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
217
|
+
onError?: ((e: Event) => any) | undefined;
|
|
218
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
219
|
+
load: (e: Event) => any;
|
|
220
|
+
error: (e: Event) => any;
|
|
221
|
+
}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
222
|
+
$slots: {
|
|
223
|
+
default: (props: AvatarImageSlotProps) => any;
|
|
224
|
+
};
|
|
225
|
+
});
|
|
226
|
+
/**
|
|
227
|
+
* Component for displaying fallback content when image fails to load.
|
|
228
|
+
*
|
|
229
|
+
* @see https://0.vuetifyjs.com/components/avatar#avatarfallback
|
|
230
|
+
*
|
|
231
|
+
* @example
|
|
232
|
+
* ```vue
|
|
233
|
+
* <script lang="ts" setup>
|
|
234
|
+
* import { Avatar } from '@vuetify/v0'
|
|
235
|
+
* </script>
|
|
236
|
+
*
|
|
237
|
+
* <template>
|
|
238
|
+
* <Avatar.Fallback>
|
|
239
|
+
* JD
|
|
240
|
+
* </Avatar.Fallback>
|
|
241
|
+
* </template>
|
|
242
|
+
* ```
|
|
243
|
+
*/
|
|
244
|
+
Fallback: {
|
|
245
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
246
|
+
P: {};
|
|
247
|
+
B: {};
|
|
248
|
+
D: {};
|
|
249
|
+
C: {};
|
|
250
|
+
M: {};
|
|
251
|
+
Defaults: {};
|
|
252
|
+
}, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
253
|
+
__isFragment?: never;
|
|
254
|
+
__isTeleport?: never;
|
|
255
|
+
__isSuspense?: never;
|
|
256
|
+
} & vue453.ComponentOptionsBase<Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
257
|
+
$slots: {
|
|
258
|
+
default: (props: AvatarFallbackSlotProps) => any;
|
|
259
|
+
};
|
|
260
|
+
});
|
|
261
|
+
};
|
|
262
|
+
//#endregion
|
|
263
|
+
//#region src/components/Checkbox/CheckboxGroup.vue.d.ts
|
|
264
|
+
interface CheckboxGroupProps extends AtomProps {
|
|
265
|
+
/** Namespace for dependency injection */
|
|
266
|
+
namespace?: string;
|
|
267
|
+
/** Disables the entire checkbox group */
|
|
268
|
+
disabled?: boolean;
|
|
269
|
+
/** Auto-select non-disabled items on registration */
|
|
270
|
+
enroll?: boolean;
|
|
271
|
+
/**
|
|
272
|
+
* Controls mandatory checkbox behavior:
|
|
273
|
+
* - false (default): No mandatory enforcement
|
|
274
|
+
* - true: Prevents deselecting the last selected item
|
|
275
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
276
|
+
*/
|
|
277
|
+
mandatory?: boolean | 'force';
|
|
278
|
+
/** Accessible name for the group */
|
|
279
|
+
label?: string;
|
|
280
|
+
/** ID of element that labels this group */
|
|
281
|
+
ariaLabelledby?: string;
|
|
282
|
+
/** ID of element that describes this group */
|
|
283
|
+
ariaDescribedby?: string;
|
|
284
|
+
}
|
|
285
|
+
interface CheckboxGroupSlotProps {
|
|
286
|
+
/** Whether the checkbox group is disabled */
|
|
287
|
+
isDisabled: boolean;
|
|
288
|
+
/** Whether no items are currently selected */
|
|
289
|
+
isNoneSelected: boolean;
|
|
290
|
+
/** Whether all selectable (non-disabled) items are selected */
|
|
291
|
+
isAllSelected: boolean;
|
|
292
|
+
/** Whether some but not all selectable items are selected */
|
|
293
|
+
isMixed: boolean;
|
|
294
|
+
/** Select an item by ID */
|
|
295
|
+
select: (id: ID | ID[]) => void;
|
|
296
|
+
/** Unselect an item by ID */
|
|
297
|
+
unselect: (id: ID | ID[]) => void;
|
|
298
|
+
/** Toggle an item's selection state by ID */
|
|
299
|
+
toggle: (id: ID | ID[]) => void;
|
|
300
|
+
/** Select all selectable (non-disabled) items */
|
|
301
|
+
selectAll: () => void;
|
|
302
|
+
/** Unselect all items (respects mandatory option) */
|
|
303
|
+
unselectAll: () => void;
|
|
304
|
+
/** Toggle between all selected and none selected */
|
|
305
|
+
toggleAll: () => void;
|
|
306
|
+
/** Attributes to bind to the root element */
|
|
307
|
+
attrs: {
|
|
308
|
+
'role': 'group';
|
|
309
|
+
'aria-label': string | undefined;
|
|
310
|
+
'aria-labelledby': string | undefined;
|
|
311
|
+
'aria-describedby': string | undefined;
|
|
312
|
+
};
|
|
313
|
+
}
|
|
314
|
+
declare const useCheckboxGroup: (key: string, defaultValue?: GroupContext<GroupTicket<unknown>> | undefined) => GroupContext<GroupTicket<unknown>>, provideCheckboxGroup: (key: string, context: GroupContext<GroupTicket<unknown>>, app?: vue453.App) => GroupContext<GroupTicket<unknown>>;
|
|
315
|
+
declare const __VLS_export$38: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$14<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
316
|
+
props: __VLS_PrettifyLocal$14<(CheckboxGroupProps & {
|
|
317
|
+
modelValue?: T | T[];
|
|
318
|
+
}) & {
|
|
319
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
320
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
321
|
+
}> & vue453.PublicProps;
|
|
322
|
+
expose: (exposed: {}) => void;
|
|
323
|
+
attrs: any;
|
|
324
|
+
slots: {
|
|
325
|
+
default: (props: CheckboxGroupSlotProps) => any;
|
|
326
|
+
};
|
|
327
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
328
|
+
}>) => vue453.VNode & {
|
|
329
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
330
|
+
};
|
|
331
|
+
declare const _default$34: typeof __VLS_export$38;
|
|
332
|
+
type __VLS_PrettifyLocal$14<T> = { [K in keyof T as K]: T[K] } & {};
|
|
333
|
+
//#endregion
|
|
334
|
+
//#region src/components/Checkbox/CheckboxHiddenInput.vue.d.ts
|
|
335
|
+
interface CheckboxHiddenInputProps {
|
|
336
|
+
/** Namespace for context injection from parent Checkbox.Root */
|
|
337
|
+
namespace?: string;
|
|
338
|
+
/** Form field name (defaults to context value) */
|
|
339
|
+
name?: string;
|
|
340
|
+
/** Submitted value when checked (defaults to context value or 'on') */
|
|
341
|
+
value?: string;
|
|
342
|
+
/** Associate with form by ID (defaults to context value) */
|
|
343
|
+
form?: string;
|
|
344
|
+
}
|
|
345
|
+
declare const __VLS_export$37: vue453.DefineComponent<CheckboxHiddenInputProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<CheckboxHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>;
|
|
346
|
+
declare const _default$35: typeof __VLS_export$37;
|
|
347
|
+
//#endregion
|
|
348
|
+
//#region src/components/Checkbox/CheckboxRoot.vue.d.ts
|
|
349
|
+
/** Visual state of the checkbox for styling purposes */
|
|
350
|
+
type CheckboxState = 'checked' | 'unchecked' | 'indeterminate';
|
|
351
|
+
interface CheckboxRootContext<V = unknown> {
|
|
352
|
+
/** Unique identifier */
|
|
353
|
+
readonly id: ID;
|
|
354
|
+
/** Optional display label */
|
|
355
|
+
readonly label?: string;
|
|
356
|
+
/** Value associated with this checkbox */
|
|
357
|
+
readonly value: V | undefined;
|
|
358
|
+
/** Form field name (triggers auto hidden input when provided) */
|
|
359
|
+
readonly name?: string;
|
|
360
|
+
/** Associate with form by ID */
|
|
361
|
+
readonly form?: string;
|
|
362
|
+
/** Whether this checkbox is currently checked */
|
|
363
|
+
isChecked: Readonly<Ref<boolean>>;
|
|
364
|
+
/** Whether this checkbox is in a mixed/indeterminate state */
|
|
365
|
+
isMixed: Readonly<Ref<boolean>>;
|
|
366
|
+
/** Whether this checkbox is disabled */
|
|
367
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
368
|
+
/** Check this checkbox */
|
|
369
|
+
select: () => void;
|
|
370
|
+
/** Uncheck this checkbox */
|
|
371
|
+
unselect: () => void;
|
|
372
|
+
/** Toggle this checkbox's state */
|
|
373
|
+
toggle: () => void;
|
|
374
|
+
/** Set this checkbox to mixed/indeterminate state (group mode only) */
|
|
375
|
+
mix: () => void;
|
|
376
|
+
/** Clear mixed/indeterminate state (group mode only) */
|
|
377
|
+
unmix: () => void;
|
|
378
|
+
}
|
|
379
|
+
interface CheckboxRootProps<V = unknown> extends AtomProps {
|
|
380
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
381
|
+
id?: ID;
|
|
382
|
+
/** Optional display label (passed through to slot) */
|
|
383
|
+
label?: string;
|
|
384
|
+
/** Value associated with this checkbox (used in group mode and form submission) */
|
|
385
|
+
value?: V;
|
|
386
|
+
/** Form field name - triggers auto hidden input when provided */
|
|
387
|
+
name?: string;
|
|
388
|
+
/** Associate with form by ID */
|
|
389
|
+
form?: string;
|
|
390
|
+
/** Disables this checkbox */
|
|
391
|
+
disabled?: MaybeRef<boolean>;
|
|
392
|
+
/** Sets the indeterminate state */
|
|
393
|
+
indeterminate?: MaybeRef<boolean>;
|
|
394
|
+
/** Namespace for context provision to children (Indicator, HiddenInput) */
|
|
395
|
+
namespace?: string;
|
|
396
|
+
/** Namespace for connecting to parent Checkbox.Group */
|
|
397
|
+
groupNamespace?: string;
|
|
398
|
+
/** ID of element that labels this checkbox */
|
|
399
|
+
ariaLabelledby?: string;
|
|
400
|
+
/** ID of element that describes this checkbox */
|
|
401
|
+
ariaDescribedby?: string;
|
|
402
|
+
/** Whether the checkbox has an invalid value */
|
|
403
|
+
ariaInvalid?: boolean;
|
|
404
|
+
}
|
|
405
|
+
interface CheckboxRootSlotProps<V = unknown> {
|
|
406
|
+
/** Unique identifier */
|
|
407
|
+
id: ID;
|
|
408
|
+
/** Optional display label */
|
|
409
|
+
label?: string;
|
|
410
|
+
/** Value associated with this checkbox */
|
|
411
|
+
value: V | undefined;
|
|
412
|
+
/** Whether this checkbox is currently checked */
|
|
413
|
+
isChecked: boolean;
|
|
414
|
+
/** Whether this checkbox is in a mixed/indeterminate state */
|
|
415
|
+
isMixed: boolean;
|
|
416
|
+
/** Whether this checkbox is disabled */
|
|
417
|
+
isDisabled: boolean;
|
|
418
|
+
/** Check this checkbox */
|
|
419
|
+
select: () => void;
|
|
420
|
+
/** Uncheck this checkbox */
|
|
421
|
+
unselect: () => void;
|
|
422
|
+
/** Toggle this checkbox's state */
|
|
423
|
+
toggle: () => void;
|
|
424
|
+
/** Set this checkbox to mixed/indeterminate state (group mode only) */
|
|
425
|
+
mix: () => void;
|
|
426
|
+
/** Clear mixed/indeterminate state (group mode only) */
|
|
427
|
+
unmix: () => void;
|
|
428
|
+
/** Attributes to bind to the checkbox element */
|
|
429
|
+
attrs: {
|
|
430
|
+
'type': 'button' | undefined;
|
|
431
|
+
'role': 'checkbox';
|
|
432
|
+
'aria-checked': boolean | 'mixed';
|
|
433
|
+
'aria-disabled': boolean | undefined;
|
|
434
|
+
'aria-label': string | undefined;
|
|
435
|
+
'aria-labelledby': string | undefined;
|
|
436
|
+
'aria-describedby': string | undefined;
|
|
437
|
+
'aria-invalid': boolean | undefined;
|
|
438
|
+
'tabindex': 0 | undefined;
|
|
439
|
+
'data-state': CheckboxState;
|
|
440
|
+
'data-disabled': true | undefined;
|
|
441
|
+
};
|
|
442
|
+
}
|
|
443
|
+
declare const useCheckboxRoot: (key: string, defaultValue?: CheckboxRootContext<unknown> | undefined) => CheckboxRootContext<unknown>, provideCheckboxRoot: (key: string, context: CheckboxRootContext<unknown>, app?: vue453.App) => CheckboxRootContext<unknown>;
|
|
444
|
+
declare const __VLS_export$36: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$13<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
445
|
+
props: __VLS_PrettifyLocal$13<(CheckboxRootProps<V> & {
|
|
446
|
+
modelValue?: boolean;
|
|
447
|
+
}) & {
|
|
448
|
+
"onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
|
|
449
|
+
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
450
|
+
}> & vue453.PublicProps;
|
|
451
|
+
expose: (exposed: {}) => void;
|
|
452
|
+
attrs: any;
|
|
453
|
+
slots: {
|
|
454
|
+
default: (props: CheckboxRootSlotProps<V>) => any;
|
|
455
|
+
};
|
|
456
|
+
emit: ((evt: "update:model-value", value: boolean) => void) & ((evt: "update:modelValue", value: boolean | undefined) => void);
|
|
457
|
+
}>) => vue453.VNode & {
|
|
458
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
459
|
+
};
|
|
460
|
+
declare const _default$37: typeof __VLS_export$36;
|
|
461
|
+
type __VLS_PrettifyLocal$13<T> = { [K in keyof T as K]: T[K] } & {};
|
|
462
|
+
//#endregion
|
|
463
|
+
//#region src/components/Checkbox/CheckboxIndicator.vue.d.ts
|
|
464
|
+
interface CheckboxIndicatorProps extends AtomProps {
|
|
465
|
+
/** Namespace for context injection from parent Checkbox.Root */
|
|
466
|
+
namespace?: string;
|
|
467
|
+
}
|
|
468
|
+
interface CheckboxIndicatorSlotProps {
|
|
469
|
+
/** Whether this checkbox is currently checked */
|
|
470
|
+
isChecked: boolean;
|
|
471
|
+
/** Whether this checkbox is in a mixed/indeterminate state */
|
|
472
|
+
isMixed: boolean;
|
|
473
|
+
/** Attributes to bind to the indicator element */
|
|
474
|
+
attrs: {
|
|
475
|
+
'data-state': CheckboxState;
|
|
476
|
+
'style': {
|
|
477
|
+
visibility: 'visible' | 'hidden';
|
|
478
|
+
};
|
|
479
|
+
};
|
|
480
|
+
}
|
|
481
|
+
declare const __VLS_export$35: __VLS_WithSlots$21<vue453.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
482
|
+
default: (props: CheckboxIndicatorSlotProps) => any;
|
|
483
|
+
}>;
|
|
484
|
+
declare const _default$36: typeof __VLS_export$35;
|
|
485
|
+
type __VLS_WithSlots$21<T, S> = T & {
|
|
486
|
+
new (): {
|
|
487
|
+
$slots: S;
|
|
488
|
+
};
|
|
489
|
+
};
|
|
490
|
+
//#endregion
|
|
491
|
+
//#region src/components/Checkbox/CheckboxSelectAll.vue.d.ts
|
|
492
|
+
interface CheckboxSelectAllProps extends AtomProps {
|
|
493
|
+
/** Optional display label (passed through to slot and aria-label) */
|
|
494
|
+
label?: string;
|
|
495
|
+
/** Disables this checkbox */
|
|
496
|
+
disabled?: boolean;
|
|
497
|
+
/** Namespace for context provision to children (Indicator) */
|
|
498
|
+
namespace?: string;
|
|
499
|
+
/** Namespace for connecting to parent Checkbox.Group */
|
|
500
|
+
groupNamespace?: string;
|
|
501
|
+
/** ID of element that labels this checkbox */
|
|
502
|
+
ariaLabelledby?: string;
|
|
503
|
+
/** ID of element that describes this checkbox */
|
|
504
|
+
ariaDescribedby?: string;
|
|
505
|
+
}
|
|
506
|
+
interface CheckboxSelectAllSlotProps {
|
|
507
|
+
/** Optional display label */
|
|
508
|
+
label?: string;
|
|
509
|
+
/** Whether all selectable items are selected */
|
|
510
|
+
isAllSelected: boolean;
|
|
511
|
+
/** Whether some but not all selectable items are selected */
|
|
512
|
+
isMixed: boolean;
|
|
513
|
+
/** Whether this checkbox is disabled */
|
|
514
|
+
isDisabled: boolean;
|
|
515
|
+
/** Select all selectable items */
|
|
516
|
+
selectAll: () => void;
|
|
517
|
+
/** Unselect all items */
|
|
518
|
+
unselectAll: () => void;
|
|
519
|
+
/** Toggle between all selected and none selected */
|
|
520
|
+
toggleAll: () => void;
|
|
521
|
+
/** Attributes to bind to the checkbox element */
|
|
522
|
+
attrs: {
|
|
523
|
+
'type': 'button' | undefined;
|
|
524
|
+
'role': 'checkbox';
|
|
525
|
+
'aria-checked': boolean | 'mixed';
|
|
526
|
+
'aria-disabled': boolean | undefined;
|
|
527
|
+
'aria-label': string | undefined;
|
|
528
|
+
'aria-labelledby': string | undefined;
|
|
529
|
+
'aria-describedby': string | undefined;
|
|
530
|
+
'tabindex': 0 | undefined;
|
|
531
|
+
'data-state': CheckboxState;
|
|
532
|
+
'data-disabled': true | undefined;
|
|
533
|
+
};
|
|
534
|
+
}
|
|
535
|
+
declare const __VLS_export$34: __VLS_WithSlots$20<vue453.DefineComponent<CheckboxSelectAllProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<CheckboxSelectAllProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
536
|
+
default: (props: CheckboxSelectAllSlotProps) => any;
|
|
537
|
+
}>;
|
|
538
|
+
declare const _default$38: typeof __VLS_export$34;
|
|
539
|
+
type __VLS_WithSlots$20<T, S> = T & {
|
|
540
|
+
new (): {
|
|
541
|
+
$slots: S;
|
|
542
|
+
};
|
|
543
|
+
};
|
|
544
|
+
//#endregion
|
|
545
|
+
//#region src/components/Checkbox/index.d.ts
|
|
546
|
+
/**
|
|
547
|
+
* Checkbox component with sub-components for checkbox controls.
|
|
548
|
+
*
|
|
549
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox
|
|
550
|
+
*
|
|
551
|
+
* @example
|
|
552
|
+
* ```vue
|
|
553
|
+
* <script lang="ts" setup>
|
|
554
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
555
|
+
* </script>
|
|
556
|
+
*
|
|
557
|
+
* <template>
|
|
558
|
+
* <label>
|
|
559
|
+
* <Checkbox.Root>
|
|
560
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
561
|
+
* </Checkbox.Root>
|
|
562
|
+
* I agree to terms
|
|
563
|
+
* </label>
|
|
564
|
+
* </template>
|
|
565
|
+
* ```
|
|
566
|
+
*/
|
|
567
|
+
declare const Checkbox: {
|
|
568
|
+
/**
|
|
569
|
+
* Group component for managing multiple checkboxes.
|
|
570
|
+
*
|
|
571
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox#group
|
|
572
|
+
*
|
|
573
|
+
* @example
|
|
574
|
+
* ```vue
|
|
575
|
+
* <script setup lang="ts">
|
|
576
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
577
|
+
* import { ref } from 'vue'
|
|
578
|
+
*
|
|
579
|
+
* const selected = ref<string[]>([])
|
|
580
|
+
* </script>
|
|
581
|
+
*
|
|
582
|
+
* <template>
|
|
583
|
+
* <Checkbox.Group v-model="selected">
|
|
584
|
+
* <Checkbox.Root value="a">
|
|
585
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
586
|
+
* Option A
|
|
587
|
+
* </Checkbox.Root>
|
|
588
|
+
* <Checkbox.Root value="b">
|
|
589
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
590
|
+
* Option B
|
|
591
|
+
* </Checkbox.Root>
|
|
592
|
+
* </Checkbox.Group>
|
|
593
|
+
* </template>
|
|
594
|
+
* ```
|
|
595
|
+
*/
|
|
596
|
+
Group: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
597
|
+
slots: {
|
|
598
|
+
default: (props: CheckboxGroupSlotProps) => any;
|
|
599
|
+
};
|
|
600
|
+
attrs: any;
|
|
601
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
602
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
603
|
+
props: {
|
|
604
|
+
namespace?: string | undefined;
|
|
605
|
+
disabled?: boolean | undefined;
|
|
606
|
+
enroll?: boolean | undefined;
|
|
607
|
+
mandatory?: boolean | "force" | undefined;
|
|
608
|
+
label?: string | undefined;
|
|
609
|
+
ariaLabelledby?: string | undefined;
|
|
610
|
+
ariaDescribedby?: string | undefined;
|
|
611
|
+
as?: (DOMElement | null) | undefined;
|
|
612
|
+
renderless?: boolean | undefined;
|
|
613
|
+
modelValue?: (T | T[]) | undefined;
|
|
614
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
615
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
616
|
+
} & vue453.PublicProps;
|
|
617
|
+
expose: (exposed: {}) => void;
|
|
618
|
+
attrs: any;
|
|
619
|
+
slots: {
|
|
620
|
+
default: (props: CheckboxGroupSlotProps) => any;
|
|
621
|
+
};
|
|
622
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
623
|
+
}>) => vue453.VNode & {
|
|
624
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
625
|
+
};
|
|
626
|
+
/**
|
|
627
|
+
* Hidden input component for form submission.
|
|
628
|
+
*
|
|
629
|
+
* Auto-rendered by Root when `name` prop is provided.
|
|
630
|
+
* Can also be used explicitly for custom form integration.
|
|
631
|
+
*
|
|
632
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox#hiddeninput
|
|
633
|
+
*
|
|
634
|
+
* @example
|
|
635
|
+
* ```vue
|
|
636
|
+
* <script setup lang="ts">
|
|
637
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
638
|
+
* </script>
|
|
639
|
+
*
|
|
640
|
+
* <template>
|
|
641
|
+
* <Checkbox.Root>
|
|
642
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
643
|
+
* <Checkbox.HiddenInput name="agree" value="yes" />
|
|
644
|
+
* </Checkbox.Root>
|
|
645
|
+
* </template>
|
|
646
|
+
* ```
|
|
647
|
+
*/
|
|
648
|
+
HiddenInput: vue453.DefineComponent<CheckboxHiddenInputProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<CheckboxHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>;
|
|
649
|
+
/**
|
|
650
|
+
* Visual indicator component for checkboxes.
|
|
651
|
+
*
|
|
652
|
+
* Renders as a span and only displays when checked or indeterminate.
|
|
653
|
+
* Must be used within a Checkbox.Root component.
|
|
654
|
+
*
|
|
655
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox#indicator
|
|
656
|
+
*
|
|
657
|
+
* @example
|
|
658
|
+
* ```vue
|
|
659
|
+
* <script setup lang="ts">
|
|
660
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
661
|
+
* </script>
|
|
662
|
+
*
|
|
663
|
+
* <template>
|
|
664
|
+
* <Checkbox.Root>
|
|
665
|
+
* <Checkbox.Indicator>
|
|
666
|
+
* <svg viewBox="0 0 24 24">
|
|
667
|
+
* <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />
|
|
668
|
+
* </svg>
|
|
669
|
+
* </Checkbox.Indicator>
|
|
670
|
+
* </Checkbox.Root>
|
|
671
|
+
* </template>
|
|
672
|
+
* ```
|
|
673
|
+
*/
|
|
674
|
+
Indicator: {
|
|
675
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
676
|
+
P: {};
|
|
677
|
+
B: {};
|
|
678
|
+
D: {};
|
|
679
|
+
C: {};
|
|
680
|
+
M: {};
|
|
681
|
+
Defaults: {};
|
|
682
|
+
}, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
683
|
+
__isFragment?: never;
|
|
684
|
+
__isTeleport?: never;
|
|
685
|
+
__isSuspense?: never;
|
|
686
|
+
} & vue453.ComponentOptionsBase<Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
687
|
+
$slots: {
|
|
688
|
+
default: (props: CheckboxIndicatorSlotProps) => any;
|
|
689
|
+
};
|
|
690
|
+
});
|
|
691
|
+
/**
|
|
692
|
+
* Root component for individual checkboxes.
|
|
693
|
+
*
|
|
694
|
+
* Renders as a button with proper ARIA attributes and handles
|
|
695
|
+
* click/keyboard interactions. Supports standalone mode with
|
|
696
|
+
* v-model or group mode within Checkbox.Group. When `name` prop
|
|
697
|
+
* is provided, automatically renders a hidden input for form submission.
|
|
698
|
+
*
|
|
699
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox#root
|
|
700
|
+
*
|
|
701
|
+
* @example
|
|
702
|
+
* ```vue
|
|
703
|
+
* <script setup lang="ts">
|
|
704
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
705
|
+
* import { ref } from 'vue'
|
|
706
|
+
*
|
|
707
|
+
* const agreed = ref(false)
|
|
708
|
+
* </script>
|
|
709
|
+
*
|
|
710
|
+
* <template>
|
|
711
|
+
* <label>
|
|
712
|
+
* <Checkbox.Root v-model="agreed">
|
|
713
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
714
|
+
* </Checkbox.Root>
|
|
715
|
+
* I agree to the terms
|
|
716
|
+
* </label>
|
|
717
|
+
* </template>
|
|
718
|
+
* ```
|
|
719
|
+
*/
|
|
720
|
+
Root: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
721
|
+
slots: {
|
|
722
|
+
default: (props: CheckboxRootSlotProps<V>) => any;
|
|
723
|
+
};
|
|
724
|
+
attrs: any;
|
|
725
|
+
emit: ((evt: "update:model-value", value: boolean) => void) & ((evt: "update:modelValue", value: boolean | undefined) => void);
|
|
726
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
727
|
+
props: {
|
|
728
|
+
id?: ID | undefined;
|
|
729
|
+
label?: string | undefined;
|
|
730
|
+
value?: V | undefined;
|
|
731
|
+
name?: string | undefined;
|
|
732
|
+
form?: string | undefined;
|
|
733
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
734
|
+
indeterminate?: vue453.MaybeRef<boolean> | undefined;
|
|
735
|
+
namespace?: string | undefined;
|
|
736
|
+
groupNamespace?: string | undefined;
|
|
737
|
+
ariaLabelledby?: string | undefined;
|
|
738
|
+
ariaDescribedby?: string | undefined;
|
|
739
|
+
ariaInvalid?: boolean | undefined;
|
|
740
|
+
as?: (DOMElement | null) | undefined;
|
|
741
|
+
renderless?: boolean | undefined;
|
|
742
|
+
modelValue?: boolean | undefined;
|
|
743
|
+
"onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
|
|
744
|
+
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
745
|
+
} & vue453.PublicProps;
|
|
746
|
+
expose: (exposed: {}) => void;
|
|
747
|
+
attrs: any;
|
|
748
|
+
slots: {
|
|
749
|
+
default: (props: CheckboxRootSlotProps<V>) => any;
|
|
750
|
+
};
|
|
751
|
+
emit: ((evt: "update:model-value", value: boolean) => void) & ((evt: "update:modelValue", value: boolean | undefined) => void);
|
|
752
|
+
}>) => vue453.VNode & {
|
|
753
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
754
|
+
};
|
|
755
|
+
/**
|
|
756
|
+
* Select all checkbox for group multi-selection.
|
|
757
|
+
*
|
|
758
|
+
* Binds to parent Checkbox.Group's aggregate state. Reflects
|
|
759
|
+
* isAllSelected/isMixed and calls toggleAll on click. Does NOT
|
|
760
|
+
* register as a group item. Must be used within a Checkbox.Group.
|
|
761
|
+
*
|
|
762
|
+
* @see https://0.vuetifyjs.com/components/forms/checkbox#selectall
|
|
763
|
+
*
|
|
764
|
+
* @example
|
|
765
|
+
* ```vue
|
|
766
|
+
* <script setup lang="ts">
|
|
767
|
+
* import { Checkbox } from '@vuetify/v0'
|
|
768
|
+
* import { ref } from 'vue'
|
|
769
|
+
*
|
|
770
|
+
* const selected = ref<string[]>([])
|
|
771
|
+
* </script>
|
|
772
|
+
*
|
|
773
|
+
* <template>
|
|
774
|
+
* <Checkbox.Group v-model="selected">
|
|
775
|
+
* <Checkbox.SelectAll>
|
|
776
|
+
* <Checkbox.Indicator v-slot="{ isMixed }">
|
|
777
|
+
* <span v-if="isMixed">−</span>
|
|
778
|
+
* <span v-else>✓</span>
|
|
779
|
+
* </Checkbox.Indicator>
|
|
780
|
+
* </Checkbox.SelectAll>
|
|
781
|
+
*
|
|
782
|
+
* <Checkbox.Root value="a">
|
|
783
|
+
* <Checkbox.Indicator>✓</Checkbox.Indicator>
|
|
784
|
+
* </Checkbox.Root>
|
|
785
|
+
* </Checkbox.Group>
|
|
786
|
+
* </template>
|
|
787
|
+
* ```
|
|
788
|
+
*/
|
|
789
|
+
SelectAll: {
|
|
790
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxSelectAllProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
791
|
+
P: {};
|
|
792
|
+
B: {};
|
|
793
|
+
D: {};
|
|
794
|
+
C: {};
|
|
795
|
+
M: {};
|
|
796
|
+
Defaults: {};
|
|
797
|
+
}, Readonly<CheckboxSelectAllProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
798
|
+
__isFragment?: never;
|
|
799
|
+
__isTeleport?: never;
|
|
800
|
+
__isSuspense?: never;
|
|
801
|
+
} & vue453.ComponentOptionsBase<Readonly<CheckboxSelectAllProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
802
|
+
$slots: {
|
|
803
|
+
default: (props: CheckboxSelectAllSlotProps) => any;
|
|
804
|
+
};
|
|
805
|
+
});
|
|
806
|
+
};
|
|
807
|
+
//#endregion
|
|
808
|
+
//#region src/components/Dialog/DialogRoot.vue.d.ts
|
|
809
|
+
interface DialogContext {
|
|
810
|
+
isOpen: ShallowRef<boolean>;
|
|
811
|
+
id: string;
|
|
812
|
+
titleId: string;
|
|
813
|
+
descriptionId: string;
|
|
814
|
+
open: () => void;
|
|
815
|
+
close: () => void;
|
|
816
|
+
}
|
|
817
|
+
interface DialogRootProps extends AtomProps {
|
|
818
|
+
/** Namespace for dependency injection */
|
|
819
|
+
namespace?: string;
|
|
820
|
+
/** Unique identifier for the dialog (auto-generated if not provided) */
|
|
821
|
+
id?: string;
|
|
822
|
+
}
|
|
823
|
+
interface DialogRootSlotProps {
|
|
824
|
+
/** Unique identifier */
|
|
825
|
+
id: string;
|
|
826
|
+
/** Whether the dialog is currently open */
|
|
827
|
+
isOpen: boolean;
|
|
828
|
+
/** Open the dialog */
|
|
829
|
+
open: () => void;
|
|
830
|
+
/** Close the dialog */
|
|
831
|
+
close: () => void;
|
|
832
|
+
}
|
|
833
|
+
declare const useDialogContext: (key: string, defaultValue?: DialogContext | undefined) => DialogContext, provideDialogContext: (key: string, context: DialogContext, app?: vue453.App) => DialogContext;
|
|
834
|
+
declare const __VLS_export$33: __VLS_WithSlots$19<vue453.DefineComponent<DialogRootProps & {
|
|
835
|
+
modelValue?: boolean;
|
|
836
|
+
}, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
837
|
+
"update:modelValue": (...args: unknown[]) => any;
|
|
838
|
+
}, string, vue453.PublicProps, Readonly<DialogRootProps & {
|
|
839
|
+
modelValue?: boolean;
|
|
840
|
+
}> & Readonly<{
|
|
841
|
+
"onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
|
|
842
|
+
}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
843
|
+
default: (props: DialogRootSlotProps) => any;
|
|
844
|
+
}>;
|
|
845
|
+
declare const _default$31: typeof __VLS_export$33;
|
|
846
|
+
type __VLS_WithSlots$19<T, S> = T & {
|
|
847
|
+
new (): {
|
|
848
|
+
$slots: S;
|
|
849
|
+
};
|
|
850
|
+
};
|
|
851
|
+
//#endregion
|
|
852
|
+
//#region src/components/Dialog/DialogActivator.vue.d.ts
|
|
853
|
+
interface DialogActivatorProps extends AtomProps {
|
|
854
|
+
/** Namespace for dependency injection */
|
|
855
|
+
namespace?: string;
|
|
856
|
+
}
|
|
857
|
+
interface DialogActivatorSlotProps {
|
|
858
|
+
/** Whether the dialog is currently open */
|
|
859
|
+
isOpen: boolean;
|
|
860
|
+
/** Attributes to bind to the trigger element */
|
|
861
|
+
attrs: {
|
|
862
|
+
'type': 'button' | undefined;
|
|
863
|
+
'aria-haspopup': 'dialog';
|
|
864
|
+
'aria-expanded': boolean;
|
|
865
|
+
'data-dialog-open': '' | undefined;
|
|
866
|
+
};
|
|
867
|
+
}
|
|
868
|
+
declare const __VLS_export$32: __VLS_WithSlots$18<vue453.DefineComponent<DialogActivatorProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<DialogActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
869
|
+
default: (props: DialogActivatorSlotProps) => any;
|
|
870
|
+
}>;
|
|
871
|
+
declare const _default$33: typeof __VLS_export$32;
|
|
872
|
+
type __VLS_WithSlots$18<T, S> = T & {
|
|
873
|
+
new (): {
|
|
874
|
+
$slots: S;
|
|
875
|
+
};
|
|
876
|
+
};
|
|
877
|
+
//#endregion
|
|
878
|
+
//#region src/components/Dialog/DialogContent.vue.d.ts
|
|
879
|
+
interface DialogContentProps extends AtomProps {
|
|
880
|
+
/** Namespace for dependency injection */
|
|
881
|
+
namespace?: string;
|
|
882
|
+
/** Close dialog when clicking outside content @default true */
|
|
883
|
+
closeOnClickOutside?: boolean;
|
|
884
|
+
}
|
|
885
|
+
interface DialogContentEmits {
|
|
886
|
+
cancel: [e: Event];
|
|
887
|
+
close: [e: Event];
|
|
888
|
+
}
|
|
889
|
+
interface DialogContentSlotProps {
|
|
890
|
+
/** Whether the dialog is currently open */
|
|
891
|
+
isOpen: boolean;
|
|
892
|
+
/** Attributes to bind to the dialog element */
|
|
893
|
+
attrs: {
|
|
894
|
+
'id': string;
|
|
895
|
+
'role': 'dialog';
|
|
896
|
+
'aria-modal': 'true';
|
|
897
|
+
'aria-labelledby': string;
|
|
898
|
+
'aria-describedby': string;
|
|
899
|
+
};
|
|
900
|
+
}
|
|
901
|
+
declare const __VLS_export$31: __VLS_WithSlots$17<vue453.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
902
|
+
cancel: (e: Event) => any;
|
|
903
|
+
close: (e: Event) => any;
|
|
904
|
+
}, string, vue453.PublicProps, Readonly<DialogContentProps> & Readonly<{
|
|
905
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
906
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
907
|
+
}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
908
|
+
default: (props: DialogContentSlotProps) => any;
|
|
909
|
+
}>;
|
|
910
|
+
declare const _default$29: typeof __VLS_export$31;
|
|
911
|
+
type __VLS_WithSlots$17<T, S> = T & {
|
|
912
|
+
new (): {
|
|
913
|
+
$slots: S;
|
|
914
|
+
};
|
|
915
|
+
};
|
|
916
|
+
//#endregion
|
|
917
|
+
//#region src/components/Dialog/DialogTitle.vue.d.ts
|
|
918
|
+
interface DialogTitleProps extends AtomProps {
|
|
919
|
+
/** Namespace for dependency injection */
|
|
920
|
+
namespace?: string;
|
|
921
|
+
}
|
|
922
|
+
interface DialogTitleSlotProps {
|
|
923
|
+
/** Attributes to bind to the title element */
|
|
924
|
+
attrs: {
|
|
925
|
+
id: string;
|
|
926
|
+
};
|
|
927
|
+
}
|
|
928
|
+
declare const __VLS_export$30: __VLS_WithSlots$16<vue453.DefineComponent<DialogTitleProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
929
|
+
default: (props: DialogTitleSlotProps) => any;
|
|
930
|
+
}>;
|
|
931
|
+
declare const _default$32: typeof __VLS_export$30;
|
|
932
|
+
type __VLS_WithSlots$16<T, S> = T & {
|
|
933
|
+
new (): {
|
|
934
|
+
$slots: S;
|
|
935
|
+
};
|
|
936
|
+
};
|
|
937
|
+
//#endregion
|
|
938
|
+
//#region src/components/Dialog/DialogDescription.vue.d.ts
|
|
939
|
+
interface DialogDescriptionProps extends AtomProps {
|
|
940
|
+
/** Namespace for dependency injection */
|
|
941
|
+
namespace?: string;
|
|
942
|
+
}
|
|
943
|
+
interface DialogDescriptionSlotProps {
|
|
944
|
+
/** Attributes to bind to the description element */
|
|
945
|
+
attrs: {
|
|
946
|
+
id: string;
|
|
947
|
+
};
|
|
948
|
+
}
|
|
949
|
+
declare const __VLS_export$29: __VLS_WithSlots$15<vue453.DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
950
|
+
default: (props: DialogDescriptionSlotProps) => any;
|
|
951
|
+
}>;
|
|
952
|
+
declare const _default$30: typeof __VLS_export$29;
|
|
953
|
+
type __VLS_WithSlots$15<T, S> = T & {
|
|
954
|
+
new (): {
|
|
955
|
+
$slots: S;
|
|
956
|
+
};
|
|
957
|
+
};
|
|
958
|
+
//#endregion
|
|
959
|
+
//#region src/components/Dialog/DialogClose.vue.d.ts
|
|
960
|
+
interface DialogCloseProps extends AtomProps {
|
|
961
|
+
/** Namespace for dependency injection */
|
|
962
|
+
namespace?: string;
|
|
963
|
+
}
|
|
964
|
+
interface DialogCloseSlotProps {
|
|
965
|
+
/** Whether the dialog is currently open */
|
|
966
|
+
isOpen: boolean;
|
|
967
|
+
/** Attributes to bind to the close button element */
|
|
968
|
+
attrs: {
|
|
969
|
+
'type': 'button' | undefined;
|
|
970
|
+
'aria-label': 'Close';
|
|
971
|
+
};
|
|
972
|
+
}
|
|
973
|
+
declare const __VLS_export$28: __VLS_WithSlots$14<vue453.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
974
|
+
default: (props: DialogCloseSlotProps) => any;
|
|
975
|
+
}>;
|
|
976
|
+
declare const _default$28: typeof __VLS_export$28;
|
|
977
|
+
type __VLS_WithSlots$14<T, S> = T & {
|
|
978
|
+
new (): {
|
|
979
|
+
$slots: S;
|
|
980
|
+
};
|
|
981
|
+
};
|
|
982
|
+
//#endregion
|
|
983
|
+
//#region src/components/Dialog/index.d.ts
|
|
984
|
+
/**
|
|
985
|
+
* Dialog component with sub-components for building modal dialogs.
|
|
986
|
+
*
|
|
987
|
+
* @see https://0.vuetifyjs.com/components/dialog
|
|
988
|
+
*
|
|
989
|
+
* @example
|
|
990
|
+
* ```vue
|
|
991
|
+
* <script lang="ts" setup>
|
|
992
|
+
* import { Dialog } from '@vuetify/v0'
|
|
993
|
+
* </script>
|
|
994
|
+
*
|
|
995
|
+
* <template>
|
|
996
|
+
* <Dialog.Root>
|
|
997
|
+
* <Dialog.Activator>
|
|
998
|
+
* Open Dialog
|
|
999
|
+
* </Dialog.Activator>
|
|
1000
|
+
*
|
|
1001
|
+
* <Dialog.Content>
|
|
1002
|
+
* <Dialog.Title>Dialog Title</Dialog.Title>
|
|
1003
|
+
* <Dialog.Description>Dialog description text.</Dialog.Description>
|
|
1004
|
+
*
|
|
1005
|
+
* <p>Dialog content goes here.</p>
|
|
1006
|
+
*
|
|
1007
|
+
* <Dialog.Close>Close</Dialog.Close>
|
|
1008
|
+
* </Dialog.Content>
|
|
1009
|
+
* </Dialog.Root>
|
|
1010
|
+
* </template>
|
|
1011
|
+
* ```
|
|
1012
|
+
*/
|
|
1013
|
+
declare const Dialog: {
|
|
1014
|
+
/**
|
|
1015
|
+
* Root component for dialogs.
|
|
1016
|
+
*
|
|
1017
|
+
* @see https://0.vuetifyjs.com/components/dialog
|
|
1018
|
+
*
|
|
1019
|
+
* @example
|
|
1020
|
+
* ```vue
|
|
1021
|
+
* <script lang="ts" setup>
|
|
1022
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1023
|
+
* </script>
|
|
1024
|
+
*
|
|
1025
|
+
* <template>
|
|
1026
|
+
* <Dialog.Root>
|
|
1027
|
+
* <Dialog.Activator>Open</Dialog.Activator>
|
|
1028
|
+
* <Dialog.Content>
|
|
1029
|
+
* <Dialog.Title>Title</Dialog.Title>
|
|
1030
|
+
* <Dialog.Close>Close</Dialog.Close>
|
|
1031
|
+
* </Dialog.Content>
|
|
1032
|
+
* </Dialog.Root>
|
|
1033
|
+
* </template>
|
|
1034
|
+
* ```
|
|
1035
|
+
*/
|
|
1036
|
+
Root: {
|
|
1037
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogRootProps & {
|
|
1038
|
+
modelValue?: boolean;
|
|
1039
|
+
}> & Readonly<{
|
|
1040
|
+
"onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
|
|
1041
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
1042
|
+
"update:modelValue": (...args: unknown[]) => any;
|
|
1043
|
+
}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1044
|
+
P: {};
|
|
1045
|
+
B: {};
|
|
1046
|
+
D: {};
|
|
1047
|
+
C: {};
|
|
1048
|
+
M: {};
|
|
1049
|
+
Defaults: {};
|
|
1050
|
+
}, Readonly<DialogRootProps & {
|
|
1051
|
+
modelValue?: boolean;
|
|
1052
|
+
}> & Readonly<{
|
|
1053
|
+
"onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
|
|
1054
|
+
}>, {}, {}, {}, {}, {}>;
|
|
1055
|
+
__isFragment?: never;
|
|
1056
|
+
__isTeleport?: never;
|
|
1057
|
+
__isSuspense?: never;
|
|
1058
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogRootProps & {
|
|
1059
|
+
modelValue?: boolean;
|
|
1060
|
+
}> & Readonly<{
|
|
1061
|
+
"onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
|
|
1062
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
1063
|
+
"update:modelValue": (...args: unknown[]) => any;
|
|
1064
|
+
}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1065
|
+
$slots: {
|
|
1066
|
+
default: (props: DialogRootSlotProps) => any;
|
|
1067
|
+
};
|
|
1068
|
+
});
|
|
1069
|
+
/**
|
|
1070
|
+
* Activator component that opens the dialog.
|
|
1071
|
+
*
|
|
1072
|
+
* @see https://0.vuetifyjs.com/components/dialog#dialogactivator
|
|
1073
|
+
*
|
|
1074
|
+
* @example
|
|
1075
|
+
* ```vue
|
|
1076
|
+
* <script lang="ts" setup>
|
|
1077
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1078
|
+
* </script>
|
|
1079
|
+
*
|
|
1080
|
+
* <template>
|
|
1081
|
+
* <Dialog.Activator>
|
|
1082
|
+
* Open Dialog
|
|
1083
|
+
* </Dialog.Activator>
|
|
1084
|
+
* </template>
|
|
1085
|
+
* ```
|
|
1086
|
+
*/
|
|
1087
|
+
Activator: {
|
|
1088
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1089
|
+
P: {};
|
|
1090
|
+
B: {};
|
|
1091
|
+
D: {};
|
|
1092
|
+
C: {};
|
|
1093
|
+
M: {};
|
|
1094
|
+
Defaults: {};
|
|
1095
|
+
}, Readonly<DialogActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1096
|
+
__isFragment?: never;
|
|
1097
|
+
__isTeleport?: never;
|
|
1098
|
+
__isSuspense?: never;
|
|
1099
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1100
|
+
$slots: {
|
|
1101
|
+
default: (props: DialogActivatorSlotProps) => any;
|
|
1102
|
+
};
|
|
1103
|
+
});
|
|
1104
|
+
/**
|
|
1105
|
+
* Content container for the dialog using native `<dialog>` element.
|
|
1106
|
+
*
|
|
1107
|
+
* @see https://0.vuetifyjs.com/components/dialog#dialogcontent
|
|
1108
|
+
*
|
|
1109
|
+
* @example
|
|
1110
|
+
* ```vue
|
|
1111
|
+
* <script lang="ts" setup>
|
|
1112
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1113
|
+
* </script>
|
|
1114
|
+
*
|
|
1115
|
+
* <template>
|
|
1116
|
+
* <Dialog.Content>
|
|
1117
|
+
* <Dialog.Title>Title</Dialog.Title>
|
|
1118
|
+
* <p>Content goes here.</p>
|
|
1119
|
+
* <Dialog.Close>Close</Dialog.Close>
|
|
1120
|
+
* </Dialog.Content>
|
|
1121
|
+
* </template>
|
|
1122
|
+
* ```
|
|
1123
|
+
*/
|
|
1124
|
+
Content: {
|
|
1125
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogContentProps> & Readonly<{
|
|
1126
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
1127
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
1128
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
1129
|
+
cancel: (e: Event) => any;
|
|
1130
|
+
close: (e: Event) => any;
|
|
1131
|
+
}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1132
|
+
P: {};
|
|
1133
|
+
B: {};
|
|
1134
|
+
D: {};
|
|
1135
|
+
C: {};
|
|
1136
|
+
M: {};
|
|
1137
|
+
Defaults: {};
|
|
1138
|
+
}, Readonly<DialogContentProps> & Readonly<{
|
|
1139
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
1140
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
1141
|
+
}>, {}, {}, {}, {}, {}>;
|
|
1142
|
+
__isFragment?: never;
|
|
1143
|
+
__isTeleport?: never;
|
|
1144
|
+
__isSuspense?: never;
|
|
1145
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogContentProps> & Readonly<{
|
|
1146
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
1147
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
1148
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
1149
|
+
cancel: (e: Event) => any;
|
|
1150
|
+
close: (e: Event) => any;
|
|
1151
|
+
}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1152
|
+
$slots: {
|
|
1153
|
+
default: (props: DialogContentSlotProps) => any;
|
|
1154
|
+
};
|
|
1155
|
+
});
|
|
1156
|
+
/**
|
|
1157
|
+
* Title component for accessible dialog labeling.
|
|
1158
|
+
*
|
|
1159
|
+
* @see https://0.vuetifyjs.com/components/dialog#dialogtitle
|
|
1160
|
+
*
|
|
1161
|
+
* @example
|
|
1162
|
+
* ```vue
|
|
1163
|
+
* <script lang="ts" setup>
|
|
1164
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1165
|
+
* </script>
|
|
1166
|
+
*
|
|
1167
|
+
* <template>
|
|
1168
|
+
* <Dialog.Title>Dialog Title</Dialog.Title>
|
|
1169
|
+
* </template>
|
|
1170
|
+
* ```
|
|
1171
|
+
*/
|
|
1172
|
+
Title: {
|
|
1173
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1174
|
+
P: {};
|
|
1175
|
+
B: {};
|
|
1176
|
+
D: {};
|
|
1177
|
+
C: {};
|
|
1178
|
+
M: {};
|
|
1179
|
+
Defaults: {};
|
|
1180
|
+
}, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1181
|
+
__isFragment?: never;
|
|
1182
|
+
__isTeleport?: never;
|
|
1183
|
+
__isSuspense?: never;
|
|
1184
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1185
|
+
$slots: {
|
|
1186
|
+
default: (props: DialogTitleSlotProps) => any;
|
|
1187
|
+
};
|
|
1188
|
+
});
|
|
1189
|
+
/**
|
|
1190
|
+
* Description component for accessible dialog description.
|
|
1191
|
+
*
|
|
1192
|
+
* @see https://0.vuetifyjs.com/components/dialog#dialogdescription
|
|
1193
|
+
*
|
|
1194
|
+
* @example
|
|
1195
|
+
* ```vue
|
|
1196
|
+
* <script lang="ts" setup>
|
|
1197
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1198
|
+
* </script>
|
|
1199
|
+
*
|
|
1200
|
+
* <template>
|
|
1201
|
+
* <Dialog.Description>
|
|
1202
|
+
* This dialog allows you to configure settings.
|
|
1203
|
+
* </Dialog.Description>
|
|
1204
|
+
* </template>
|
|
1205
|
+
* ```
|
|
1206
|
+
*/
|
|
1207
|
+
Description: {
|
|
1208
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1209
|
+
P: {};
|
|
1210
|
+
B: {};
|
|
1211
|
+
D: {};
|
|
1212
|
+
C: {};
|
|
1213
|
+
M: {};
|
|
1214
|
+
Defaults: {};
|
|
1215
|
+
}, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1216
|
+
__isFragment?: never;
|
|
1217
|
+
__isTeleport?: never;
|
|
1218
|
+
__isSuspense?: never;
|
|
1219
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1220
|
+
$slots: {
|
|
1221
|
+
default: (props: DialogDescriptionSlotProps) => any;
|
|
1222
|
+
};
|
|
1223
|
+
});
|
|
1224
|
+
/**
|
|
1225
|
+
* Close button component for closing the dialog.
|
|
1226
|
+
*
|
|
1227
|
+
* @see https://0.vuetifyjs.com/components/dialog#dialogclose
|
|
1228
|
+
*
|
|
1229
|
+
* @example
|
|
1230
|
+
* ```vue
|
|
1231
|
+
* <script lang="ts" setup>
|
|
1232
|
+
* import { Dialog } from '@vuetify/v0'
|
|
1233
|
+
* </script>
|
|
1234
|
+
*
|
|
1235
|
+
* <template>
|
|
1236
|
+
* <Dialog.Close>Close</Dialog.Close>
|
|
1237
|
+
* </template>
|
|
1238
|
+
* ```
|
|
1239
|
+
*/
|
|
1240
|
+
Close: {
|
|
1241
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1242
|
+
P: {};
|
|
1243
|
+
B: {};
|
|
1244
|
+
D: {};
|
|
1245
|
+
C: {};
|
|
1246
|
+
M: {};
|
|
1247
|
+
Defaults: {};
|
|
1248
|
+
}, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1249
|
+
__isFragment?: never;
|
|
1250
|
+
__isTeleport?: never;
|
|
1251
|
+
__isSuspense?: never;
|
|
1252
|
+
} & vue453.ComponentOptionsBase<Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1253
|
+
$slots: {
|
|
1254
|
+
default: (props: DialogCloseSlotProps) => any;
|
|
1255
|
+
};
|
|
1256
|
+
});
|
|
1257
|
+
};
|
|
1258
|
+
//#endregion
|
|
1259
|
+
//#region src/components/ExpansionPanel/ExpansionPanelRoot.vue.d.ts
|
|
1260
|
+
interface ExpansionPanelOptionsContext {
|
|
1261
|
+
/** Disabled state of the entire expansion panel */
|
|
1262
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
1263
|
+
}
|
|
1264
|
+
interface ExpansionPanelRootProps extends AtomProps {
|
|
1265
|
+
/** Namespace for dependency injection (default: 'v0:expansion-panel') */
|
|
1266
|
+
namespace?: string;
|
|
1267
|
+
/** Disables the entire expansion panel instance and all items */
|
|
1268
|
+
disabled?: boolean;
|
|
1269
|
+
/** Auto-expand non-disabled items when registered */
|
|
1270
|
+
enroll?: boolean;
|
|
1271
|
+
/**
|
|
1272
|
+
* Mandatory expansion behavior:
|
|
1273
|
+
* - false (default): All panels can be collapsed
|
|
1274
|
+
* - true: Prevents collapsing the last expanded panel
|
|
1275
|
+
* - 'force': Automatically expands the first non-disabled panel
|
|
1276
|
+
*/
|
|
1277
|
+
mandatory?: boolean | 'force';
|
|
1278
|
+
/**
|
|
1279
|
+
* Enable multi-expansion mode
|
|
1280
|
+
* - false (default): Single panel expanded at a time (accordion mode)
|
|
1281
|
+
* - true: Multiple panels can be expanded simultaneously
|
|
1282
|
+
* Note: Changes v-model type from T to T[]
|
|
1283
|
+
*/
|
|
1284
|
+
multiple?: boolean;
|
|
1285
|
+
}
|
|
1286
|
+
interface ExpansionPanelRootSlotProps {
|
|
1287
|
+
/** Disables the entire expansion panel instance and all registered items */
|
|
1288
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
1289
|
+
/** Select a panel by ID */
|
|
1290
|
+
select: (id: ID) => void;
|
|
1291
|
+
/** Unselect a panel by ID */
|
|
1292
|
+
unselect: (id: ID) => void;
|
|
1293
|
+
/** Toggle a panel's expansion state by ID */
|
|
1294
|
+
toggle: (id: ID) => void;
|
|
1295
|
+
}
|
|
1296
|
+
declare const useExpansionPanelRoot: (key: string, defaultValue?: SelectionContext<SelectionTicket<unknown>> | undefined) => SelectionContext<SelectionTicket<unknown>>, provideExpansionPanelSelection: (key: string, context: SelectionContext<SelectionTicket<unknown>>, app?: vue453.App) => SelectionContext<SelectionTicket<unknown>>;
|
|
1297
|
+
declare const __VLS_export$27: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$12<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1298
|
+
props: __VLS_PrettifyLocal$12<(ExpansionPanelRootProps & {
|
|
1299
|
+
modelValue?: T | T[];
|
|
1300
|
+
}) & {
|
|
1301
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
1302
|
+
}> & vue453.PublicProps;
|
|
1303
|
+
expose: (exposed: {}) => void;
|
|
1304
|
+
attrs: any;
|
|
1305
|
+
slots: {
|
|
1306
|
+
default: (props: ExpansionPanelRootSlotProps) => any;
|
|
1307
|
+
};
|
|
1308
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1309
|
+
}>) => vue453.VNode & {
|
|
1310
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1311
|
+
};
|
|
1312
|
+
declare const _default$27: typeof __VLS_export$27;
|
|
1313
|
+
type __VLS_PrettifyLocal$12<T> = { [K in keyof T as K]: T[K] } & {};
|
|
1314
|
+
//#endregion
|
|
1315
|
+
//#region src/components/ExpansionPanel/ExpansionPanelItem.vue.d.ts
|
|
1316
|
+
interface ExpansionPanelItemProps<V = unknown> extends AtomProps {
|
|
1317
|
+
/** Unique identifier for the panel item (auto-generated if not provided) */
|
|
1318
|
+
id?: string;
|
|
1319
|
+
/** Value associated with this panel item for v-model binding */
|
|
1320
|
+
value?: V;
|
|
1321
|
+
/** Disables this specific panel item */
|
|
1322
|
+
disabled?: MaybeRef<boolean>;
|
|
1323
|
+
/** Namespace to retrieve the parent ExpansionPanelRoot context (default: 'v0:expansion-panel') */
|
|
1324
|
+
namespace?: string;
|
|
1325
|
+
}
|
|
1326
|
+
/**
|
|
1327
|
+
* Context provided to child components (ExpansionPanelActivator and ExpansionPanelContent)
|
|
1328
|
+
* via dependency injection using the itemNamespace.
|
|
1329
|
+
*/
|
|
1330
|
+
interface ExpansionPanelItemContext {
|
|
1331
|
+
/** Selection ticket from the parent ExpansionPanel registry */
|
|
1332
|
+
ticket: SelectionTicket;
|
|
1333
|
+
/** Unique ID for the header/activator element (for aria-controls) */
|
|
1334
|
+
headerId: Readonly<Ref<string>>;
|
|
1335
|
+
/** Unique ID for the content region (for aria-labelledby) */
|
|
1336
|
+
contentId: Readonly<Ref<string>>;
|
|
1337
|
+
/** Combined disabled state from item and parent */
|
|
1338
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
1339
|
+
}
|
|
1340
|
+
/**
|
|
1341
|
+
* Slot props provided to the default slot of ExpansionPanelItem
|
|
1342
|
+
*/
|
|
1343
|
+
interface ExpansionPanelItemSlotProps {
|
|
1344
|
+
/** Whether this panel is currently selected/expanded */
|
|
1345
|
+
isSelected: boolean;
|
|
1346
|
+
/** Combined disabled state from item and parent */
|
|
1347
|
+
isDisabled: boolean;
|
|
1348
|
+
/** Attributes to bind to the root element for accessibility */
|
|
1349
|
+
attrs: {
|
|
1350
|
+
/** Data attribute for selected state */
|
|
1351
|
+
'data-selected': true | undefined;
|
|
1352
|
+
};
|
|
1353
|
+
}
|
|
1354
|
+
declare const useExpansionPanelItem: (key: string, defaultValue?: ExpansionPanelItemContext | undefined) => ExpansionPanelItemContext, provideExpansionPanelItem: (key: string, context: ExpansionPanelItemContext, app?: vue453.App) => ExpansionPanelItemContext;
|
|
1355
|
+
declare const __VLS_export$26: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$11<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1356
|
+
props: __VLS_PrettifyLocal$11<ExpansionPanelItemProps<V>> & vue453.PublicProps;
|
|
1357
|
+
expose: (exposed: {}) => void;
|
|
1358
|
+
attrs: any;
|
|
1359
|
+
slots: {
|
|
1360
|
+
default: (props: ExpansionPanelItemSlotProps) => any;
|
|
1361
|
+
};
|
|
1362
|
+
emit: {};
|
|
1363
|
+
}>) => vue453.VNode & {
|
|
1364
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1365
|
+
};
|
|
1366
|
+
declare const _default$26: typeof __VLS_export$26;
|
|
1367
|
+
type __VLS_PrettifyLocal$11<T> = { [K in keyof T as K]: T[K] } & {};
|
|
1368
|
+
//#endregion
|
|
1369
|
+
//#region src/components/ExpansionPanel/ExpansionPanelHeader.vue.d.ts
|
|
1370
|
+
interface ExpansionPanelHeaderProps extends AtomProps {
|
|
1371
|
+
/** Namespace for retrieving the parent ExpansionPanelItem context (default: 'v0:expansion-panel') */
|
|
1372
|
+
namespace?: string;
|
|
1373
|
+
}
|
|
1374
|
+
interface ExpansionPanelHeaderSlotProps {
|
|
1375
|
+
/** Whether this panel is currently selected/expanded */
|
|
1376
|
+
isSelected: boolean;
|
|
1377
|
+
/** Attributes to bind to the root element for accessibility */
|
|
1378
|
+
attrs: {
|
|
1379
|
+
/** Data attribute for selected state */
|
|
1380
|
+
'data-selected': true | undefined;
|
|
1381
|
+
};
|
|
1382
|
+
}
|
|
1383
|
+
declare const __VLS_export$25: __VLS_WithSlots$13<vue453.DefineComponent<ExpansionPanelHeaderProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
1384
|
+
default: (props: ExpansionPanelHeaderSlotProps) => any;
|
|
1385
|
+
}>;
|
|
1386
|
+
declare const _default$25: typeof __VLS_export$25;
|
|
1387
|
+
type __VLS_WithSlots$13<T, S> = T & {
|
|
1388
|
+
new (): {
|
|
1389
|
+
$slots: S;
|
|
1390
|
+
};
|
|
1391
|
+
};
|
|
1392
|
+
//#endregion
|
|
1393
|
+
//#region src/components/ExpansionPanel/ExpansionPanelActivator.vue.d.ts
|
|
1394
|
+
interface ExpansionPanelActivatorProps extends AtomProps {
|
|
1395
|
+
namespace?: string;
|
|
1396
|
+
}
|
|
1397
|
+
interface ExpansionPanelActivatorSlotProps {
|
|
1398
|
+
/** Disabled state */
|
|
1399
|
+
isDisabled: boolean;
|
|
1400
|
+
/** Whether this panel is currently selected/expanded */
|
|
1401
|
+
isSelected: boolean;
|
|
1402
|
+
/** Toggle the panels expansion state */
|
|
1403
|
+
toggle: () => void;
|
|
1404
|
+
/** Attributes to bind to the activator element for accessibility */
|
|
1405
|
+
attrs: {
|
|
1406
|
+
/** Unique ID for the header/activator element */
|
|
1407
|
+
'id': string;
|
|
1408
|
+
/** ARIA role for accessibility (only set when not using native button) */
|
|
1409
|
+
'role': 'button' | undefined;
|
|
1410
|
+
/** Tab index for keyboard navigation */
|
|
1411
|
+
'tabindex': number;
|
|
1412
|
+
/** ARIA expanded state */
|
|
1413
|
+
'aria-expanded': boolean;
|
|
1414
|
+
/** ARIA controls attribute pointing to content region */
|
|
1415
|
+
'aria-controls': string;
|
|
1416
|
+
/** ARIA disabled state */
|
|
1417
|
+
'aria-disabled': boolean;
|
|
1418
|
+
/** Data attribute for disabled state */
|
|
1419
|
+
'data-disabled': true | undefined;
|
|
1420
|
+
/** Data attribute for selected state */
|
|
1421
|
+
'data-selected': true | undefined;
|
|
1422
|
+
/** Disabled attribute for native button elements */
|
|
1423
|
+
'disabled': boolean | undefined;
|
|
1424
|
+
/** Type attribute for native button elements */
|
|
1425
|
+
'type': 'button' | undefined;
|
|
1426
|
+
/** Click handler to toggle panel */
|
|
1427
|
+
'onClick': () => void;
|
|
1428
|
+
/** Keyboard handler for Enter and Space keys */
|
|
1429
|
+
'onKeydown': (e: KeyboardEvent) => void;
|
|
1430
|
+
};
|
|
1431
|
+
}
|
|
1432
|
+
declare const __VLS_export$24: __VLS_WithSlots$12<vue453.DefineComponent<ExpansionPanelActivatorProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
1433
|
+
default: (props: ExpansionPanelActivatorSlotProps) => any;
|
|
1434
|
+
}>;
|
|
1435
|
+
declare const _default$23: typeof __VLS_export$24;
|
|
1436
|
+
type __VLS_WithSlots$12<T, S> = T & {
|
|
1437
|
+
new (): {
|
|
1438
|
+
$slots: S;
|
|
1439
|
+
};
|
|
1440
|
+
};
|
|
1441
|
+
//#endregion
|
|
1442
|
+
//#region src/components/ExpansionPanel/ExpansionPanelContent.vue.d.ts
|
|
1443
|
+
interface ExpansionPanelContentProps extends AtomProps {
|
|
1444
|
+
namespace?: string;
|
|
1445
|
+
}
|
|
1446
|
+
interface ExpansionPanelContentSlotProps {
|
|
1447
|
+
/** Whether this panel is currently selected/expanded */
|
|
1448
|
+
isSelected: boolean;
|
|
1449
|
+
/** Attributes to bind to the content element for accessibility */
|
|
1450
|
+
attrs: {
|
|
1451
|
+
/** Data attribute for selected state */
|
|
1452
|
+
'data-selected': boolean;
|
|
1453
|
+
/** Unique ID for the content region */
|
|
1454
|
+
'id': string;
|
|
1455
|
+
/** ARIA role for accessibility */
|
|
1456
|
+
'role': 'region';
|
|
1457
|
+
/** ARIA labelledby attribute pointing to header element */
|
|
1458
|
+
'aria-labelledby': string;
|
|
1459
|
+
/** Whether the content is hidden */
|
|
1460
|
+
'hidden': boolean;
|
|
1461
|
+
};
|
|
1462
|
+
}
|
|
1463
|
+
declare const __VLS_export$23: __VLS_WithSlots$11<vue453.DefineComponent<ExpansionPanelContentProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
1464
|
+
default: (props: ExpansionPanelContentSlotProps) => any;
|
|
1465
|
+
}>;
|
|
1466
|
+
declare const _default$24: typeof __VLS_export$23;
|
|
1467
|
+
type __VLS_WithSlots$11<T, S> = T & {
|
|
1468
|
+
new (): {
|
|
1469
|
+
$slots: S;
|
|
1470
|
+
};
|
|
1471
|
+
};
|
|
1472
|
+
//#endregion
|
|
1473
|
+
//#region src/components/ExpansionPanel/index.d.ts
|
|
1474
|
+
/**
|
|
1475
|
+
* ExpansionPanel component with sub-components for building expansion panels.
|
|
1476
|
+
*
|
|
1477
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels
|
|
1478
|
+
*/
|
|
1479
|
+
declare const ExpansionPanel: {
|
|
1480
|
+
/**
|
|
1481
|
+
* Root component for expansion panels.
|
|
1482
|
+
*
|
|
1483
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels
|
|
1484
|
+
*
|
|
1485
|
+
* @example
|
|
1486
|
+
* ```vue
|
|
1487
|
+
* <script lang="ts" setup>
|
|
1488
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
1489
|
+
* </script>
|
|
1490
|
+
*
|
|
1491
|
+
* <template>
|
|
1492
|
+
* <ExpansionPanel.Root>
|
|
1493
|
+
* <ExpansionPanel.Item>
|
|
1494
|
+
* <ExpansionPanel.Header>
|
|
1495
|
+
* <ExpansionPanel.Activator>
|
|
1496
|
+
* Click to expand
|
|
1497
|
+
* </ExpansionPanel.Activator>
|
|
1498
|
+
* </ExpansionPanel.Header>
|
|
1499
|
+
*
|
|
1500
|
+
* <ExpansionPanel.Content>
|
|
1501
|
+
* Content goes here.
|
|
1502
|
+
* </ExpansionPanel.Content>
|
|
1503
|
+
* </ExpansionPanel.Item>
|
|
1504
|
+
* </ExpansionPanel.Root>
|
|
1505
|
+
* </template>
|
|
1506
|
+
* ```
|
|
1507
|
+
*/
|
|
1508
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1509
|
+
slots: {
|
|
1510
|
+
default: (props: ExpansionPanelRootSlotProps) => any;
|
|
1511
|
+
};
|
|
1512
|
+
attrs: any;
|
|
1513
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1514
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1515
|
+
props: {
|
|
1516
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
1517
|
+
namespace?: string | undefined;
|
|
1518
|
+
disabled?: boolean | undefined;
|
|
1519
|
+
enroll?: boolean | undefined;
|
|
1520
|
+
mandatory?: boolean | "force" | undefined;
|
|
1521
|
+
multiple?: boolean | undefined;
|
|
1522
|
+
as?: (DOMElement | null) | undefined;
|
|
1523
|
+
renderless?: boolean | undefined;
|
|
1524
|
+
modelValue?: (T | T[]) | undefined;
|
|
1525
|
+
} & vue453.PublicProps;
|
|
1526
|
+
expose: (exposed: {}) => void;
|
|
1527
|
+
attrs: any;
|
|
1528
|
+
slots: {
|
|
1529
|
+
default: (props: ExpansionPanelRootSlotProps) => any;
|
|
1530
|
+
};
|
|
1531
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1532
|
+
}>) => vue453.VNode & {
|
|
1533
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1534
|
+
};
|
|
1535
|
+
/**
|
|
1536
|
+
* Component representing a single expansion panel item.
|
|
1537
|
+
*
|
|
1538
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelitem
|
|
1539
|
+
*
|
|
1540
|
+
* @example
|
|
1541
|
+
* ```vue
|
|
1542
|
+
* <script lang="ts" setup>
|
|
1543
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
1544
|
+
* </script>
|
|
1545
|
+
*
|
|
1546
|
+
* <template>
|
|
1547
|
+
* <ExpansionPanel.Item>
|
|
1548
|
+
* <ExpansionPanel.Header>
|
|
1549
|
+
* <ExpansionPanel.Activator>
|
|
1550
|
+
* Click to expand
|
|
1551
|
+
* </ExpansionPanel.Activator>
|
|
1552
|
+
* </ExpansionPanel.Header>
|
|
1553
|
+
*
|
|
1554
|
+
* <ExpansionPanel.Content>
|
|
1555
|
+
* Content goes here.
|
|
1556
|
+
* </ExpansionPanel.Content>
|
|
1557
|
+
* </ExpansionPanel.Item>
|
|
1558
|
+
* </template>
|
|
1559
|
+
* ```
|
|
1560
|
+
*/
|
|
1561
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1562
|
+
slots: {
|
|
1563
|
+
default: (props: ExpansionPanelItemSlotProps) => any;
|
|
1564
|
+
};
|
|
1565
|
+
attrs: any;
|
|
1566
|
+
emit: {};
|
|
1567
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1568
|
+
props: {
|
|
1569
|
+
id?: string | undefined;
|
|
1570
|
+
value?: V | undefined;
|
|
1571
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
1572
|
+
namespace?: string | undefined;
|
|
1573
|
+
as?: (DOMElement | null) | undefined;
|
|
1574
|
+
renderless?: boolean | undefined;
|
|
1575
|
+
} & vue453.PublicProps;
|
|
1576
|
+
expose: (exposed: {}) => void;
|
|
1577
|
+
attrs: any;
|
|
1578
|
+
slots: {
|
|
1579
|
+
default: (props: ExpansionPanelItemSlotProps) => any;
|
|
1580
|
+
};
|
|
1581
|
+
emit: {};
|
|
1582
|
+
}>) => vue453.VNode & {
|
|
1583
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1584
|
+
};
|
|
1585
|
+
/**
|
|
1586
|
+
* (optional) Component for the header section of an expansion panel item.
|
|
1587
|
+
*
|
|
1588
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelheader
|
|
1589
|
+
*
|
|
1590
|
+
* @example
|
|
1591
|
+
* ```vue
|
|
1592
|
+
* <script lang="ts" setup>
|
|
1593
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
1594
|
+
* </script>
|
|
1595
|
+
*
|
|
1596
|
+
* <template>
|
|
1597
|
+
* <ExpansionPanel.Header>
|
|
1598
|
+
* <ExpansionPanel.Activator>
|
|
1599
|
+
* Click to expand
|
|
1600
|
+
* </ExpansionPanel.Activator>
|
|
1601
|
+
* </ExpansionPanel.Header>
|
|
1602
|
+
* </template>
|
|
1603
|
+
* ```
|
|
1604
|
+
*/
|
|
1605
|
+
Header: {
|
|
1606
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1607
|
+
P: {};
|
|
1608
|
+
B: {};
|
|
1609
|
+
D: {};
|
|
1610
|
+
C: {};
|
|
1611
|
+
M: {};
|
|
1612
|
+
Defaults: {};
|
|
1613
|
+
}, Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1614
|
+
__isFragment?: never;
|
|
1615
|
+
__isTeleport?: never;
|
|
1616
|
+
__isSuspense?: never;
|
|
1617
|
+
} & vue453.ComponentOptionsBase<Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1618
|
+
$slots: {
|
|
1619
|
+
default: (props: ExpansionPanelHeaderSlotProps) => any;
|
|
1620
|
+
};
|
|
1621
|
+
});
|
|
1622
|
+
/**
|
|
1623
|
+
* Component for the activator section of an expansion panel header.
|
|
1624
|
+
*
|
|
1625
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelactivator
|
|
1626
|
+
*
|
|
1627
|
+
* @example
|
|
1628
|
+
* ```vue
|
|
1629
|
+
* <script lang="ts" setup>
|
|
1630
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
1631
|
+
* </script>
|
|
1632
|
+
*
|
|
1633
|
+
* <template>
|
|
1634
|
+
* <ExpansionPanel.Activator>
|
|
1635
|
+
* Click to expand
|
|
1636
|
+
* </ExpansionPanel.Activator>
|
|
1637
|
+
* </template>
|
|
1638
|
+
* ```
|
|
1639
|
+
*/
|
|
1640
|
+
Activator: {
|
|
1641
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1642
|
+
P: {};
|
|
1643
|
+
B: {};
|
|
1644
|
+
D: {};
|
|
1645
|
+
C: {};
|
|
1646
|
+
M: {};
|
|
1647
|
+
Defaults: {};
|
|
1648
|
+
}, Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1649
|
+
__isFragment?: never;
|
|
1650
|
+
__isTeleport?: never;
|
|
1651
|
+
__isSuspense?: never;
|
|
1652
|
+
} & vue453.ComponentOptionsBase<Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1653
|
+
$slots: {
|
|
1654
|
+
default: (props: ExpansionPanelActivatorSlotProps) => any;
|
|
1655
|
+
};
|
|
1656
|
+
});
|
|
1657
|
+
/**
|
|
1658
|
+
* Component for the content section of an expansion panel item.
|
|
1659
|
+
*
|
|
1660
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelcontent
|
|
1661
|
+
*
|
|
1662
|
+
* @example
|
|
1663
|
+
* ```vue
|
|
1664
|
+
* <script lang="ts" setup>
|
|
1665
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
1666
|
+
* </script>
|
|
1667
|
+
*
|
|
1668
|
+
* <template>
|
|
1669
|
+
* <ExpansionPanel.Content>
|
|
1670
|
+
* Content goes here.
|
|
1671
|
+
* </ExpansionPanel.Content>
|
|
1672
|
+
* </template>
|
|
1673
|
+
* ```
|
|
1674
|
+
*/
|
|
1675
|
+
Content: {
|
|
1676
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
1677
|
+
P: {};
|
|
1678
|
+
B: {};
|
|
1679
|
+
D: {};
|
|
1680
|
+
C: {};
|
|
1681
|
+
M: {};
|
|
1682
|
+
Defaults: {};
|
|
1683
|
+
}, Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1684
|
+
__isFragment?: never;
|
|
1685
|
+
__isTeleport?: never;
|
|
1686
|
+
__isSuspense?: never;
|
|
1687
|
+
} & vue453.ComponentOptionsBase<Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
1688
|
+
$slots: {
|
|
1689
|
+
default: (props: ExpansionPanelContentSlotProps) => any;
|
|
1690
|
+
};
|
|
1691
|
+
});
|
|
1692
|
+
};
|
|
1693
|
+
//#endregion
|
|
1694
|
+
//#region src/components/Group/GroupRoot.vue.d.ts
|
|
1695
|
+
interface GroupRootProps {
|
|
1696
|
+
/** Namespace for dependency injection (must match GroupItem namespace) */
|
|
1697
|
+
namespace?: string;
|
|
1698
|
+
/** Disables the entire group instance */
|
|
1699
|
+
disabled?: boolean;
|
|
1700
|
+
/** Auto-select non-disabled items on registration */
|
|
1701
|
+
enroll?: boolean;
|
|
1702
|
+
/**
|
|
1703
|
+
* Controls mandatory group behavior:
|
|
1704
|
+
* - false (default): No mandatory group enforcement
|
|
1705
|
+
* - true: Prevents deselecting the last selected item
|
|
1706
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
1707
|
+
*/
|
|
1708
|
+
mandatory?: boolean | 'force';
|
|
1709
|
+
}
|
|
1710
|
+
interface GroupRootSlotProps {
|
|
1711
|
+
/** Whether the group instance is disabled */
|
|
1712
|
+
isDisabled: boolean;
|
|
1713
|
+
/** Whether no items are currently selected */
|
|
1714
|
+
isNoneSelected: boolean;
|
|
1715
|
+
/** Whether all selectable (non-disabled) items are selected */
|
|
1716
|
+
isAllSelected: boolean;
|
|
1717
|
+
/** Whether some but not all selectable items are selected */
|
|
1718
|
+
isMixed: boolean;
|
|
1719
|
+
/** Select an item by ID */
|
|
1720
|
+
select: (id: ID | ID[]) => void;
|
|
1721
|
+
/** Unselect an item by ID */
|
|
1722
|
+
unselect: (id: ID | ID[]) => void;
|
|
1723
|
+
/** Toggle an item's group state by ID */
|
|
1724
|
+
toggle: (id: ID | ID[]) => void;
|
|
1725
|
+
/** Select all selectable (non-disabled) items */
|
|
1726
|
+
selectAll: () => void;
|
|
1727
|
+
/** Unselect all items (respects mandatory option) */
|
|
1728
|
+
unselectAll: () => void;
|
|
1729
|
+
/** Toggle between all selected and none selected */
|
|
1730
|
+
toggleAll: () => void;
|
|
1731
|
+
/** Attributes to bind to the root element */
|
|
1732
|
+
attrs: {
|
|
1733
|
+
'aria-multiselectable': true;
|
|
1734
|
+
};
|
|
1735
|
+
}
|
|
1736
|
+
declare const useGroupRoot: (key: string, defaultValue?: GroupContext<GroupTicket<unknown>> | undefined) => GroupContext<GroupTicket<unknown>>, provideGroupRoot: (key: string, context: GroupContext<GroupTicket<unknown>>, app?: vue453.App) => GroupContext<GroupTicket<unknown>>;
|
|
1737
|
+
declare const __VLS_export$22: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$10<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1738
|
+
props: __VLS_PrettifyLocal$10<(GroupRootProps & {
|
|
1739
|
+
modelValue?: T | T[];
|
|
1740
|
+
}) & {
|
|
1741
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
1742
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
1743
|
+
}> & vue453.PublicProps;
|
|
1744
|
+
expose: (exposed: {}) => void;
|
|
1745
|
+
attrs: any;
|
|
1746
|
+
slots: {
|
|
1747
|
+
default: (props: GroupRootSlotProps) => any;
|
|
1748
|
+
};
|
|
1749
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1750
|
+
}>) => vue453.VNode & {
|
|
1751
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1752
|
+
};
|
|
1753
|
+
declare const _default$22: typeof __VLS_export$22;
|
|
1754
|
+
type __VLS_PrettifyLocal$10<T> = { [K in keyof T as K]: T[K] } & {};
|
|
1755
|
+
//#endregion
|
|
1756
|
+
//#region src/components/Group/GroupItem.vue.d.ts
|
|
1757
|
+
interface GroupItemProps<V = unknown> {
|
|
1758
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
1759
|
+
id?: string;
|
|
1760
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
1761
|
+
label?: string;
|
|
1762
|
+
/** Value associated with this item */
|
|
1763
|
+
value?: V;
|
|
1764
|
+
/** Disables this specific item */
|
|
1765
|
+
disabled?: MaybeRef<boolean>;
|
|
1766
|
+
/** Sets the indeterminate state (for checkboxes) */
|
|
1767
|
+
indeterminate?: MaybeRef<boolean>;
|
|
1768
|
+
/** Namespace for dependency injection */
|
|
1769
|
+
namespace?: string;
|
|
1770
|
+
}
|
|
1771
|
+
interface GroupItemSlotProps<V = unknown> {
|
|
1772
|
+
/** Unique identifier */
|
|
1773
|
+
id: string;
|
|
1774
|
+
/** Optional display label */
|
|
1775
|
+
label?: string;
|
|
1776
|
+
/** Value associated with this item */
|
|
1777
|
+
value: V | undefined;
|
|
1778
|
+
/** Whether this item is currently selected */
|
|
1779
|
+
isSelected: boolean;
|
|
1780
|
+
/** Whether this item is in a mixed/indeterminate state */
|
|
1781
|
+
isMixed: boolean;
|
|
1782
|
+
/** Whether this item is disabled */
|
|
1783
|
+
isDisabled: boolean;
|
|
1784
|
+
/** Select this item */
|
|
1785
|
+
select: () => void;
|
|
1786
|
+
/** Unselect this item */
|
|
1787
|
+
unselect: () => void;
|
|
1788
|
+
/** Toggle this item's group state */
|
|
1789
|
+
toggle: () => void;
|
|
1790
|
+
/** Set this item to mixed/indeterminate state */
|
|
1791
|
+
mix: () => void;
|
|
1792
|
+
/** Clear mixed/indeterminate state from this item */
|
|
1793
|
+
unmix: () => void;
|
|
1794
|
+
/** Attributes to bind to the item element */
|
|
1795
|
+
attrs: {
|
|
1796
|
+
'role': 'checkbox';
|
|
1797
|
+
'aria-checked': boolean | 'mixed';
|
|
1798
|
+
'aria-disabled': boolean;
|
|
1799
|
+
'data-selected': true | undefined;
|
|
1800
|
+
'data-disabled': true | undefined;
|
|
1801
|
+
'data-mixed': true | undefined;
|
|
1802
|
+
};
|
|
1803
|
+
}
|
|
1804
|
+
declare const __VLS_export$21: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$9<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1805
|
+
props: __VLS_PrettifyLocal$9<GroupItemProps<V>> & vue453.PublicProps;
|
|
1806
|
+
expose: (exposed: {}) => void;
|
|
1807
|
+
attrs: any;
|
|
1808
|
+
slots: {
|
|
1809
|
+
default: (props: GroupItemSlotProps<V>) => unknown;
|
|
1810
|
+
};
|
|
1811
|
+
emit: {};
|
|
1812
|
+
}>) => vue453.VNode & {
|
|
1813
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1814
|
+
};
|
|
1815
|
+
declare const _default$21: typeof __VLS_export$21;
|
|
1816
|
+
type __VLS_PrettifyLocal$9<T> = { [K in keyof T as K]: T[K] } & {};
|
|
1817
|
+
//#endregion
|
|
1818
|
+
//#region src/components/Group/index.d.ts
|
|
1819
|
+
/**
|
|
1820
|
+
* Group component with sub-components for multi-selection.
|
|
1821
|
+
*
|
|
1822
|
+
* @see https://0.vuetifyjs.com/components/group
|
|
1823
|
+
*/
|
|
1824
|
+
declare const Group: {
|
|
1825
|
+
/**
|
|
1826
|
+
* Root component for multi-selection groups.
|
|
1827
|
+
*
|
|
1828
|
+
* @see https://0.vuetifyjs.com/components/group
|
|
1829
|
+
*
|
|
1830
|
+
* @example
|
|
1831
|
+
* ```vue
|
|
1832
|
+
* <script lang="ts" setup>
|
|
1833
|
+
* import { Group } from '@vuetify/v0'
|
|
1834
|
+
* </script>
|
|
1835
|
+
*
|
|
1836
|
+
* <template>
|
|
1837
|
+
* <Group.Root v-model="selected">
|
|
1838
|
+
* <Group.Item value="a">Option A</Group.Item>
|
|
1839
|
+
*
|
|
1840
|
+
* <Group.Item value="b">Option B</Group.Item>
|
|
1841
|
+
* </Group.Root>
|
|
1842
|
+
* </template>
|
|
1843
|
+
* ```
|
|
1844
|
+
*/
|
|
1845
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1846
|
+
slots: {
|
|
1847
|
+
default: (props: GroupRootSlotProps) => any;
|
|
1848
|
+
};
|
|
1849
|
+
attrs: any;
|
|
1850
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1851
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1852
|
+
props: {
|
|
1853
|
+
namespace?: string | undefined;
|
|
1854
|
+
disabled?: boolean | undefined;
|
|
1855
|
+
enroll?: boolean | undefined;
|
|
1856
|
+
mandatory?: boolean | "force" | undefined;
|
|
1857
|
+
modelValue?: (T | T[]) | undefined;
|
|
1858
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
1859
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
1860
|
+
} & vue453.PublicProps;
|
|
1861
|
+
expose: (exposed: {}) => void;
|
|
1862
|
+
attrs: any;
|
|
1863
|
+
slots: {
|
|
1864
|
+
default: (props: GroupRootSlotProps) => any;
|
|
1865
|
+
};
|
|
1866
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
1867
|
+
}>) => vue453.VNode & {
|
|
1868
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1869
|
+
};
|
|
1870
|
+
/**
|
|
1871
|
+
* Item component for multi-selection groups.
|
|
1872
|
+
*
|
|
1873
|
+
* @see https://0.vuetifyjs.com/components/group#groupitem
|
|
1874
|
+
*
|
|
1875
|
+
* @example
|
|
1876
|
+
* ```vue
|
|
1877
|
+
* <script lang="ts" setup>
|
|
1878
|
+
* import { Group } from '@vuetify/v0'
|
|
1879
|
+
* </script>
|
|
1880
|
+
*
|
|
1881
|
+
* <template>
|
|
1882
|
+
* <Group.Item value="a">
|
|
1883
|
+
* Option A
|
|
1884
|
+
* </Group.Item>
|
|
1885
|
+
* </template>
|
|
1886
|
+
* ```
|
|
1887
|
+
*/
|
|
1888
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1889
|
+
slots: {
|
|
1890
|
+
default: (props: GroupItemSlotProps<V>) => unknown;
|
|
1891
|
+
};
|
|
1892
|
+
attrs: any;
|
|
1893
|
+
emit: {};
|
|
1894
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1895
|
+
props: {
|
|
1896
|
+
id?: string | undefined;
|
|
1897
|
+
label?: string | undefined;
|
|
1898
|
+
value?: V | undefined;
|
|
1899
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
1900
|
+
indeterminate?: vue453.MaybeRef<boolean> | undefined;
|
|
1901
|
+
namespace?: string | undefined;
|
|
1902
|
+
} & vue453.PublicProps;
|
|
1903
|
+
expose: (exposed: {}) => void;
|
|
1904
|
+
attrs: any;
|
|
1905
|
+
slots: {
|
|
1906
|
+
default: (props: GroupItemSlotProps<V>) => unknown;
|
|
1907
|
+
};
|
|
1908
|
+
emit: {};
|
|
1909
|
+
}>) => vue453.VNode & {
|
|
1910
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1911
|
+
};
|
|
1912
|
+
};
|
|
1913
|
+
//#endregion
|
|
1914
|
+
//#region src/components/Pagination/PaginationRoot.vue.d.ts
|
|
1915
|
+
declare const usePaginationRoot: (key: string, defaultValue?: PaginationContext | undefined) => PaginationContext, providePaginationRoot: (key: string, context: PaginationContext, app?: vue453.App) => PaginationContext;
|
|
1916
|
+
declare const usePaginationControls: (key: string, defaultValue?: RegistryContext<RegistryTicket<unknown>> | undefined) => RegistryContext<RegistryTicket<unknown>>, providePaginationControls: (key: string, context: RegistryContext<RegistryTicket<unknown>>, app?: vue453.App) => RegistryContext<RegistryTicket<unknown>>;
|
|
1917
|
+
declare const usePaginationItems: (key: string, defaultValue?: RegistryContext<RegistryTicket<unknown>> | undefined) => RegistryContext<RegistryTicket<unknown>>, providePaginationItems: (key: string, context: RegistryContext<RegistryTicket<unknown>>, app?: vue453.App) => RegistryContext<RegistryTicket<unknown>>;
|
|
1918
|
+
interface PaginationRootProps extends AtomProps {
|
|
1919
|
+
/** Namespace for dependency injection */
|
|
1920
|
+
namespace?: string;
|
|
1921
|
+
/** Total number of items */
|
|
1922
|
+
size?: number;
|
|
1923
|
+
/**
|
|
1924
|
+
* Number of visible page buttons.
|
|
1925
|
+
* If undefined, auto-calculates based on container width.
|
|
1926
|
+
*/
|
|
1927
|
+
totalVisible?: number;
|
|
1928
|
+
/** Number of items per page */
|
|
1929
|
+
itemsPerPage?: number;
|
|
1930
|
+
/** Ellipsis character */
|
|
1931
|
+
ellipsis?: string | false;
|
|
1932
|
+
}
|
|
1933
|
+
interface PaginationRootSlotProps {
|
|
1934
|
+
/** Current page (1-indexed) */
|
|
1935
|
+
page: number;
|
|
1936
|
+
/** Total number of items */
|
|
1937
|
+
size: number;
|
|
1938
|
+
/** Total number of pages */
|
|
1939
|
+
pages: number;
|
|
1940
|
+
/** Items per page */
|
|
1941
|
+
itemsPerPage: number;
|
|
1942
|
+
/** Visible page items for rendering */
|
|
1943
|
+
items: PaginationTicket[];
|
|
1944
|
+
/** Start index of items on current page (0-indexed) */
|
|
1945
|
+
pageStart: number;
|
|
1946
|
+
/** End index of items on current page (exclusive) */
|
|
1947
|
+
pageStop: number;
|
|
1948
|
+
/** Whether on first page */
|
|
1949
|
+
isFirst: boolean;
|
|
1950
|
+
/** Whether on last page */
|
|
1951
|
+
isLast: boolean;
|
|
1952
|
+
/** Go to first page */
|
|
1953
|
+
first: () => void;
|
|
1954
|
+
/** Go to last page */
|
|
1955
|
+
last: () => void;
|
|
1956
|
+
/** Go to next page */
|
|
1957
|
+
next: () => void;
|
|
1958
|
+
/** Go to previous page */
|
|
1959
|
+
prev: () => void;
|
|
1960
|
+
/** Go to specific page */
|
|
1961
|
+
select: (page: number) => void;
|
|
1962
|
+
/** Attributes to bind to the root element */
|
|
1963
|
+
attrs: {
|
|
1964
|
+
'aria-label': string;
|
|
1965
|
+
'role': 'navigation' | undefined;
|
|
1966
|
+
};
|
|
1967
|
+
}
|
|
1968
|
+
declare const __VLS_export$20: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$8<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1969
|
+
props: __VLS_PrettifyLocal$8<(PaginationRootProps & {
|
|
1970
|
+
modelValue?: number;
|
|
1971
|
+
}) & {
|
|
1972
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
1973
|
+
}> & vue453.PublicProps;
|
|
1974
|
+
expose: (exposed: {}) => void;
|
|
1975
|
+
attrs: any;
|
|
1976
|
+
slots: {
|
|
1977
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
1978
|
+
};
|
|
1979
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: number) => void);
|
|
1980
|
+
}>) => vue453.VNode & {
|
|
1981
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1982
|
+
};
|
|
1983
|
+
declare const _default$19: typeof __VLS_export$20;
|
|
1984
|
+
type __VLS_PrettifyLocal$8<T> = { [K in keyof T as K]: T[K] } & {};
|
|
1985
|
+
//#endregion
|
|
1986
|
+
//#region src/components/Pagination/PaginationItem.vue.d.ts
|
|
1987
|
+
interface PaginationItemProps extends AtomProps {
|
|
1988
|
+
/** Namespace for dependency injection */
|
|
1989
|
+
namespace?: string;
|
|
1990
|
+
/** Page number this item represents */
|
|
1991
|
+
value: number;
|
|
1992
|
+
/** Override disabled state */
|
|
1993
|
+
disabled?: boolean;
|
|
1994
|
+
/** Unique identifier for registration */
|
|
1995
|
+
id?: string;
|
|
1996
|
+
}
|
|
1997
|
+
interface PaginationItemSlotProps {
|
|
1998
|
+
/** Page number */
|
|
1999
|
+
page: number;
|
|
2000
|
+
/** Whether this page is currently selected */
|
|
2001
|
+
isSelected: boolean;
|
|
2002
|
+
/** Whether this item is disabled */
|
|
2003
|
+
isDisabled: boolean;
|
|
2004
|
+
/** Go to this page */
|
|
2005
|
+
select: () => void;
|
|
2006
|
+
/** Attributes to bind to the item element */
|
|
2007
|
+
attrs: {
|
|
2008
|
+
'aria-label': string;
|
|
2009
|
+
'aria-current': 'page' | undefined;
|
|
2010
|
+
'aria-disabled': boolean;
|
|
2011
|
+
'data-selected': true | undefined;
|
|
2012
|
+
'data-disabled': true | undefined;
|
|
2013
|
+
'disabled': boolean | undefined;
|
|
2014
|
+
'tabindex': number;
|
|
2015
|
+
'type': 'button' | undefined;
|
|
2016
|
+
'onClick': () => void;
|
|
2017
|
+
};
|
|
2018
|
+
}
|
|
2019
|
+
declare const __VLS_export$19: __VLS_WithSlots$10<vue453.DefineComponent<PaginationItemProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2020
|
+
default: (props: PaginationItemSlotProps) => any;
|
|
2021
|
+
}>;
|
|
2022
|
+
declare const _default$15: typeof __VLS_export$19;
|
|
2023
|
+
type __VLS_WithSlots$10<T, S> = T & {
|
|
2024
|
+
new (): {
|
|
2025
|
+
$slots: S;
|
|
2026
|
+
};
|
|
2027
|
+
};
|
|
2028
|
+
//#endregion
|
|
2029
|
+
//#region src/components/Pagination/PaginationFirst.vue.d.ts
|
|
2030
|
+
interface PaginationFirstProps extends AtomProps {
|
|
2031
|
+
/** Namespace for dependency injection */
|
|
2032
|
+
namespace?: string;
|
|
2033
|
+
/** Override disabled state */
|
|
2034
|
+
disabled?: boolean;
|
|
2035
|
+
/** Unique identifier for registration */
|
|
2036
|
+
id?: string;
|
|
2037
|
+
}
|
|
2038
|
+
interface PaginationFirstSlotProps {
|
|
2039
|
+
/** Whether button is disabled */
|
|
2040
|
+
isDisabled: boolean;
|
|
2041
|
+
/** Go to first page */
|
|
2042
|
+
first: () => void;
|
|
2043
|
+
/** Attributes to bind to the button element */
|
|
2044
|
+
attrs: {
|
|
2045
|
+
'aria-label': string;
|
|
2046
|
+
'aria-disabled': boolean;
|
|
2047
|
+
'data-disabled': true | undefined;
|
|
2048
|
+
'disabled': boolean | undefined;
|
|
2049
|
+
'tabindex': number;
|
|
2050
|
+
'type': 'button' | undefined;
|
|
2051
|
+
'onClick': () => void;
|
|
2052
|
+
};
|
|
2053
|
+
}
|
|
2054
|
+
declare const __VLS_export$18: __VLS_WithSlots$9<vue453.DefineComponent<PaginationFirstProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2055
|
+
default: (props: PaginationFirstSlotProps) => any;
|
|
2056
|
+
}>;
|
|
2057
|
+
declare const _default$14: typeof __VLS_export$18;
|
|
2058
|
+
type __VLS_WithSlots$9<T, S> = T & {
|
|
2059
|
+
new (): {
|
|
2060
|
+
$slots: S;
|
|
2061
|
+
};
|
|
2062
|
+
};
|
|
2063
|
+
//#endregion
|
|
2064
|
+
//#region src/components/Pagination/PaginationPrev.vue.d.ts
|
|
2065
|
+
interface PaginationPrevProps extends AtomProps {
|
|
2066
|
+
/** Namespace for dependency injection */
|
|
2067
|
+
namespace?: string;
|
|
2068
|
+
/** Override disabled state */
|
|
2069
|
+
disabled?: boolean;
|
|
2070
|
+
/** Unique identifier for registration */
|
|
2071
|
+
id?: string;
|
|
2072
|
+
}
|
|
2073
|
+
interface PaginationPrevSlotProps {
|
|
2074
|
+
/** Whether button is disabled */
|
|
2075
|
+
isDisabled: boolean;
|
|
2076
|
+
/** Go to previous page */
|
|
2077
|
+
prev: () => void;
|
|
2078
|
+
/** Attributes to bind to the button element */
|
|
2079
|
+
attrs: {
|
|
2080
|
+
'aria-label': string;
|
|
2081
|
+
'aria-disabled': boolean;
|
|
2082
|
+
'data-disabled': true | undefined;
|
|
2083
|
+
'disabled': boolean | undefined;
|
|
2084
|
+
'tabindex': number;
|
|
2085
|
+
'type': 'button' | undefined;
|
|
2086
|
+
'onClick': () => void;
|
|
2087
|
+
};
|
|
2088
|
+
}
|
|
2089
|
+
declare const __VLS_export$17: __VLS_WithSlots$8<vue453.DefineComponent<PaginationPrevProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2090
|
+
default: (props: PaginationPrevSlotProps) => any;
|
|
2091
|
+
}>;
|
|
2092
|
+
declare const _default$18: typeof __VLS_export$17;
|
|
2093
|
+
type __VLS_WithSlots$8<T, S> = T & {
|
|
2094
|
+
new (): {
|
|
2095
|
+
$slots: S;
|
|
2096
|
+
};
|
|
2097
|
+
};
|
|
2098
|
+
//#endregion
|
|
2099
|
+
//#region src/components/Pagination/PaginationEllipsis.vue.d.ts
|
|
2100
|
+
interface PaginationEllipsisProps extends AtomProps {
|
|
2101
|
+
/** Namespace for dependency injection */
|
|
2102
|
+
namespace?: string;
|
|
2103
|
+
/** Ellipsis character to display (overrides context) */
|
|
2104
|
+
ellipsis?: string;
|
|
2105
|
+
/** Unique identifier for registration */
|
|
2106
|
+
id?: string;
|
|
2107
|
+
}
|
|
2108
|
+
interface PaginationEllipsisSlotProps {
|
|
2109
|
+
/** Ellipsis character */
|
|
2110
|
+
ellipsis: string | false;
|
|
2111
|
+
/** Attributes to bind to the ellipsis element */
|
|
2112
|
+
attrs: {
|
|
2113
|
+
'aria-hidden': 'true';
|
|
2114
|
+
};
|
|
2115
|
+
}
|
|
2116
|
+
declare const __VLS_export$16: __VLS_WithSlots$7<vue453.DefineComponent<PaginationEllipsisProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2117
|
+
default: (props: PaginationEllipsisSlotProps) => any;
|
|
2118
|
+
}>;
|
|
2119
|
+
declare const _default$13: typeof __VLS_export$16;
|
|
2120
|
+
type __VLS_WithSlots$7<T, S> = T & {
|
|
2121
|
+
new (): {
|
|
2122
|
+
$slots: S;
|
|
2123
|
+
};
|
|
2124
|
+
};
|
|
2125
|
+
//#endregion
|
|
2126
|
+
//#region src/components/Pagination/PaginationNext.vue.d.ts
|
|
2127
|
+
interface PaginationNextProps extends AtomProps {
|
|
2128
|
+
/** Namespace for dependency injection */
|
|
2129
|
+
namespace?: string;
|
|
2130
|
+
/** Override disabled state */
|
|
2131
|
+
disabled?: boolean;
|
|
2132
|
+
/** Unique identifier for registration */
|
|
2133
|
+
id?: string;
|
|
2134
|
+
}
|
|
2135
|
+
interface PaginationNextSlotProps {
|
|
2136
|
+
/** Whether button is disabled */
|
|
2137
|
+
isDisabled: boolean;
|
|
2138
|
+
/** Go to next page */
|
|
2139
|
+
next: () => void;
|
|
2140
|
+
/** Attributes to bind to the button element */
|
|
2141
|
+
attrs: {
|
|
2142
|
+
'aria-label': string;
|
|
2143
|
+
'aria-disabled': boolean;
|
|
2144
|
+
'data-disabled': true | undefined;
|
|
2145
|
+
'disabled': boolean | undefined;
|
|
2146
|
+
'tabindex': number;
|
|
2147
|
+
'type': 'button' | undefined;
|
|
2148
|
+
'onClick': () => void;
|
|
2149
|
+
};
|
|
2150
|
+
}
|
|
2151
|
+
declare const __VLS_export$15: __VLS_WithSlots$6<vue453.DefineComponent<PaginationNextProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2152
|
+
default: (props: PaginationNextSlotProps) => any;
|
|
2153
|
+
}>;
|
|
2154
|
+
declare const _default$17: typeof __VLS_export$15;
|
|
2155
|
+
type __VLS_WithSlots$6<T, S> = T & {
|
|
2156
|
+
new (): {
|
|
2157
|
+
$slots: S;
|
|
2158
|
+
};
|
|
2159
|
+
};
|
|
2160
|
+
//#endregion
|
|
2161
|
+
//#region src/components/Pagination/PaginationLast.vue.d.ts
|
|
2162
|
+
interface PaginationLastProps extends AtomProps {
|
|
2163
|
+
/** Namespace for dependency injection */
|
|
2164
|
+
namespace?: string;
|
|
2165
|
+
/** Override disabled state */
|
|
2166
|
+
disabled?: boolean;
|
|
2167
|
+
/** Unique identifier for registration */
|
|
2168
|
+
id?: string;
|
|
2169
|
+
}
|
|
2170
|
+
interface PaginationLastSlotProps {
|
|
2171
|
+
/** Whether button is disabled */
|
|
2172
|
+
isDisabled: boolean;
|
|
2173
|
+
/** Go to last page */
|
|
2174
|
+
last: () => void;
|
|
2175
|
+
/** Attributes to bind to the button element */
|
|
2176
|
+
attrs: {
|
|
2177
|
+
'aria-label': string;
|
|
2178
|
+
'aria-disabled': boolean;
|
|
2179
|
+
'data-disabled': true | undefined;
|
|
2180
|
+
'disabled': boolean | undefined;
|
|
2181
|
+
'tabindex': number;
|
|
2182
|
+
'type': 'button' | undefined;
|
|
2183
|
+
'onClick': () => void;
|
|
2184
|
+
};
|
|
2185
|
+
}
|
|
2186
|
+
declare const __VLS_export$14: __VLS_WithSlots$5<vue453.DefineComponent<PaginationLastProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2187
|
+
default: (props: PaginationLastSlotProps) => any;
|
|
2188
|
+
}>;
|
|
2189
|
+
declare const _default$16: typeof __VLS_export$14;
|
|
2190
|
+
type __VLS_WithSlots$5<T, S> = T & {
|
|
2191
|
+
new (): {
|
|
2192
|
+
$slots: S;
|
|
2193
|
+
};
|
|
2194
|
+
};
|
|
2195
|
+
//#endregion
|
|
2196
|
+
//#region src/components/Pagination/PaginationStatus.vue.d.ts
|
|
2197
|
+
interface PaginationStatusProps extends AtomProps {
|
|
2198
|
+
/** Namespace for dependency injection */
|
|
2199
|
+
namespace?: string;
|
|
2200
|
+
}
|
|
2201
|
+
interface PaginationStatusSlotProps {
|
|
2202
|
+
/** Current page (1-indexed) */
|
|
2203
|
+
page: number;
|
|
2204
|
+
/** Total number of pages */
|
|
2205
|
+
pages: number;
|
|
2206
|
+
/** Announcement text */
|
|
2207
|
+
text: string;
|
|
2208
|
+
/** Attributes to bind to the status element */
|
|
2209
|
+
attrs: {
|
|
2210
|
+
'aria-atomic': true;
|
|
2211
|
+
'aria-live': 'polite';
|
|
2212
|
+
'role': 'status';
|
|
2213
|
+
};
|
|
2214
|
+
}
|
|
2215
|
+
declare const __VLS_export$13: __VLS_WithSlots$4<vue453.DefineComponent<PaginationStatusProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2216
|
+
default: (props: PaginationStatusSlotProps) => any;
|
|
2217
|
+
}>;
|
|
2218
|
+
declare const _default$20: typeof __VLS_export$13;
|
|
2219
|
+
type __VLS_WithSlots$4<T, S> = T & {
|
|
2220
|
+
new (): {
|
|
2221
|
+
$slots: S;
|
|
2222
|
+
};
|
|
2223
|
+
};
|
|
2224
|
+
//#endregion
|
|
2225
|
+
//#region src/components/Pagination/index.d.ts
|
|
2226
|
+
/**
|
|
2227
|
+
* Pagination component with sub-components for building pagination controls.
|
|
2228
|
+
*
|
|
2229
|
+
* @see https://0.vuetifyjs.com/components/pagination
|
|
2230
|
+
*/
|
|
2231
|
+
declare const Pagination: {
|
|
2232
|
+
/**
|
|
2233
|
+
* Root component for pagination controls.
|
|
2234
|
+
*
|
|
2235
|
+
* @see https://0.vuetifyjs.com/components/pagination
|
|
2236
|
+
*
|
|
2237
|
+
* @example
|
|
2238
|
+
* ```vue
|
|
2239
|
+
* <script lang="ts" setup>
|
|
2240
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2241
|
+
* </script>
|
|
2242
|
+
*
|
|
2243
|
+
* <template>
|
|
2244
|
+
* <Pagination.Root v-model="page" :size="100">
|
|
2245
|
+
* <Pagination.First />
|
|
2246
|
+
*
|
|
2247
|
+
* <Pagination.Prev />
|
|
2248
|
+
*
|
|
2249
|
+
* <template v-for="item in items" :key="item.value">
|
|
2250
|
+
* <Pagination.Item v-if="item.type === 'page'" :value="item.value" />
|
|
2251
|
+
*
|
|
2252
|
+
* <Pagination.Ellipsis v-else />
|
|
2253
|
+
* </template>
|
|
2254
|
+
*
|
|
2255
|
+
* <Pagination.Next />
|
|
2256
|
+
*
|
|
2257
|
+
* <Pagination.Last />
|
|
2258
|
+
* </Pagination.Root>
|
|
2259
|
+
* </template>
|
|
2260
|
+
* ```
|
|
2261
|
+
*/
|
|
2262
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
2263
|
+
slots: {
|
|
2264
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
2265
|
+
};
|
|
2266
|
+
attrs: any;
|
|
2267
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: number) => void);
|
|
2268
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2269
|
+
props: {
|
|
2270
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
2271
|
+
namespace?: string | undefined;
|
|
2272
|
+
size?: number | undefined;
|
|
2273
|
+
totalVisible?: number | undefined;
|
|
2274
|
+
itemsPerPage?: number | undefined;
|
|
2275
|
+
ellipsis?: string | false | undefined;
|
|
2276
|
+
as?: (DOMElement | null) | undefined;
|
|
2277
|
+
renderless?: boolean | undefined;
|
|
2278
|
+
modelValue?: number | undefined;
|
|
2279
|
+
} & vue453.PublicProps;
|
|
2280
|
+
expose: (exposed: {}) => void;
|
|
2281
|
+
attrs: any;
|
|
2282
|
+
slots: {
|
|
2283
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
2284
|
+
};
|
|
2285
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: number) => void);
|
|
2286
|
+
}>) => vue453.VNode & {
|
|
2287
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2288
|
+
};
|
|
2289
|
+
/**
|
|
2290
|
+
* Individual page button that navigates to a specific page number.
|
|
2291
|
+
*
|
|
2292
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationitem
|
|
2293
|
+
*
|
|
2294
|
+
* @example
|
|
2295
|
+
* ```vue
|
|
2296
|
+
* <script lang="ts" setup>
|
|
2297
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2298
|
+
* </script>
|
|
2299
|
+
*
|
|
2300
|
+
* <template>
|
|
2301
|
+
* <Pagination.Item :value="1">1</Pagination.Item>
|
|
2302
|
+
*
|
|
2303
|
+
* <!-- With slot props -->
|
|
2304
|
+
* <Pagination.Item :value="2" v-slot="{ isSelected }">
|
|
2305
|
+
* <span :class="{ 'font-bold': isSelected }">2</span>
|
|
2306
|
+
* </Pagination.Item>
|
|
2307
|
+
* </template>
|
|
2308
|
+
* ```
|
|
2309
|
+
*/
|
|
2310
|
+
Item: {
|
|
2311
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2312
|
+
P: {};
|
|
2313
|
+
B: {};
|
|
2314
|
+
D: {};
|
|
2315
|
+
C: {};
|
|
2316
|
+
M: {};
|
|
2317
|
+
Defaults: {};
|
|
2318
|
+
}, Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2319
|
+
__isFragment?: never;
|
|
2320
|
+
__isTeleport?: never;
|
|
2321
|
+
__isSuspense?: never;
|
|
2322
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2323
|
+
$slots: {
|
|
2324
|
+
default: (props: PaginationItemSlotProps) => any;
|
|
2325
|
+
};
|
|
2326
|
+
});
|
|
2327
|
+
/**
|
|
2328
|
+
* Navigation button that jumps to the first page. Automatically
|
|
2329
|
+
* disables when already on the first page.
|
|
2330
|
+
*
|
|
2331
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationfirst
|
|
2332
|
+
*
|
|
2333
|
+
* @example
|
|
2334
|
+
* ```vue
|
|
2335
|
+
* <script lang="ts" setup>
|
|
2336
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2337
|
+
* </script>
|
|
2338
|
+
*
|
|
2339
|
+
* <template>
|
|
2340
|
+
* <Pagination.First>First</Pagination.First>
|
|
2341
|
+
*
|
|
2342
|
+
* <!-- With slot props -->
|
|
2343
|
+
* <Pagination.First v-slot="{ isDisabled }">
|
|
2344
|
+
* <span :class="{ 'opacity-50': isDisabled }">«</span>
|
|
2345
|
+
* </Pagination.First>
|
|
2346
|
+
*
|
|
2347
|
+
* <!-- With data attributes -->
|
|
2348
|
+
* <Pagination.First class="data-[disabled]:opacity-50">
|
|
2349
|
+
* First
|
|
2350
|
+
* </Pagination.First>
|
|
2351
|
+
* </template>
|
|
2352
|
+
* ```
|
|
2353
|
+
*/
|
|
2354
|
+
First: {
|
|
2355
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2356
|
+
P: {};
|
|
2357
|
+
B: {};
|
|
2358
|
+
D: {};
|
|
2359
|
+
C: {};
|
|
2360
|
+
M: {};
|
|
2361
|
+
Defaults: {};
|
|
2362
|
+
}, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2363
|
+
__isFragment?: never;
|
|
2364
|
+
__isTeleport?: never;
|
|
2365
|
+
__isSuspense?: never;
|
|
2366
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2367
|
+
$slots: {
|
|
2368
|
+
default: (props: PaginationFirstSlotProps) => any;
|
|
2369
|
+
};
|
|
2370
|
+
});
|
|
2371
|
+
/**
|
|
2372
|
+
* Navigation button that moves to the previous page. Automatically
|
|
2373
|
+
* disables when already on the first page.
|
|
2374
|
+
*
|
|
2375
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationprev
|
|
2376
|
+
*
|
|
2377
|
+
* @example
|
|
2378
|
+
* ```vue
|
|
2379
|
+
* <script lang="ts" setup>
|
|
2380
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2381
|
+
* </script>
|
|
2382
|
+
*
|
|
2383
|
+
* <template>
|
|
2384
|
+
* <Pagination.Prev>Prev</Pagination.Prev>
|
|
2385
|
+
*
|
|
2386
|
+
* <!-- With slot props -->
|
|
2387
|
+
* <Pagination.Prev v-slot="{ isDisabled }">
|
|
2388
|
+
* <span :class="{ 'opacity-50': isDisabled }">‹</span>
|
|
2389
|
+
* </Pagination.Prev>
|
|
2390
|
+
*
|
|
2391
|
+
* <!-- With data attributes -->
|
|
2392
|
+
* <Pagination.Prev class="data-[disabled]:opacity-50">
|
|
2393
|
+
* Prev
|
|
2394
|
+
* </Pagination.Prev>
|
|
2395
|
+
* </template>
|
|
2396
|
+
* ```
|
|
2397
|
+
*/
|
|
2398
|
+
Prev: {
|
|
2399
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2400
|
+
P: {};
|
|
2401
|
+
B: {};
|
|
2402
|
+
D: {};
|
|
2403
|
+
C: {};
|
|
2404
|
+
M: {};
|
|
2405
|
+
Defaults: {};
|
|
2406
|
+
}, Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2407
|
+
__isFragment?: never;
|
|
2408
|
+
__isTeleport?: never;
|
|
2409
|
+
__isSuspense?: never;
|
|
2410
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2411
|
+
$slots: {
|
|
2412
|
+
default: (props: PaginationPrevSlotProps) => any;
|
|
2413
|
+
};
|
|
2414
|
+
});
|
|
2415
|
+
/**
|
|
2416
|
+
* Visual indicator for omitted page numbers. Hidden from screen
|
|
2417
|
+
* readers via aria-hidden. Inherits ellipsis character from Root
|
|
2418
|
+
* or can be overridden via prop.
|
|
2419
|
+
*
|
|
2420
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationellipsis
|
|
2421
|
+
*
|
|
2422
|
+
* @example
|
|
2423
|
+
* ```vue
|
|
2424
|
+
* <script lang="ts" setup>
|
|
2425
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2426
|
+
* </script>
|
|
2427
|
+
*
|
|
2428
|
+
* <template>
|
|
2429
|
+
* <!-- Uses default "..." from Root -->
|
|
2430
|
+
* <Pagination.Ellipsis />
|
|
2431
|
+
*
|
|
2432
|
+
* <!-- Override ellipsis character -->
|
|
2433
|
+
* <Pagination.Ellipsis ellipsis="…" />
|
|
2434
|
+
* </template>
|
|
2435
|
+
* ```
|
|
2436
|
+
*/
|
|
2437
|
+
Ellipsis: {
|
|
2438
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2439
|
+
P: {};
|
|
2440
|
+
B: {};
|
|
2441
|
+
D: {};
|
|
2442
|
+
C: {};
|
|
2443
|
+
M: {};
|
|
2444
|
+
Defaults: {};
|
|
2445
|
+
}, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2446
|
+
__isFragment?: never;
|
|
2447
|
+
__isTeleport?: never;
|
|
2448
|
+
__isSuspense?: never;
|
|
2449
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2450
|
+
$slots: {
|
|
2451
|
+
default: (props: PaginationEllipsisSlotProps) => any;
|
|
2452
|
+
};
|
|
2453
|
+
});
|
|
2454
|
+
/**
|
|
2455
|
+
* Navigation button that moves to the next page. Automatically
|
|
2456
|
+
* disables when already on the last page.
|
|
2457
|
+
*
|
|
2458
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationnext
|
|
2459
|
+
*
|
|
2460
|
+
* @example
|
|
2461
|
+
* ```vue
|
|
2462
|
+
* <script lang="ts" setup>
|
|
2463
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2464
|
+
* </script>
|
|
2465
|
+
*
|
|
2466
|
+
* <template>
|
|
2467
|
+
* <Pagination.Next>Next</Pagination.Next>
|
|
2468
|
+
*
|
|
2469
|
+
* <!-- With slot props -->
|
|
2470
|
+
* <Pagination.Next v-slot="{ isDisabled }">
|
|
2471
|
+
* <span :class="{ 'opacity-50': isDisabled }">›</span>
|
|
2472
|
+
* </Pagination.Next>
|
|
2473
|
+
*
|
|
2474
|
+
* <!-- With data attributes -->
|
|
2475
|
+
* <Pagination.Next class="data-[disabled]:opacity-50">
|
|
2476
|
+
* Next
|
|
2477
|
+
* </Pagination.Next>
|
|
2478
|
+
* </template>
|
|
2479
|
+
* ```
|
|
2480
|
+
*/
|
|
2481
|
+
Next: {
|
|
2482
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2483
|
+
P: {};
|
|
2484
|
+
B: {};
|
|
2485
|
+
D: {};
|
|
2486
|
+
C: {};
|
|
2487
|
+
M: {};
|
|
2488
|
+
Defaults: {};
|
|
2489
|
+
}, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2490
|
+
__isFragment?: never;
|
|
2491
|
+
__isTeleport?: never;
|
|
2492
|
+
__isSuspense?: never;
|
|
2493
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2494
|
+
$slots: {
|
|
2495
|
+
default: (props: PaginationNextSlotProps) => any;
|
|
2496
|
+
};
|
|
2497
|
+
});
|
|
2498
|
+
/**
|
|
2499
|
+
* Navigation button that jumps to the last page. Automatically
|
|
2500
|
+
* disables when already on the last page.
|
|
2501
|
+
*
|
|
2502
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationlast
|
|
2503
|
+
*
|
|
2504
|
+
* @example
|
|
2505
|
+
* ```vue
|
|
2506
|
+
* <script lang="ts" setup>
|
|
2507
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2508
|
+
* </script>
|
|
2509
|
+
*
|
|
2510
|
+
* <template>
|
|
2511
|
+
* <Pagination.Last>Last</Pagination.Last>
|
|
2512
|
+
*
|
|
2513
|
+
* <!-- With slot props -->
|
|
2514
|
+
* <Pagination.Last v-slot="{ isDisabled }">
|
|
2515
|
+
* <span :class="{ 'opacity-50': isDisabled }">»</span>
|
|
2516
|
+
* </Pagination.Last>
|
|
2517
|
+
*
|
|
2518
|
+
* <!-- With data attributes -->
|
|
2519
|
+
* <Pagination.Last class="data-[disabled]:opacity-50">
|
|
2520
|
+
* Last
|
|
2521
|
+
* </Pagination.Last>
|
|
2522
|
+
* </template>
|
|
2523
|
+
* ```
|
|
2524
|
+
*/
|
|
2525
|
+
Last: {
|
|
2526
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2527
|
+
P: {};
|
|
2528
|
+
B: {};
|
|
2529
|
+
D: {};
|
|
2530
|
+
C: {};
|
|
2531
|
+
M: {};
|
|
2532
|
+
Defaults: {};
|
|
2533
|
+
}, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2534
|
+
__isFragment?: never;
|
|
2535
|
+
__isTeleport?: never;
|
|
2536
|
+
__isSuspense?: never;
|
|
2537
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2538
|
+
$slots: {
|
|
2539
|
+
default: (props: PaginationLastSlotProps) => any;
|
|
2540
|
+
};
|
|
2541
|
+
});
|
|
2542
|
+
/**
|
|
2543
|
+
* Visually-hidden live region that announces page changes to screen
|
|
2544
|
+
* readers. Should be styled with sr-only/visually-hidden CSS.
|
|
2545
|
+
*
|
|
2546
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationstatus
|
|
2547
|
+
*
|
|
2548
|
+
* @example
|
|
2549
|
+
* ```vue
|
|
2550
|
+
* <script lang="ts" setup>
|
|
2551
|
+
* import { Pagination } from '@vuetify/v0'
|
|
2552
|
+
* </script>
|
|
2553
|
+
*
|
|
2554
|
+
* <template>
|
|
2555
|
+
* <Pagination.Root v-model="page" :size="100">
|
|
2556
|
+
* <Pagination.Status class="sr-only" />
|
|
2557
|
+
* <!-- other pagination items -->
|
|
2558
|
+
* </Pagination.Root>
|
|
2559
|
+
* </template>
|
|
2560
|
+
* ```
|
|
2561
|
+
*/
|
|
2562
|
+
Status: {
|
|
2563
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2564
|
+
P: {};
|
|
2565
|
+
B: {};
|
|
2566
|
+
D: {};
|
|
2567
|
+
C: {};
|
|
2568
|
+
M: {};
|
|
2569
|
+
Defaults: {};
|
|
2570
|
+
}, Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2571
|
+
__isFragment?: never;
|
|
2572
|
+
__isTeleport?: never;
|
|
2573
|
+
__isSuspense?: never;
|
|
2574
|
+
} & vue453.ComponentOptionsBase<Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2575
|
+
$slots: {
|
|
2576
|
+
default: (props: PaginationStatusSlotProps) => any;
|
|
2577
|
+
};
|
|
2578
|
+
});
|
|
2579
|
+
};
|
|
2580
|
+
//#endregion
|
|
2581
|
+
//#region src/components/Popover/PopoverRoot.vue.d.ts
|
|
2582
|
+
interface PopoverContext {
|
|
2583
|
+
isSelected: ShallowRef<boolean>;
|
|
2584
|
+
id: string;
|
|
2585
|
+
toggle: () => void;
|
|
2586
|
+
}
|
|
2587
|
+
interface PopoverRootProps extends AtomProps {
|
|
2588
|
+
/** Unique identifier for the popover (auto-generated if not provided) */
|
|
2589
|
+
id?: string;
|
|
2590
|
+
}
|
|
2591
|
+
interface PopoverRootSlotProps {
|
|
2592
|
+
/** Unique identifier */
|
|
2593
|
+
id: string;
|
|
2594
|
+
/** Whether the popover is currently open */
|
|
2595
|
+
isSelected: boolean;
|
|
2596
|
+
/** Toggle the popover open/closed state */
|
|
2597
|
+
toggle: () => void;
|
|
2598
|
+
}
|
|
2599
|
+
declare const usePopoverContext: () => PopoverContext, providePopoverContext: (context: PopoverContext, app?: vue453.App) => PopoverContext;
|
|
2600
|
+
declare const __VLS_export$12: __VLS_WithSlots$3<vue453.DefineComponent<PopoverRootProps & {
|
|
2601
|
+
modelValue?: boolean;
|
|
2602
|
+
}, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2603
|
+
"update:modelValue": (value: boolean) => any;
|
|
2604
|
+
}, string, vue453.PublicProps, Readonly<PopoverRootProps & {
|
|
2605
|
+
modelValue?: boolean;
|
|
2606
|
+
}> & Readonly<{
|
|
2607
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
2608
|
+
}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2609
|
+
default: (props: PopoverRootSlotProps) => any;
|
|
2610
|
+
}>;
|
|
2611
|
+
declare const _default$12: typeof __VLS_export$12;
|
|
2612
|
+
type __VLS_WithSlots$3<T, S> = T & {
|
|
2613
|
+
new (): {
|
|
2614
|
+
$slots: S;
|
|
2615
|
+
};
|
|
2616
|
+
};
|
|
2617
|
+
//#endregion
|
|
2618
|
+
//#region src/components/Popover/PopoverActivator.vue.d.ts
|
|
2619
|
+
interface PopoverActivatorProps extends AtomProps {
|
|
2620
|
+
/** Target popover ID (defaults to parent PopoverRoot id) */
|
|
2621
|
+
target?: string;
|
|
2622
|
+
}
|
|
2623
|
+
interface PopoverActivatorSlotProps {
|
|
2624
|
+
/** Whether the popover is currently open */
|
|
2625
|
+
isOpen: boolean;
|
|
2626
|
+
/** Attributes to bind to the anchor element */
|
|
2627
|
+
attrs: {
|
|
2628
|
+
'popovertarget': string;
|
|
2629
|
+
'type': 'button' | undefined;
|
|
2630
|
+
'data-popover-open': '' | undefined;
|
|
2631
|
+
};
|
|
2632
|
+
}
|
|
2633
|
+
declare const __VLS_export$11: __VLS_WithSlots$2<vue453.DefineComponent<PopoverActivatorProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2634
|
+
default: (props: PopoverActivatorSlotProps) => any;
|
|
2635
|
+
}>;
|
|
2636
|
+
declare const _default$10: typeof __VLS_export$11;
|
|
2637
|
+
type __VLS_WithSlots$2<T, S> = T & {
|
|
2638
|
+
new (): {
|
|
2639
|
+
$slots: S;
|
|
2640
|
+
};
|
|
2641
|
+
};
|
|
2642
|
+
//#endregion
|
|
2643
|
+
//#region src/components/Popover/PopoverContent.vue.d.ts
|
|
2644
|
+
interface PopoverContentProps extends AtomProps {
|
|
2645
|
+
/** Unique identifier (defaults to parent PopoverRoot id) */
|
|
2646
|
+
id?: string;
|
|
2647
|
+
/** CSS position-area value for anchor positioning */
|
|
2648
|
+
positionArea?: string;
|
|
2649
|
+
/** CSS position-try value for fallback positioning */
|
|
2650
|
+
positionTry?: string;
|
|
2651
|
+
}
|
|
2652
|
+
interface PopoverContentEmits {
|
|
2653
|
+
beforetoggle: [e: ToggleEvent];
|
|
2654
|
+
}
|
|
2655
|
+
interface PopoverContentSlotProps {
|
|
2656
|
+
/** Whether the popover is currently open */
|
|
2657
|
+
isOpen: boolean;
|
|
2658
|
+
/** Attributes to bind to the content element */
|
|
2659
|
+
attrs: {
|
|
2660
|
+
id: string;
|
|
2661
|
+
popover: '';
|
|
2662
|
+
};
|
|
2663
|
+
}
|
|
2664
|
+
declare const __VLS_export$10: __VLS_WithSlots$1<vue453.DefineComponent<PopoverContentProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2665
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
2666
|
+
}, string, vue453.PublicProps, Readonly<PopoverContentProps> & Readonly<{
|
|
2667
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
2668
|
+
}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
2669
|
+
default: (props: PopoverContentSlotProps) => any;
|
|
2670
|
+
}>;
|
|
2671
|
+
declare const _default$11: typeof __VLS_export$10;
|
|
2672
|
+
type __VLS_WithSlots$1<T, S> = T & {
|
|
2673
|
+
new (): {
|
|
2674
|
+
$slots: S;
|
|
2675
|
+
};
|
|
2676
|
+
};
|
|
2677
|
+
//#endregion
|
|
2678
|
+
//#region src/components/Popover/index.d.ts
|
|
2679
|
+
/**
|
|
2680
|
+
* Popover component with sub-components for building popovers.
|
|
2681
|
+
*
|
|
2682
|
+
* @see https://0.vuetifyjs.com/components/popover
|
|
2683
|
+
*/
|
|
2684
|
+
declare const Popover: {
|
|
2685
|
+
/**
|
|
2686
|
+
* Root component for popovers.
|
|
2687
|
+
*
|
|
2688
|
+
* @see https://0.vuetifyjs.com/components/popover
|
|
2689
|
+
*
|
|
2690
|
+
* @example
|
|
2691
|
+
* ```vue
|
|
2692
|
+
* <script lang="ts" setup>
|
|
2693
|
+
* import { Popover } from '@vuetify/v0'
|
|
2694
|
+
* </script>
|
|
2695
|
+
*
|
|
2696
|
+
* <template>
|
|
2697
|
+
* <Popover.Root>
|
|
2698
|
+
* <Popover.Activator>
|
|
2699
|
+
* Click to toggle
|
|
2700
|
+
* </Popover.Activator>
|
|
2701
|
+
*
|
|
2702
|
+
* <Popover.Content>
|
|
2703
|
+
* Popover content goes here.
|
|
2704
|
+
* </Popover.Content>
|
|
2705
|
+
* </Popover.Root>
|
|
2706
|
+
* </template>
|
|
2707
|
+
* ```
|
|
2708
|
+
*/
|
|
2709
|
+
Root: {
|
|
2710
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PopoverRootProps & {
|
|
2711
|
+
modelValue?: boolean;
|
|
2712
|
+
}> & Readonly<{
|
|
2713
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
2714
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2715
|
+
"update:modelValue": (value: boolean) => any;
|
|
2716
|
+
}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2717
|
+
P: {};
|
|
2718
|
+
B: {};
|
|
2719
|
+
D: {};
|
|
2720
|
+
C: {};
|
|
2721
|
+
M: {};
|
|
2722
|
+
Defaults: {};
|
|
2723
|
+
}, Readonly<PopoverRootProps & {
|
|
2724
|
+
modelValue?: boolean;
|
|
2725
|
+
}> & Readonly<{
|
|
2726
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
2727
|
+
}>, {}, {}, {}, {}, {}>;
|
|
2728
|
+
__isFragment?: never;
|
|
2729
|
+
__isTeleport?: never;
|
|
2730
|
+
__isSuspense?: never;
|
|
2731
|
+
} & vue453.ComponentOptionsBase<Readonly<PopoverRootProps & {
|
|
2732
|
+
modelValue?: boolean;
|
|
2733
|
+
}> & Readonly<{
|
|
2734
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
2735
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2736
|
+
"update:modelValue": (value: boolean) => any;
|
|
2737
|
+
}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2738
|
+
$slots: {
|
|
2739
|
+
default: (props: PopoverRootSlotProps) => any;
|
|
2740
|
+
};
|
|
2741
|
+
});
|
|
2742
|
+
/**
|
|
2743
|
+
* Activator component that opens the popover.
|
|
2744
|
+
*
|
|
2745
|
+
* @see https://0.vuetifyjs.com/components/popover#popoveractivator
|
|
2746
|
+
*
|
|
2747
|
+
* @example
|
|
2748
|
+
* ```vue
|
|
2749
|
+
* <script lang="ts" setup>
|
|
2750
|
+
* import { Popover } from '@vuetify/v0'
|
|
2751
|
+
* </script>
|
|
2752
|
+
*
|
|
2753
|
+
* <template>
|
|
2754
|
+
* <Popover.Activator>
|
|
2755
|
+
* Click to toggle
|
|
2756
|
+
* </Popover.Activator>
|
|
2757
|
+
* </template>
|
|
2758
|
+
* ```
|
|
2759
|
+
*/
|
|
2760
|
+
Activator: {
|
|
2761
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2762
|
+
P: {};
|
|
2763
|
+
B: {};
|
|
2764
|
+
D: {};
|
|
2765
|
+
C: {};
|
|
2766
|
+
M: {};
|
|
2767
|
+
Defaults: {};
|
|
2768
|
+
}, Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2769
|
+
__isFragment?: never;
|
|
2770
|
+
__isTeleport?: never;
|
|
2771
|
+
__isSuspense?: never;
|
|
2772
|
+
} & vue453.ComponentOptionsBase<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2773
|
+
$slots: {
|
|
2774
|
+
default: (props: PopoverActivatorSlotProps) => any;
|
|
2775
|
+
};
|
|
2776
|
+
});
|
|
2777
|
+
/**
|
|
2778
|
+
* Component for the content section of a popover.
|
|
2779
|
+
*
|
|
2780
|
+
* @see https://0.vuetifyjs.com/components/popover#popovercontent
|
|
2781
|
+
*
|
|
2782
|
+
* @example
|
|
2783
|
+
* ```vue
|
|
2784
|
+
* <script lang="ts" setup>
|
|
2785
|
+
* import { Popover } from '@vuetify/v0'
|
|
2786
|
+
* </script>
|
|
2787
|
+
*
|
|
2788
|
+
* <template>
|
|
2789
|
+
* <Popover.Content>
|
|
2790
|
+
* Popover content goes here.
|
|
2791
|
+
* </Popover.Content>
|
|
2792
|
+
* </template>
|
|
2793
|
+
* ```
|
|
2794
|
+
*/
|
|
2795
|
+
Content: {
|
|
2796
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<PopoverContentProps> & Readonly<{
|
|
2797
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
2798
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2799
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
2800
|
+
}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
2801
|
+
P: {};
|
|
2802
|
+
B: {};
|
|
2803
|
+
D: {};
|
|
2804
|
+
C: {};
|
|
2805
|
+
M: {};
|
|
2806
|
+
Defaults: {};
|
|
2807
|
+
}, Readonly<PopoverContentProps> & Readonly<{
|
|
2808
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
2809
|
+
}>, {}, {}, {}, {}, {}>;
|
|
2810
|
+
__isFragment?: never;
|
|
2811
|
+
__isTeleport?: never;
|
|
2812
|
+
__isSuspense?: never;
|
|
2813
|
+
} & vue453.ComponentOptionsBase<Readonly<PopoverContentProps> & Readonly<{
|
|
2814
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
2815
|
+
}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {
|
|
2816
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
2817
|
+
}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
2818
|
+
$slots: {
|
|
2819
|
+
default: (props: PopoverContentSlotProps) => any;
|
|
2820
|
+
};
|
|
2821
|
+
});
|
|
2822
|
+
};
|
|
2823
|
+
//#endregion
|
|
2824
|
+
//#region src/components/Radio/RadioGroup.vue.d.ts
|
|
2825
|
+
/** Ticket for radio items with element reference for focus management */
|
|
2826
|
+
interface RadioTicket extends SingleTicket {
|
|
2827
|
+
/** Element reference for roving tabindex focus management */
|
|
2828
|
+
el?: MaybeRef<HTMLElement | null | undefined>;
|
|
2829
|
+
}
|
|
2830
|
+
interface RadioGroupContext extends SingleContext<RadioTicket> {
|
|
2831
|
+
/** Form field name shared by all radios in the group */
|
|
2832
|
+
name?: string;
|
|
2833
|
+
}
|
|
2834
|
+
interface RadioGroupProps extends AtomProps {
|
|
2835
|
+
/** Namespace for dependency injection */
|
|
2836
|
+
namespace?: string;
|
|
2837
|
+
/**
|
|
2838
|
+
* Disables the entire radio group
|
|
2839
|
+
*
|
|
2840
|
+
* @example
|
|
2841
|
+
* ```vue
|
|
2842
|
+
* <template>
|
|
2843
|
+
* <Radio.Group disabled>
|
|
2844
|
+
* <Radio.Root value="a">Option A</Radio.Root>
|
|
2845
|
+
* </Radio.Group>
|
|
2846
|
+
* </template>
|
|
2847
|
+
* ```
|
|
2848
|
+
*/
|
|
2849
|
+
disabled?: boolean;
|
|
2850
|
+
/**
|
|
2851
|
+
* Auto-selects the first non-disabled item on mount.
|
|
2852
|
+
* Radio groups are inherently mandatory (selection can only be changed, not cleared),
|
|
2853
|
+
* so `mandatory="force"` is the only meaningful option.
|
|
2854
|
+
*
|
|
2855
|
+
* @example
|
|
2856
|
+
* ```vue
|
|
2857
|
+
* <template>
|
|
2858
|
+
* <Radio.Group v-model="selected" mandatory="force">
|
|
2859
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
2860
|
+
* <Radio.Root value="medium">Medium</Radio.Root>
|
|
2861
|
+
* </Radio.Group>
|
|
2862
|
+
* </template>
|
|
2863
|
+
* ```
|
|
2864
|
+
*/
|
|
2865
|
+
mandatory?: boolean | 'force';
|
|
2866
|
+
/**
|
|
2867
|
+
* Accessible name for the group
|
|
2868
|
+
*
|
|
2869
|
+
* @example
|
|
2870
|
+
* ```vue
|
|
2871
|
+
* <template>
|
|
2872
|
+
* <Radio.Group label="Select size">
|
|
2873
|
+
* <Radio.Root value="s">Small</Radio.Root>
|
|
2874
|
+
* <Radio.Root value="m">Medium</Radio.Root>
|
|
2875
|
+
* </Radio.Group>
|
|
2876
|
+
* </template>
|
|
2877
|
+
* ```
|
|
2878
|
+
*/
|
|
2879
|
+
label?: string;
|
|
2880
|
+
/** ID of element that labels this group */
|
|
2881
|
+
ariaLabelledby?: string;
|
|
2882
|
+
/** ID of element that describes this group */
|
|
2883
|
+
ariaDescribedby?: string;
|
|
2884
|
+
/** Whether a selection is required before form submission */
|
|
2885
|
+
ariaRequired?: boolean;
|
|
2886
|
+
/**
|
|
2887
|
+
* Form field name - enables native form submission for all radios in group
|
|
2888
|
+
*
|
|
2889
|
+
* @example
|
|
2890
|
+
* ```vue
|
|
2891
|
+
* <template>
|
|
2892
|
+
* <Radio.Group v-model="size" name="product_size">
|
|
2893
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
2894
|
+
* <Radio.Root value="large">Large</Radio.Root>
|
|
2895
|
+
* </Radio.Group>
|
|
2896
|
+
* </template>
|
|
2897
|
+
* ```
|
|
2898
|
+
*/
|
|
2899
|
+
name?: string;
|
|
2900
|
+
}
|
|
2901
|
+
interface RadioGroupSlotProps {
|
|
2902
|
+
/** Whether the radio group is disabled */
|
|
2903
|
+
isDisabled: boolean;
|
|
2904
|
+
/** Whether no items are currently selected */
|
|
2905
|
+
isNoneSelected: boolean;
|
|
2906
|
+
/** Attributes to bind to the root element */
|
|
2907
|
+
attrs: {
|
|
2908
|
+
'role': 'radiogroup';
|
|
2909
|
+
'aria-label': string | undefined;
|
|
2910
|
+
'aria-labelledby': string | undefined;
|
|
2911
|
+
'aria-describedby': string | undefined;
|
|
2912
|
+
'aria-required': boolean | undefined;
|
|
2913
|
+
};
|
|
2914
|
+
}
|
|
2915
|
+
declare const useRadioGroup: (key: string, defaultValue?: RadioGroupContext | undefined) => RadioGroupContext, provideRadioGroup: (key: string, context: RadioGroupContext, app?: vue453.App) => RadioGroupContext;
|
|
2916
|
+
declare const __VLS_export$9: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$7<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2917
|
+
props: __VLS_PrettifyLocal$7<(RadioGroupProps & {
|
|
2918
|
+
modelValue?: T;
|
|
2919
|
+
}) & {
|
|
2920
|
+
"onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
|
|
2921
|
+
"onUpdate:model-value"?: ((value: T) => any) | undefined;
|
|
2922
|
+
}> & vue453.PublicProps;
|
|
2923
|
+
expose: (exposed: {}) => void;
|
|
2924
|
+
attrs: any;
|
|
2925
|
+
slots: {
|
|
2926
|
+
/**
|
|
2927
|
+
* Default slot with group state and ARIA attributes
|
|
2928
|
+
*
|
|
2929
|
+
* @example
|
|
2930
|
+
* ```vue
|
|
2931
|
+
* <template>
|
|
2932
|
+
* <Radio.Group v-slot="{ isNoneSelected, attrs }">
|
|
2933
|
+
* <div v-bind="attrs">
|
|
2934
|
+
* <p v-if="isNoneSelected">Please select an option</p>
|
|
2935
|
+
* <Radio.Root value="a">Option A</Radio.Root>
|
|
2936
|
+
* </div>
|
|
2937
|
+
* </Radio.Group>
|
|
2938
|
+
* </template>
|
|
2939
|
+
* ```
|
|
2940
|
+
*/
|
|
2941
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
2942
|
+
};
|
|
2943
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((evt: "update:modelValue", value: T | undefined) => void);
|
|
2944
|
+
}>) => vue453.VNode & {
|
|
2945
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2946
|
+
};
|
|
2947
|
+
declare const _default$6: typeof __VLS_export$9;
|
|
2948
|
+
type __VLS_PrettifyLocal$7<T> = { [K in keyof T as K]: T[K] } & {};
|
|
2949
|
+
//#endregion
|
|
2950
|
+
//#region src/components/Radio/RadioHiddenInput.vue.d.ts
|
|
2951
|
+
interface RadioHiddenInputProps {
|
|
2952
|
+
/** Namespace for context injection from parent Radio.Root */
|
|
2953
|
+
namespace?: string;
|
|
2954
|
+
/**
|
|
2955
|
+
* Form field name (defaults to context value from Radio.Group)
|
|
2956
|
+
*
|
|
2957
|
+
* @example
|
|
2958
|
+
* ```vue
|
|
2959
|
+
* <template>
|
|
2960
|
+
* <Radio.Root value="a">
|
|
2961
|
+
* <Radio.HiddenInput name="choice" />
|
|
2962
|
+
* <Radio.Indicator />
|
|
2963
|
+
* </Radio.Root>
|
|
2964
|
+
* </template>
|
|
2965
|
+
* ```
|
|
2966
|
+
*/
|
|
2967
|
+
name?: string;
|
|
2968
|
+
/**
|
|
2969
|
+
* Submitted value when checked (defaults to context value or 'on').
|
|
2970
|
+
* Use to override the Radio.Root value for form submission.
|
|
2971
|
+
*
|
|
2972
|
+
* @example
|
|
2973
|
+
* ```vue
|
|
2974
|
+
* <template>
|
|
2975
|
+
* <Radio.Root value="internal-id">
|
|
2976
|
+
* <Radio.HiddenInput name="choice" value="user-friendly-value" />
|
|
2977
|
+
* </Radio.Root>
|
|
2978
|
+
* </template>
|
|
2979
|
+
* ```
|
|
2980
|
+
*/
|
|
2981
|
+
value?: string;
|
|
2982
|
+
/**
|
|
2983
|
+
* Associate with form by ID (for inputs outside the form element)
|
|
2984
|
+
*
|
|
2985
|
+
* @example
|
|
2986
|
+
* ```vue
|
|
2987
|
+
* <template>
|
|
2988
|
+
* <Radio.Root value="a">
|
|
2989
|
+
* <Radio.HiddenInput name="choice" form="external-form" />
|
|
2990
|
+
* </Radio.Root>
|
|
2991
|
+
* </template>
|
|
2992
|
+
* ```
|
|
2993
|
+
*/
|
|
2994
|
+
form?: string;
|
|
2995
|
+
}
|
|
2996
|
+
declare const __VLS_export$8: vue453.DefineComponent<RadioHiddenInputProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<RadioHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>;
|
|
2997
|
+
declare const _default$7: typeof __VLS_export$8;
|
|
2998
|
+
//#endregion
|
|
2999
|
+
//#region src/components/Radio/RadioRoot.vue.d.ts
|
|
3000
|
+
/** Visual state of the radio for styling purposes */
|
|
3001
|
+
type RadioState = 'checked' | 'unchecked';
|
|
3002
|
+
interface RadioRootContext {
|
|
3003
|
+
/** Unique identifier */
|
|
3004
|
+
readonly id: ID;
|
|
3005
|
+
/** Optional display label */
|
|
3006
|
+
readonly label?: string;
|
|
3007
|
+
/** Value associated with this radio */
|
|
3008
|
+
readonly value: unknown;
|
|
3009
|
+
/** Form field name (triggers auto hidden input when provided) */
|
|
3010
|
+
readonly name?: string;
|
|
3011
|
+
/** Associate with form by ID */
|
|
3012
|
+
readonly form?: string;
|
|
3013
|
+
/** Whether this radio is currently checked */
|
|
3014
|
+
isChecked: Readonly<Ref<boolean>>;
|
|
3015
|
+
/** Whether this radio is disabled */
|
|
3016
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
3017
|
+
/** Check this radio */
|
|
3018
|
+
select: () => void;
|
|
3019
|
+
}
|
|
3020
|
+
interface RadioRootProps<V = unknown> extends AtomProps {
|
|
3021
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
3022
|
+
id?: ID;
|
|
3023
|
+
/** Optional display label (passed through to slot) */
|
|
3024
|
+
label?: string;
|
|
3025
|
+
/**
|
|
3026
|
+
* Value associated with this radio for group selection and form submission
|
|
3027
|
+
*
|
|
3028
|
+
* @example
|
|
3029
|
+
* ```vue
|
|
3030
|
+
* <template>
|
|
3031
|
+
* <Radio.Group v-model="size">
|
|
3032
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
3033
|
+
* <Radio.Root value="large">Large</Radio.Root>
|
|
3034
|
+
* </Radio.Group>
|
|
3035
|
+
* </template>
|
|
3036
|
+
* ```
|
|
3037
|
+
*/
|
|
3038
|
+
value?: V;
|
|
3039
|
+
/** Form field name - triggers auto hidden input when provided */
|
|
3040
|
+
name?: string;
|
|
3041
|
+
/**
|
|
3042
|
+
* Associate with a form by ID (for radios outside the form element)
|
|
3043
|
+
*
|
|
3044
|
+
* @example
|
|
3045
|
+
* ```vue
|
|
3046
|
+
* <template>
|
|
3047
|
+
* <form id="my-form">...</form>
|
|
3048
|
+
* <Radio.Root value="a" form="my-form">Option</Radio.Root>
|
|
3049
|
+
* </template>
|
|
3050
|
+
* ```
|
|
3051
|
+
*/
|
|
3052
|
+
form?: string;
|
|
3053
|
+
/**
|
|
3054
|
+
* Disables this radio (prevents selection and keyboard focus)
|
|
3055
|
+
*
|
|
3056
|
+
* @example
|
|
3057
|
+
* ```vue
|
|
3058
|
+
* <template>
|
|
3059
|
+
* <Radio.Root value="premium" disabled>
|
|
3060
|
+
* Premium (Coming soon)
|
|
3061
|
+
* </Radio.Root>
|
|
3062
|
+
* </template>
|
|
3063
|
+
* ```
|
|
3064
|
+
*/
|
|
3065
|
+
disabled?: MaybeRef<boolean>;
|
|
3066
|
+
/** Namespace for context provision to children (Indicator, HiddenInput) */
|
|
3067
|
+
namespace?: string;
|
|
3068
|
+
/** Namespace for connecting to parent Radio.Group */
|
|
3069
|
+
groupNamespace?: string;
|
|
3070
|
+
/** ID of element that labels this radio */
|
|
3071
|
+
ariaLabelledby?: string;
|
|
3072
|
+
/** ID of element that describes this radio */
|
|
3073
|
+
ariaDescribedby?: string;
|
|
3074
|
+
/**
|
|
3075
|
+
* Marks the radio as invalid for form validation
|
|
3076
|
+
*
|
|
3077
|
+
* @example
|
|
3078
|
+
* ```vue
|
|
3079
|
+
* <template>
|
|
3080
|
+
* <Radio.Root :aria-invalid="hasError" value="a">
|
|
3081
|
+
* Option A
|
|
3082
|
+
* </Radio.Root>
|
|
3083
|
+
* </template>
|
|
3084
|
+
* ```
|
|
3085
|
+
*/
|
|
3086
|
+
ariaInvalid?: boolean;
|
|
3087
|
+
}
|
|
3088
|
+
interface RadioRootSlotProps<V = unknown> {
|
|
3089
|
+
/** Unique identifier */
|
|
3090
|
+
id: ID;
|
|
3091
|
+
/** Optional display label */
|
|
3092
|
+
label?: string;
|
|
3093
|
+
/** Value associated with this radio */
|
|
3094
|
+
value: V | undefined;
|
|
3095
|
+
/** Whether this radio is currently checked */
|
|
3096
|
+
isChecked: boolean;
|
|
3097
|
+
/** Whether this radio is disabled */
|
|
3098
|
+
isDisabled: boolean;
|
|
3099
|
+
/** Check this radio */
|
|
3100
|
+
select: () => void;
|
|
3101
|
+
/** Attributes to bind to the radio element */
|
|
3102
|
+
attrs: {
|
|
3103
|
+
'type': 'button' | undefined;
|
|
3104
|
+
'role': 'radio';
|
|
3105
|
+
'aria-checked': boolean;
|
|
3106
|
+
'aria-disabled': boolean | undefined;
|
|
3107
|
+
'aria-label': string | undefined;
|
|
3108
|
+
'aria-labelledby': string | undefined;
|
|
3109
|
+
'aria-describedby': string | undefined;
|
|
3110
|
+
'aria-invalid': boolean | undefined;
|
|
3111
|
+
'tabindex': 0 | -1;
|
|
3112
|
+
'data-state': RadioState;
|
|
3113
|
+
'data-disabled': true | undefined;
|
|
3114
|
+
'data-radio-id': ID;
|
|
3115
|
+
};
|
|
3116
|
+
}
|
|
3117
|
+
declare const useRadioRoot: (key: string, defaultValue?: RadioRootContext | undefined) => RadioRootContext, provideRadioRoot: (key: string, context: RadioRootContext, app?: vue453.App) => RadioRootContext;
|
|
3118
|
+
declare const __VLS_export$7: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$6<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3119
|
+
props: __VLS_PrettifyLocal$6<RadioRootProps<V>> & vue453.PublicProps;
|
|
3120
|
+
expose: (exposed: {}) => void;
|
|
3121
|
+
attrs: any;
|
|
3122
|
+
slots: {
|
|
3123
|
+
/**
|
|
3124
|
+
* Default slot with radio state, actions, and ARIA attributes
|
|
3125
|
+
*
|
|
3126
|
+
* @example
|
|
3127
|
+
* ```vue
|
|
3128
|
+
* <template>
|
|
3129
|
+
* <Radio.Root v-slot="{ isChecked, select, attrs }" value="a">
|
|
3130
|
+
* <div v-bind="attrs" v-on:click="select">
|
|
3131
|
+
* <span :class="{ 'font-bold': isChecked }">Option A</span>
|
|
3132
|
+
* </div>
|
|
3133
|
+
* </Radio.Root>
|
|
3134
|
+
* </template>
|
|
3135
|
+
* ```
|
|
3136
|
+
*/
|
|
3137
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
3138
|
+
};
|
|
3139
|
+
emit: {};
|
|
3140
|
+
}>) => vue453.VNode & {
|
|
3141
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3142
|
+
};
|
|
3143
|
+
declare const _default$9: typeof __VLS_export$7;
|
|
3144
|
+
type __VLS_PrettifyLocal$6<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3145
|
+
//#endregion
|
|
3146
|
+
//#region src/components/Radio/RadioIndicator.vue.d.ts
|
|
3147
|
+
interface RadioIndicatorProps extends AtomProps {
|
|
3148
|
+
/** Namespace for context injection from parent Radio.Root */
|
|
3149
|
+
namespace?: string;
|
|
3150
|
+
}
|
|
3151
|
+
interface RadioIndicatorSlotProps {
|
|
3152
|
+
/** Whether this radio is currently checked */
|
|
3153
|
+
isChecked: boolean;
|
|
3154
|
+
/** Attributes to bind to the indicator element */
|
|
3155
|
+
attrs: {
|
|
3156
|
+
'data-state': RadioState;
|
|
3157
|
+
'style': {
|
|
3158
|
+
visibility: 'visible' | 'hidden';
|
|
3159
|
+
};
|
|
3160
|
+
};
|
|
3161
|
+
}
|
|
3162
|
+
declare const __VLS_export$6: __VLS_WithSlots<vue453.DefineComponent<RadioIndicatorProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>, {
|
|
3163
|
+
/**
|
|
3164
|
+
* Default slot for custom indicator content
|
|
3165
|
+
*
|
|
3166
|
+
* @example
|
|
3167
|
+
* ```vue
|
|
3168
|
+
* <template>
|
|
3169
|
+
* <Radio.Indicator v-slot="{ isChecked }">
|
|
3170
|
+
* <CheckIcon v-if="isChecked" />
|
|
3171
|
+
* </Radio.Indicator>
|
|
3172
|
+
* </template>
|
|
3173
|
+
* ```
|
|
3174
|
+
*/
|
|
3175
|
+
default: (props: RadioIndicatorSlotProps) => any;
|
|
3176
|
+
}>;
|
|
3177
|
+
declare const _default$8: typeof __VLS_export$6;
|
|
3178
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
3179
|
+
new (): {
|
|
3180
|
+
$slots: S;
|
|
3181
|
+
};
|
|
3182
|
+
};
|
|
3183
|
+
//#endregion
|
|
3184
|
+
//#region src/components/Radio/index.d.ts
|
|
3185
|
+
/**
|
|
3186
|
+
* Radio component with sub-components for radio button controls.
|
|
3187
|
+
*
|
|
3188
|
+
* @see https://0.vuetifyjs.com/components/forms/radio
|
|
3189
|
+
*
|
|
3190
|
+
* @example
|
|
3191
|
+
* ```vue
|
|
3192
|
+
* <script lang="ts" setup>
|
|
3193
|
+
* import { Radio } from '@vuetify/v0'
|
|
3194
|
+
* import { ref } from 'vue'
|
|
3195
|
+
*
|
|
3196
|
+
* const selected = ref<string>()
|
|
3197
|
+
* </script>
|
|
3198
|
+
*
|
|
3199
|
+
* <template>
|
|
3200
|
+
* <Radio.Group v-model="selected">
|
|
3201
|
+
* <label>
|
|
3202
|
+
* <Radio.Root value="a">
|
|
3203
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3204
|
+
* </Radio.Root>
|
|
3205
|
+
* Option A
|
|
3206
|
+
* </label>
|
|
3207
|
+
* <label>
|
|
3208
|
+
* <Radio.Root value="b">
|
|
3209
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3210
|
+
* </Radio.Root>
|
|
3211
|
+
* Option B
|
|
3212
|
+
* </label>
|
|
3213
|
+
* </Radio.Group>
|
|
3214
|
+
* </template>
|
|
3215
|
+
* ```
|
|
3216
|
+
*/
|
|
3217
|
+
declare const Radio: {
|
|
3218
|
+
/**
|
|
3219
|
+
* Group component for managing radio buttons with single-selection.
|
|
3220
|
+
*
|
|
3221
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#group
|
|
3222
|
+
*
|
|
3223
|
+
* @example
|
|
3224
|
+
* ```vue
|
|
3225
|
+
* <script setup lang="ts">
|
|
3226
|
+
* import { Radio } from '@vuetify/v0'
|
|
3227
|
+
* import { ref } from 'vue'
|
|
3228
|
+
*
|
|
3229
|
+
* const selected = ref<string>()
|
|
3230
|
+
* </script>
|
|
3231
|
+
*
|
|
3232
|
+
* <template>
|
|
3233
|
+
* <Radio.Group v-model="selected" mandatory>
|
|
3234
|
+
* <Radio.Root value="a">
|
|
3235
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3236
|
+
* Option A
|
|
3237
|
+
* </Radio.Root>
|
|
3238
|
+
* <Radio.Root value="b">
|
|
3239
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3240
|
+
* Option B
|
|
3241
|
+
* </Radio.Root>
|
|
3242
|
+
* </Radio.Group>
|
|
3243
|
+
* </template>
|
|
3244
|
+
* ```
|
|
3245
|
+
*/
|
|
3246
|
+
Group: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3247
|
+
slots: {
|
|
3248
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
3249
|
+
};
|
|
3250
|
+
attrs: any;
|
|
3251
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((evt: "update:modelValue", value: T | undefined) => void);
|
|
3252
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3253
|
+
props: {
|
|
3254
|
+
namespace?: string | undefined;
|
|
3255
|
+
disabled?: boolean | undefined;
|
|
3256
|
+
mandatory?: boolean | "force" | undefined;
|
|
3257
|
+
label?: string | undefined;
|
|
3258
|
+
ariaLabelledby?: string | undefined;
|
|
3259
|
+
ariaDescribedby?: string | undefined;
|
|
3260
|
+
ariaRequired?: boolean | undefined;
|
|
3261
|
+
name?: string | undefined;
|
|
3262
|
+
as?: (DOMElement | null) | undefined;
|
|
3263
|
+
renderless?: boolean | undefined;
|
|
3264
|
+
modelValue?: T | undefined;
|
|
3265
|
+
"onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
|
|
3266
|
+
"onUpdate:model-value"?: ((value: T) => any) | undefined;
|
|
3267
|
+
} & vue453.PublicProps;
|
|
3268
|
+
expose: (exposed: {}) => void;
|
|
3269
|
+
attrs: any;
|
|
3270
|
+
slots: {
|
|
3271
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
3272
|
+
};
|
|
3273
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((evt: "update:modelValue", value: T | undefined) => void);
|
|
3274
|
+
}>) => vue453.VNode & {
|
|
3275
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3276
|
+
};
|
|
3277
|
+
/**
|
|
3278
|
+
* Hidden input component for form submission.
|
|
3279
|
+
*
|
|
3280
|
+
* Auto-rendered by Root when Group has a `name` prop.
|
|
3281
|
+
* Can also be used explicitly for custom form integration.
|
|
3282
|
+
*
|
|
3283
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#hiddeninput
|
|
3284
|
+
*
|
|
3285
|
+
* @example
|
|
3286
|
+
* ```vue
|
|
3287
|
+
* <script setup lang="ts">
|
|
3288
|
+
* import { Radio } from '@vuetify/v0'
|
|
3289
|
+
* </script>
|
|
3290
|
+
*
|
|
3291
|
+
* <template>
|
|
3292
|
+
* <Radio.Group v-model="selected">
|
|
3293
|
+
* <Radio.Root value="yes">
|
|
3294
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3295
|
+
* <Radio.HiddenInput name="choice" />
|
|
3296
|
+
* </Radio.Root>
|
|
3297
|
+
* </Radio.Group>
|
|
3298
|
+
* </template>
|
|
3299
|
+
* ```
|
|
3300
|
+
*/
|
|
3301
|
+
HiddenInput: vue453.DefineComponent<RadioHiddenInputProps, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, vue453.PublicProps, Readonly<RadioHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue453.ComponentProvideOptions, false, {}, any>;
|
|
3302
|
+
/**
|
|
3303
|
+
* Visual indicator component for radio buttons.
|
|
3304
|
+
*
|
|
3305
|
+
* Renders as a span and only displays when checked.
|
|
3306
|
+
* Must be used within a Radio.Root component.
|
|
3307
|
+
*
|
|
3308
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#indicator
|
|
3309
|
+
*
|
|
3310
|
+
* @example
|
|
3311
|
+
* ```vue
|
|
3312
|
+
* <script setup lang="ts">
|
|
3313
|
+
* import { Radio } from '@vuetify/v0'
|
|
3314
|
+
* </script>
|
|
3315
|
+
*
|
|
3316
|
+
* <template>
|
|
3317
|
+
* <Radio.Group v-model="selected">
|
|
3318
|
+
* <Radio.Root value="a">
|
|
3319
|
+
* <Radio.Indicator>
|
|
3320
|
+
* <svg viewBox="0 0 24 24">
|
|
3321
|
+
* <circle cx="12" cy="12" r="6" />
|
|
3322
|
+
* </svg>
|
|
3323
|
+
* </Radio.Indicator>
|
|
3324
|
+
* </Radio.Root>
|
|
3325
|
+
* </Radio.Group>
|
|
3326
|
+
* </template>
|
|
3327
|
+
* ```
|
|
3328
|
+
*/
|
|
3329
|
+
Indicator: {
|
|
3330
|
+
new (...args: any[]): vue453.CreateComponentPublicInstanceWithMixins<Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, vue453.PublicProps, {}, false, {}, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, {}, any, vue453.ComponentProvideOptions, {
|
|
3331
|
+
P: {};
|
|
3332
|
+
B: {};
|
|
3333
|
+
D: {};
|
|
3334
|
+
C: {};
|
|
3335
|
+
M: {};
|
|
3336
|
+
Defaults: {};
|
|
3337
|
+
}, Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3338
|
+
__isFragment?: never;
|
|
3339
|
+
__isTeleport?: never;
|
|
3340
|
+
__isSuspense?: never;
|
|
3341
|
+
} & vue453.ComponentOptionsBase<Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue453.ComponentOptionsMixin, vue453.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue453.GlobalComponents, vue453.GlobalDirectives, string, vue453.ComponentProvideOptions> & vue453.VNodeProps & vue453.AllowedComponentProps & vue453.ComponentCustomProps & (new () => {
|
|
3342
|
+
$slots: {
|
|
3343
|
+
default: (props: RadioIndicatorSlotProps) => any;
|
|
3344
|
+
};
|
|
3345
|
+
});
|
|
3346
|
+
/**
|
|
3347
|
+
* Root component for individual radio buttons.
|
|
3348
|
+
*
|
|
3349
|
+
* Must be used within a Radio.Group. Renders as a button with proper
|
|
3350
|
+
* ARIA attributes and handles click/keyboard interactions. When the
|
|
3351
|
+
* group has a `name` prop, automatically renders a hidden input for
|
|
3352
|
+
* form submission.
|
|
3353
|
+
*
|
|
3354
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#root
|
|
3355
|
+
*
|
|
3356
|
+
* @example
|
|
3357
|
+
* ```vue
|
|
3358
|
+
* <script setup lang="ts">
|
|
3359
|
+
* import { Radio } from '@vuetify/v0'
|
|
3360
|
+
* </script>
|
|
3361
|
+
*
|
|
3362
|
+
* <template>
|
|
3363
|
+
* <Radio.Group v-model="selected">
|
|
3364
|
+
* <Radio.Root value="option1">
|
|
3365
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
3366
|
+
* Option 1
|
|
3367
|
+
* </Radio.Root>
|
|
3368
|
+
* </Radio.Group>
|
|
3369
|
+
* </template>
|
|
3370
|
+
* ```
|
|
3371
|
+
*/
|
|
3372
|
+
Root: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3373
|
+
slots: {
|
|
3374
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
3375
|
+
};
|
|
3376
|
+
attrs: any;
|
|
3377
|
+
emit: {};
|
|
3378
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3379
|
+
props: {
|
|
3380
|
+
id?: ID | undefined;
|
|
3381
|
+
label?: string | undefined;
|
|
3382
|
+
value?: V | undefined;
|
|
3383
|
+
name?: string | undefined;
|
|
3384
|
+
form?: string | undefined;
|
|
3385
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
3386
|
+
namespace?: string | undefined;
|
|
3387
|
+
groupNamespace?: string | undefined;
|
|
3388
|
+
ariaLabelledby?: string | undefined;
|
|
3389
|
+
ariaDescribedby?: string | undefined;
|
|
3390
|
+
ariaInvalid?: boolean | undefined;
|
|
3391
|
+
as?: (DOMElement | null) | undefined;
|
|
3392
|
+
renderless?: boolean | undefined;
|
|
3393
|
+
} & vue453.PublicProps;
|
|
3394
|
+
expose: (exposed: {}) => void;
|
|
3395
|
+
attrs: any;
|
|
3396
|
+
slots: {
|
|
3397
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
3398
|
+
};
|
|
3399
|
+
emit: {};
|
|
3400
|
+
}>) => vue453.VNode & {
|
|
3401
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3402
|
+
};
|
|
3403
|
+
};
|
|
3404
|
+
//#endregion
|
|
3405
|
+
//#region src/components/Selection/SelectionRoot.vue.d.ts
|
|
3406
|
+
interface SelectionRootProps {
|
|
3407
|
+
/** Namespace for dependency injection (must match SelectionItem namespace) */
|
|
3408
|
+
namespace?: string;
|
|
3409
|
+
/** Disables the entire selection instance */
|
|
3410
|
+
disabled?: boolean;
|
|
3411
|
+
/** Auto-select non-disabled items on registration */
|
|
3412
|
+
enroll?: boolean;
|
|
3413
|
+
/**
|
|
3414
|
+
* Controls mandatory selection behavior:
|
|
3415
|
+
* - false (default): No mandatory selection enforcement
|
|
3416
|
+
* - true: Prevents deselecting the last selected item
|
|
3417
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
3418
|
+
*/
|
|
3419
|
+
mandatory?: boolean | 'force';
|
|
3420
|
+
/** Enable multi-selection mode (array v-model) */
|
|
3421
|
+
multiple?: boolean;
|
|
3422
|
+
}
|
|
3423
|
+
interface SelectionRootSlotProps {
|
|
3424
|
+
/** Whether the selection instance is disabled */
|
|
3425
|
+
isDisabled: boolean;
|
|
3426
|
+
/** Enable multi-selection mode (array v-model) */
|
|
3427
|
+
multiple: boolean;
|
|
3428
|
+
/** Select an item by ID */
|
|
3429
|
+
select: (id: ID) => void;
|
|
3430
|
+
/** Unselect an item by ID */
|
|
3431
|
+
unselect: (id: ID) => void;
|
|
3432
|
+
/** Toggle an item's selection state by ID */
|
|
3433
|
+
toggle: (id: ID) => void;
|
|
3434
|
+
/** Attributes to bind to the root element */
|
|
3435
|
+
attrs: {
|
|
3436
|
+
'aria-multiselectable': boolean;
|
|
3437
|
+
};
|
|
3438
|
+
}
|
|
3439
|
+
declare const useSelectionRoot: (key: string, defaultValue?: SelectionContext<SelectionTicket<unknown>> | undefined) => SelectionContext<SelectionTicket<unknown>>, provideSelectionRoot: (key: string, context: SelectionContext<SelectionTicket<unknown>>, app?: vue453.App) => SelectionContext<SelectionTicket<unknown>>;
|
|
3440
|
+
declare const __VLS_export$5: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$5<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3441
|
+
props: __VLS_PrettifyLocal$5<(SelectionRootProps & {
|
|
3442
|
+
modelValue?: T | T[];
|
|
3443
|
+
}) & {
|
|
3444
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3445
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
3446
|
+
}> & vue453.PublicProps;
|
|
3447
|
+
expose: (exposed: {}) => void;
|
|
3448
|
+
attrs: any;
|
|
3449
|
+
slots: {
|
|
3450
|
+
default: (props: SelectionRootSlotProps) => any;
|
|
3451
|
+
};
|
|
3452
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
3453
|
+
}>) => vue453.VNode & {
|
|
3454
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3455
|
+
};
|
|
3456
|
+
declare const _default$5: typeof __VLS_export$5;
|
|
3457
|
+
type __VLS_PrettifyLocal$5<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3458
|
+
//#endregion
|
|
3459
|
+
//#region src/components/Selection/SelectionItem.vue.d.ts
|
|
3460
|
+
interface SelectionItemProps<V = unknown> {
|
|
3461
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
3462
|
+
id?: string;
|
|
3463
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
3464
|
+
label?: string;
|
|
3465
|
+
/** Value associated with this item */
|
|
3466
|
+
value?: V;
|
|
3467
|
+
/** Disables this specific item */
|
|
3468
|
+
disabled?: MaybeRef<boolean>;
|
|
3469
|
+
/** Namespace for dependency injection */
|
|
3470
|
+
namespace?: string;
|
|
3471
|
+
}
|
|
3472
|
+
interface SelectionItemSlotProps<V = unknown> {
|
|
3473
|
+
/** Unique identifier */
|
|
3474
|
+
id: string;
|
|
3475
|
+
/** Optional display label */
|
|
3476
|
+
label?: string;
|
|
3477
|
+
/** Value associated with this item */
|
|
3478
|
+
value: V | undefined;
|
|
3479
|
+
/** Whether this item is currently selected */
|
|
3480
|
+
isSelected: boolean;
|
|
3481
|
+
/** Whether this item is disabled */
|
|
3482
|
+
isDisabled: boolean;
|
|
3483
|
+
/** Select this item */
|
|
3484
|
+
select: () => void;
|
|
3485
|
+
/** Unselect this item */
|
|
3486
|
+
unselect: () => void;
|
|
3487
|
+
/** Toggle this item's selection state */
|
|
3488
|
+
toggle: () => void;
|
|
3489
|
+
/** Attributes to bind to the item element */
|
|
3490
|
+
attrs: {
|
|
3491
|
+
'aria-selected': boolean;
|
|
3492
|
+
'aria-disabled': boolean;
|
|
3493
|
+
'data-selected': true | undefined;
|
|
3494
|
+
'data-disabled': true | undefined;
|
|
3495
|
+
};
|
|
3496
|
+
}
|
|
3497
|
+
declare const __VLS_export$4: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$4<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3498
|
+
props: __VLS_PrettifyLocal$4<SelectionItemProps<V>> & vue453.PublicProps;
|
|
3499
|
+
expose: (exposed: {}) => void;
|
|
3500
|
+
attrs: any;
|
|
3501
|
+
slots: {
|
|
3502
|
+
default: (props: SelectionItemSlotProps<V>) => unknown;
|
|
3503
|
+
};
|
|
3504
|
+
emit: {};
|
|
3505
|
+
}>) => vue453.VNode & {
|
|
3506
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3507
|
+
};
|
|
3508
|
+
declare const _default$4: typeof __VLS_export$4;
|
|
3509
|
+
type __VLS_PrettifyLocal$4<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3510
|
+
//#endregion
|
|
3511
|
+
//#region src/components/Selection/index.d.ts
|
|
3512
|
+
/**
|
|
3513
|
+
* Selection component with sub-components for managing item selection state.
|
|
3514
|
+
*
|
|
3515
|
+
* @see https://0.vuetifyjs.com/components/selection
|
|
3516
|
+
*/
|
|
3517
|
+
declare const Selection: {
|
|
3518
|
+
/**
|
|
3519
|
+
* Root component for selection contexts.
|
|
3520
|
+
*
|
|
3521
|
+
* @see https://0.vuetifyjs.com/components/selection#selectionroot
|
|
3522
|
+
*
|
|
3523
|
+
* @example
|
|
3524
|
+
* ```vue
|
|
3525
|
+
* <script lang="ts" setup>
|
|
3526
|
+
* import { Selection } from '@vuetify/v0'
|
|
3527
|
+
* </script>
|
|
3528
|
+
*
|
|
3529
|
+
* <template>
|
|
3530
|
+
* <Selection.Root v-model="selected" multiple>
|
|
3531
|
+
* <Selection.Item value="a" v-slot="{ attrs }">
|
|
3532
|
+
* <button v-bind="attrs">Option A</button>
|
|
3533
|
+
* </Selection.Item>
|
|
3534
|
+
*
|
|
3535
|
+
* <Selection.Item value="b" v-slot="{ attrs }">
|
|
3536
|
+
* <button v-bind="attrs">Option B</button>
|
|
3537
|
+
* </Selection.Item>
|
|
3538
|
+
* </Selection.Root>
|
|
3539
|
+
* </template>
|
|
3540
|
+
* ```
|
|
3541
|
+
*/
|
|
3542
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3543
|
+
slots: {
|
|
3544
|
+
default: (props: SelectionRootSlotProps) => any;
|
|
3545
|
+
};
|
|
3546
|
+
attrs: any;
|
|
3547
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
3548
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3549
|
+
props: {
|
|
3550
|
+
namespace?: string | undefined;
|
|
3551
|
+
disabled?: boolean | undefined;
|
|
3552
|
+
enroll?: boolean | undefined;
|
|
3553
|
+
mandatory?: boolean | "force" | undefined;
|
|
3554
|
+
multiple?: boolean | undefined;
|
|
3555
|
+
modelValue?: (T | T[]) | undefined;
|
|
3556
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3557
|
+
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
3558
|
+
} & vue453.PublicProps;
|
|
3559
|
+
expose: (exposed: {}) => void;
|
|
3560
|
+
attrs: any;
|
|
3561
|
+
slots: {
|
|
3562
|
+
default: (props: SelectionRootSlotProps) => any;
|
|
3563
|
+
};
|
|
3564
|
+
emit: ((evt: "update:model-value", value: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
3565
|
+
}>) => vue453.VNode & {
|
|
3566
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3567
|
+
};
|
|
3568
|
+
/**
|
|
3569
|
+
* Item component for selection contexts.
|
|
3570
|
+
*
|
|
3571
|
+
* @see https://0.vuetifyjs.com/components/selection#selectionitem
|
|
3572
|
+
*
|
|
3573
|
+
* @example
|
|
3574
|
+
* ```vue
|
|
3575
|
+
* <script lang="ts" setup>
|
|
3576
|
+
* import { Selection } from '@vuetify/v0'
|
|
3577
|
+
* </script>
|
|
3578
|
+
*
|
|
3579
|
+
* <template>
|
|
3580
|
+
* <Selection.Item value="a" v-slot="{ attrs }">
|
|
3581
|
+
* <button v-bind="attrs">Option A</button>
|
|
3582
|
+
* </Selection.Item>
|
|
3583
|
+
* </template>
|
|
3584
|
+
* ```
|
|
3585
|
+
*/
|
|
3586
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3587
|
+
slots: {
|
|
3588
|
+
default: (props: SelectionItemSlotProps<V>) => unknown;
|
|
3589
|
+
};
|
|
3590
|
+
attrs: any;
|
|
3591
|
+
emit: {};
|
|
3592
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3593
|
+
props: {
|
|
3594
|
+
id?: string | undefined;
|
|
3595
|
+
label?: string | undefined;
|
|
3596
|
+
value?: V | undefined;
|
|
3597
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
3598
|
+
namespace?: string | undefined;
|
|
3599
|
+
} & vue453.PublicProps;
|
|
3600
|
+
expose: (exposed: {}) => void;
|
|
3601
|
+
attrs: any;
|
|
3602
|
+
slots: {
|
|
3603
|
+
default: (props: SelectionItemSlotProps<V>) => unknown;
|
|
3604
|
+
};
|
|
3605
|
+
emit: {};
|
|
3606
|
+
}>) => vue453.VNode & {
|
|
3607
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3608
|
+
};
|
|
3609
|
+
};
|
|
3610
|
+
//#endregion
|
|
3611
|
+
//#region src/components/Single/SingleRoot.vue.d.ts
|
|
3612
|
+
interface SingleRootProps {
|
|
3613
|
+
/** Namespace for dependency injection (must match SingleItem namespace) */
|
|
3614
|
+
namespace?: string;
|
|
3615
|
+
/** Disables the entire single instance */
|
|
3616
|
+
disabled?: boolean;
|
|
3617
|
+
/** Auto-select non-disabled items on registration */
|
|
3618
|
+
enroll?: boolean;
|
|
3619
|
+
/**
|
|
3620
|
+
* Controls mandatory single behavior:
|
|
3621
|
+
* - false (default): No mandatory single enforcement
|
|
3622
|
+
* - true: Prevents deselecting the last selected item
|
|
3623
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
3624
|
+
*/
|
|
3625
|
+
mandatory?: boolean | 'force';
|
|
3626
|
+
}
|
|
3627
|
+
interface SingleRootSlotProps {
|
|
3628
|
+
/** Whether the single instance is disabled */
|
|
3629
|
+
isDisabled: boolean;
|
|
3630
|
+
/** Select an item by ID */
|
|
3631
|
+
select: (id: ID) => void;
|
|
3632
|
+
/** Unselect an item by ID */
|
|
3633
|
+
unselect: (id: ID) => void;
|
|
3634
|
+
/** Toggle an item's single state by ID */
|
|
3635
|
+
toggle: (id: ID) => void;
|
|
3636
|
+
/** Attributes to bind to the root element */
|
|
3637
|
+
attrs: {
|
|
3638
|
+
'aria-multiselectable': false;
|
|
3639
|
+
};
|
|
3640
|
+
}
|
|
3641
|
+
declare const useSingleRoot: (key: string, defaultValue?: SingleContext<SingleTicket<unknown>> | undefined) => SingleContext<SingleTicket<unknown>>, provideSingleRoot: (key: string, context: SingleContext<SingleTicket<unknown>>, app?: vue453.App) => SingleContext<SingleTicket<unknown>>;
|
|
3642
|
+
declare const __VLS_export$3: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$3<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3643
|
+
props: __VLS_PrettifyLocal$3<(SingleRootProps & {
|
|
3644
|
+
modelValue?: T | T[];
|
|
3645
|
+
}) & {
|
|
3646
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3647
|
+
}> & vue453.PublicProps;
|
|
3648
|
+
expose: (exposed: {}) => void;
|
|
3649
|
+
attrs: any;
|
|
3650
|
+
slots: {
|
|
3651
|
+
default: (props: SingleRootSlotProps) => any;
|
|
3652
|
+
};
|
|
3653
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3654
|
+
}>) => vue453.VNode & {
|
|
3655
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3656
|
+
};
|
|
3657
|
+
declare const _default$3: typeof __VLS_export$3;
|
|
3658
|
+
type __VLS_PrettifyLocal$3<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3659
|
+
//#endregion
|
|
3660
|
+
//#region src/components/Single/SingleItem.vue.d.ts
|
|
3661
|
+
interface SingleItemProps<V = unknown> {
|
|
3662
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
3663
|
+
id?: string;
|
|
3664
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
3665
|
+
label?: string;
|
|
3666
|
+
/** Value associated with this item */
|
|
3667
|
+
value?: V;
|
|
3668
|
+
/** Disables this specific item */
|
|
3669
|
+
disabled?: MaybeRef<boolean>;
|
|
3670
|
+
/** Namespace for dependency injection */
|
|
3671
|
+
namespace?: string;
|
|
3672
|
+
}
|
|
3673
|
+
interface SingleItemSlotProps<V = unknown> {
|
|
3674
|
+
/** Unique identifier */
|
|
3675
|
+
id: string;
|
|
3676
|
+
/** Optional display label */
|
|
3677
|
+
label?: string;
|
|
3678
|
+
/** Value associated with this item */
|
|
3679
|
+
value: V | undefined;
|
|
3680
|
+
/** Whether this item is currently selected */
|
|
3681
|
+
isSelected: boolean;
|
|
3682
|
+
/** Whether this item is disabled */
|
|
3683
|
+
isDisabled: boolean;
|
|
3684
|
+
/** Select this item */
|
|
3685
|
+
select: () => void;
|
|
3686
|
+
/** Unselect this item */
|
|
3687
|
+
unselect: () => void;
|
|
3688
|
+
/** Toggle this item's single state */
|
|
3689
|
+
toggle: () => void;
|
|
3690
|
+
/** Attributes to bind to the item element */
|
|
3691
|
+
attrs: {
|
|
3692
|
+
'aria-selected': boolean;
|
|
3693
|
+
'aria-disabled': boolean;
|
|
3694
|
+
'data-selected': true | undefined;
|
|
3695
|
+
'data-disabled': true | undefined;
|
|
3696
|
+
};
|
|
3697
|
+
}
|
|
3698
|
+
declare const __VLS_export$2: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$2<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3699
|
+
props: __VLS_PrettifyLocal$2<SingleItemProps<V>> & vue453.PublicProps;
|
|
3700
|
+
expose: (exposed: {}) => void;
|
|
3701
|
+
attrs: any;
|
|
3702
|
+
slots: {
|
|
3703
|
+
default: (props: SingleItemSlotProps<V>) => unknown;
|
|
3704
|
+
};
|
|
3705
|
+
emit: {};
|
|
3706
|
+
}>) => vue453.VNode & {
|
|
3707
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3708
|
+
};
|
|
3709
|
+
declare const _default$2: typeof __VLS_export$2;
|
|
3710
|
+
type __VLS_PrettifyLocal$2<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3711
|
+
//#endregion
|
|
3712
|
+
//#region src/components/Single/index.d.ts
|
|
3713
|
+
/**
|
|
3714
|
+
* Single component with sub-components for building single-selection interfaces.
|
|
3715
|
+
*
|
|
3716
|
+
* @see https://0.vuetifyjs.com/components/single
|
|
3717
|
+
*/
|
|
3718
|
+
declare const Single: {
|
|
3719
|
+
/**
|
|
3720
|
+
* Root component for single-selection. Only one item can be selected at a time.
|
|
3721
|
+
*
|
|
3722
|
+
* @see https://0.vuetifyjs.com/components/single#singleroot
|
|
3723
|
+
*
|
|
3724
|
+
* @example
|
|
3725
|
+
* ```vue
|
|
3726
|
+
* <script lang="ts" setup>
|
|
3727
|
+
* import { Single } from '@vuetify/v0'
|
|
3728
|
+
* </script>
|
|
3729
|
+
*
|
|
3730
|
+
* <template>
|
|
3731
|
+
* <Single.Root v-model="selected">
|
|
3732
|
+
* <Single.Item value="option1">
|
|
3733
|
+
* Option 1
|
|
3734
|
+
* </Single.Item>
|
|
3735
|
+
*
|
|
3736
|
+
* <Single.Item value="option2">
|
|
3737
|
+
* Option 2
|
|
3738
|
+
* </Single.Item>
|
|
3739
|
+
* </Single.Root>
|
|
3740
|
+
* </template>
|
|
3741
|
+
* ```
|
|
3742
|
+
*/
|
|
3743
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3744
|
+
slots: {
|
|
3745
|
+
default: (props: SingleRootSlotProps) => any;
|
|
3746
|
+
};
|
|
3747
|
+
attrs: any;
|
|
3748
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3749
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3750
|
+
props: {
|
|
3751
|
+
namespace?: string | undefined;
|
|
3752
|
+
disabled?: boolean | undefined;
|
|
3753
|
+
enroll?: boolean | undefined;
|
|
3754
|
+
mandatory?: boolean | "force" | undefined;
|
|
3755
|
+
modelValue?: (T | T[]) | undefined;
|
|
3756
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3757
|
+
} & vue453.PublicProps;
|
|
3758
|
+
expose: (exposed: {}) => void;
|
|
3759
|
+
attrs: any;
|
|
3760
|
+
slots: {
|
|
3761
|
+
default: (props: SingleRootSlotProps) => any;
|
|
3762
|
+
};
|
|
3763
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3764
|
+
}>) => vue453.VNode & {
|
|
3765
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3766
|
+
};
|
|
3767
|
+
/**
|
|
3768
|
+
* Component representing a selectable item within Single.Root.
|
|
3769
|
+
*
|
|
3770
|
+
* @see https://0.vuetifyjs.com/components/single#singleitem
|
|
3771
|
+
*
|
|
3772
|
+
* @example
|
|
3773
|
+
* ```vue
|
|
3774
|
+
* <script lang="ts" setup>
|
|
3775
|
+
* import { Single } from '@vuetify/v0'
|
|
3776
|
+
* </script>
|
|
3777
|
+
*
|
|
3778
|
+
* <template>
|
|
3779
|
+
* <Single.Item value="option1" #default="{ isSelected }">
|
|
3780
|
+
* <div :class="{ selected: isSelected }">
|
|
3781
|
+
* Option 1
|
|
3782
|
+
* </div>
|
|
3783
|
+
* </Single.Item>
|
|
3784
|
+
* </template>
|
|
3785
|
+
* ```
|
|
3786
|
+
*/
|
|
3787
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3788
|
+
slots: {
|
|
3789
|
+
default: (props: SingleItemSlotProps<V>) => unknown;
|
|
3790
|
+
};
|
|
3791
|
+
attrs: any;
|
|
3792
|
+
emit: {};
|
|
3793
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3794
|
+
props: {
|
|
3795
|
+
id?: string | undefined;
|
|
3796
|
+
label?: string | undefined;
|
|
3797
|
+
value?: V | undefined;
|
|
3798
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
3799
|
+
namespace?: string | undefined;
|
|
3800
|
+
} & vue453.PublicProps;
|
|
3801
|
+
expose: (exposed: {}) => void;
|
|
3802
|
+
attrs: any;
|
|
3803
|
+
slots: {
|
|
3804
|
+
default: (props: SingleItemSlotProps<V>) => unknown;
|
|
3805
|
+
};
|
|
3806
|
+
emit: {};
|
|
3807
|
+
}>) => vue453.VNode & {
|
|
3808
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3809
|
+
};
|
|
3810
|
+
};
|
|
3811
|
+
//#endregion
|
|
3812
|
+
//#region src/components/Step/StepRoot.vue.d.ts
|
|
3813
|
+
interface StepRootProps {
|
|
3814
|
+
/** Namespace for dependency injection (must match StepItem namespace) */
|
|
3815
|
+
namespace?: string;
|
|
3816
|
+
/** Disables the entire step instance */
|
|
3817
|
+
disabled?: boolean;
|
|
3818
|
+
/** Auto-select non-disabled items on registration */
|
|
3819
|
+
enroll?: boolean;
|
|
3820
|
+
/**
|
|
3821
|
+
* Controls mandatory step behavior:
|
|
3822
|
+
* - false (default): No mandatory step enforcement
|
|
3823
|
+
* - true: Prevents deselecting the last selected item
|
|
3824
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
3825
|
+
*/
|
|
3826
|
+
mandatory?: boolean | 'force';
|
|
3827
|
+
}
|
|
3828
|
+
interface StepRootSlotProps {
|
|
3829
|
+
/** Whether the step instance is disabled */
|
|
3830
|
+
isDisabled: boolean;
|
|
3831
|
+
/** Select the first item */
|
|
3832
|
+
first: () => void;
|
|
3833
|
+
/** Select the last item */
|
|
3834
|
+
last: () => void;
|
|
3835
|
+
/** Select the next item */
|
|
3836
|
+
next: () => void;
|
|
3837
|
+
/** Select the previous item */
|
|
3838
|
+
prev: () => void;
|
|
3839
|
+
/** Step forward or backward by a specific count */
|
|
3840
|
+
step: (count: number) => void;
|
|
3841
|
+
/** Select an item by ID */
|
|
3842
|
+
select: (id: ID) => void;
|
|
3843
|
+
/** Unselect an item by ID */
|
|
3844
|
+
unselect: (id: ID) => void;
|
|
3845
|
+
/** Toggle an item's step state by ID */
|
|
3846
|
+
toggle: (id: ID) => void;
|
|
3847
|
+
/** Attributes to bind to the root element */
|
|
3848
|
+
attrs: {
|
|
3849
|
+
'aria-multiselectable': false;
|
|
3850
|
+
};
|
|
3851
|
+
}
|
|
3852
|
+
declare const useStepRoot: (key: string, defaultValue?: StepContext<StepTicket<unknown>> | undefined) => StepContext<StepTicket<unknown>>, provideStepRoot: (key: string, context: StepContext<StepTicket<unknown>>, app?: vue453.App) => StepContext<StepTicket<unknown>>;
|
|
3853
|
+
declare const __VLS_export$1: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$1<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3854
|
+
props: __VLS_PrettifyLocal$1<(StepRootProps & {
|
|
3855
|
+
modelValue?: T | T[];
|
|
3856
|
+
}) & {
|
|
3857
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3858
|
+
}> & vue453.PublicProps;
|
|
3859
|
+
expose: (exposed: {}) => void;
|
|
3860
|
+
attrs: any;
|
|
3861
|
+
slots: {
|
|
3862
|
+
default: (props: StepRootSlotProps) => any;
|
|
3863
|
+
};
|
|
3864
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3865
|
+
}>) => vue453.VNode & {
|
|
3866
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3867
|
+
};
|
|
3868
|
+
declare const _default$1: typeof __VLS_export$1;
|
|
3869
|
+
type __VLS_PrettifyLocal$1<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3870
|
+
//#endregion
|
|
3871
|
+
//#region src/components/Step/StepItem.vue.d.ts
|
|
3872
|
+
interface StepItemProps<V = unknown> {
|
|
3873
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
3874
|
+
id?: string;
|
|
3875
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
3876
|
+
label?: string;
|
|
3877
|
+
/** Value associated with this item */
|
|
3878
|
+
value?: V;
|
|
3879
|
+
/** Disables this specific item */
|
|
3880
|
+
disabled?: MaybeRef<boolean>;
|
|
3881
|
+
/** Namespace for dependency injection */
|
|
3882
|
+
namespace?: string;
|
|
3883
|
+
}
|
|
3884
|
+
interface StepItemSlotProps<V = unknown> {
|
|
3885
|
+
/** Unique identifier */
|
|
3886
|
+
id: string;
|
|
3887
|
+
/** Optional display label */
|
|
3888
|
+
label?: string;
|
|
3889
|
+
/** Value associated with this item */
|
|
3890
|
+
value: V | undefined;
|
|
3891
|
+
/** Whether this item is currently selected */
|
|
3892
|
+
isSelected: boolean;
|
|
3893
|
+
/** Whether this item is disabled */
|
|
3894
|
+
isDisabled: boolean;
|
|
3895
|
+
/** Select this item */
|
|
3896
|
+
select: () => void;
|
|
3897
|
+
/** Unselect this item */
|
|
3898
|
+
unselect: () => void;
|
|
3899
|
+
/** Toggle this item's step state */
|
|
3900
|
+
toggle: () => void;
|
|
3901
|
+
/** Attributes to bind to the item element */
|
|
3902
|
+
attrs: {
|
|
3903
|
+
'aria-selected': boolean;
|
|
3904
|
+
'aria-disabled': boolean;
|
|
3905
|
+
'data-selected': true | undefined;
|
|
3906
|
+
'data-disabled': true | undefined;
|
|
3907
|
+
};
|
|
3908
|
+
}
|
|
3909
|
+
declare const __VLS_export: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3910
|
+
props: __VLS_PrettifyLocal<StepItemProps<V>> & vue453.PublicProps;
|
|
3911
|
+
expose: (exposed: {}) => void;
|
|
3912
|
+
attrs: any;
|
|
3913
|
+
slots: {
|
|
3914
|
+
default: (props: StepItemSlotProps<V>) => unknown;
|
|
3915
|
+
};
|
|
3916
|
+
emit: {};
|
|
3917
|
+
}>) => vue453.VNode & {
|
|
3918
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3919
|
+
};
|
|
3920
|
+
declare const _default: typeof __VLS_export;
|
|
3921
|
+
type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
|
|
3922
|
+
//#endregion
|
|
3923
|
+
//#region src/components/Step/index.d.ts
|
|
3924
|
+
/**
|
|
3925
|
+
* Step component with sub-components for building stepper navigation.
|
|
3926
|
+
*
|
|
3927
|
+
* @see https://0.vuetifyjs.com/components/step
|
|
3928
|
+
*/
|
|
3929
|
+
declare const Step: {
|
|
3930
|
+
/**
|
|
3931
|
+
* Root component for step navigation.
|
|
3932
|
+
*
|
|
3933
|
+
* @see https://0.vuetifyjs.com/components/step
|
|
3934
|
+
*
|
|
3935
|
+
* @example
|
|
3936
|
+
* ```vue
|
|
3937
|
+
* <script lang="ts" setup>
|
|
3938
|
+
* import { Step } from '@vuetify/v0'
|
|
3939
|
+
* </script>
|
|
3940
|
+
*
|
|
3941
|
+
* <template>
|
|
3942
|
+
* <Step.Root>
|
|
3943
|
+
* <Step.Item value="account">Account</Step.Item>
|
|
3944
|
+
*
|
|
3945
|
+
* <Step.Item value="profile">Profile</Step.Item>
|
|
3946
|
+
*
|
|
3947
|
+
* <Step.Item value="review">Review</Step.Item>
|
|
3948
|
+
* </Step.Root>
|
|
3949
|
+
* </template>
|
|
3950
|
+
* ```
|
|
3951
|
+
*/
|
|
3952
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3953
|
+
slots: {
|
|
3954
|
+
default: (props: StepRootSlotProps) => any;
|
|
3955
|
+
};
|
|
3956
|
+
attrs: any;
|
|
3957
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3958
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3959
|
+
props: {
|
|
3960
|
+
namespace?: string | undefined;
|
|
3961
|
+
disabled?: boolean | undefined;
|
|
3962
|
+
enroll?: boolean | undefined;
|
|
3963
|
+
mandatory?: boolean | "force" | undefined;
|
|
3964
|
+
modelValue?: (T | T[]) | undefined;
|
|
3965
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
3966
|
+
} & vue453.PublicProps;
|
|
3967
|
+
expose: (exposed: {}) => void;
|
|
3968
|
+
attrs: any;
|
|
3969
|
+
slots: {
|
|
3970
|
+
default: (props: StepRootSlotProps) => any;
|
|
3971
|
+
};
|
|
3972
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
3973
|
+
}>) => vue453.VNode & {
|
|
3974
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3975
|
+
};
|
|
3976
|
+
/**
|
|
3977
|
+
* Component representing a single step item.
|
|
3978
|
+
*
|
|
3979
|
+
* @see https://0.vuetifyjs.com/components/step#stepitem
|
|
3980
|
+
*
|
|
3981
|
+
* @example
|
|
3982
|
+
* ```vue
|
|
3983
|
+
* <script lang="ts" setup>
|
|
3984
|
+
* import { Step } from '@vuetify/v0'
|
|
3985
|
+
* </script>
|
|
3986
|
+
*
|
|
3987
|
+
* <template>
|
|
3988
|
+
* <Step.Item value="account">
|
|
3989
|
+
* Account Setup
|
|
3990
|
+
* </Step.Item>
|
|
3991
|
+
* </template>
|
|
3992
|
+
* ```
|
|
3993
|
+
*/
|
|
3994
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3995
|
+
slots: {
|
|
3996
|
+
default: (props: StepItemSlotProps<V>) => unknown;
|
|
3997
|
+
};
|
|
3998
|
+
attrs: any;
|
|
3999
|
+
emit: {};
|
|
4000
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4001
|
+
props: {
|
|
4002
|
+
id?: string | undefined;
|
|
4003
|
+
label?: string | undefined;
|
|
4004
|
+
value?: V | undefined;
|
|
4005
|
+
disabled?: vue453.MaybeRef<boolean> | undefined;
|
|
4006
|
+
namespace?: string | undefined;
|
|
4007
|
+
} & vue453.PublicProps;
|
|
4008
|
+
expose: (exposed: {}) => void;
|
|
4009
|
+
attrs: any;
|
|
4010
|
+
slots: {
|
|
4011
|
+
default: (props: StepItemSlotProps<V>) => unknown;
|
|
4012
|
+
};
|
|
4013
|
+
emit: {};
|
|
4014
|
+
}>) => vue453.VNode & {
|
|
4015
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
4016
|
+
};
|
|
4017
|
+
};
|
|
4018
|
+
//#endregion
|
|
4019
|
+
export { PopoverActivatorProps as $, CheckboxHiddenInputProps as $n, ExpansionPanelActivatorSlotProps as $t, RadioIndicatorSlotProps as A, DialogActivatorProps as An, PaginationRootProps as At, _default$7 as B, CheckboxSelectAllProps as Bn, GroupItemProps as Bt, SelectionRootProps as C, DialogTitleProps as Cn, _default$42 as Cr, _default$18 as Ct, useSelectionRoot as D, DialogContentProps as Dn, PaginationItemProps as Dt, provideSelectionRoot as E, DialogContentEmits as En, _default$14 as Et, RadioState as F, DialogRootSlotProps as Fn, providePaginationRoot as Ft, _default$6 as G, _default$36 as Gn, _default$22 as Gt, RadioGroupProps as H, _default$38 as Hn, _default$21 as Ht, _default$9 as I, _default$31 as In, usePaginationControls as It, Popover as J, CheckboxRootSlotProps as Jn, ExpansionPanel as Jt, provideRadioGroup as K, CheckboxRootContext as Kn, provideGroupRoot as Kt, provideRadioRoot as L, provideDialogContext as Ln, usePaginationItems as Lt, RadioRootContext as M, _default$33 as Mn, _default$19 as Mt, RadioRootProps as N, DialogContext as Nn, providePaginationControls as Nt, Radio as O, DialogContentSlotProps as On, PaginationItemSlotProps as Ot, RadioRootSlotProps as P, DialogRootProps as Pn, providePaginationItems as Pt, _default$11 as Q, useCheckboxRoot as Qn, ExpansionPanelActivatorProps as Qt, useRadioRoot as R, useDialogContext as Rn, usePaginationRoot as Rt, _default$4 as S, _default$30 as Sn, AtomSlots as Sr, PaginationPrevSlotProps as St, _default$5 as T, _default$32 as Tn, PaginationFirstSlotProps as Tt, RadioGroupSlotProps as U, CheckboxIndicatorProps as Un, GroupRootProps as Ut, RadioGroupContext as V, CheckboxSelectAllSlotProps as Vn, GroupItemSlotProps as Vt, RadioTicket as W, CheckboxIndicatorSlotProps as Wn, GroupRootSlotProps as Wt, PopoverContentProps as X, _default$37 as Xn, ExpansionPanelContentSlotProps as Xt, PopoverContentEmits as Y, CheckboxState as Yn, ExpansionPanelContentProps as Yt, PopoverContentSlotProps as Z, provideCheckboxRoot as Zn, _default$24 as Zt, provideSingleRoot as _, DialogCloseProps as _n, _default$41 as _r, _default$17 as _t, StepRootProps as a, ExpansionPanelItemProps as an, useCheckboxGroup as ar, _default$12 as at, SelectionItemProps as b, DialogDescriptionProps as bn, AtomExpose as br, _default$13 as bt, provideStepRoot as c, provideExpansionPanelItem as cn, AvatarFallbackSlotProps as cr, Pagination as ct, SingleItemProps as d, ExpansionPanelRootProps as dn, AvatarImageProps as dr, _default$20 as dt, _default$23 as en, _default$35 as er, PopoverActivatorSlotProps as et, SingleItemSlotProps as f, ExpansionPanelRootSlotProps as fn, AvatarImageSlotProps as fr, PaginationLastProps as ft, _default$3 as g, Dialog as gn, AvatarTicket as gr, PaginationNextSlotProps as gt, SingleRootSlotProps as h, useExpansionPanelRoot as hn, AvatarRootProps as hr, PaginationNextProps as ht, _default as i, ExpansionPanelItemContext as in, provideCheckboxGroup as ir, PopoverRootSlotProps as it, _default$8 as j, DialogActivatorSlotProps as jn, PaginationRootSlotProps as jt, RadioIndicatorProps as k, _default$29 as kn, _default$15 as kt, useStepRoot as l, useExpansionPanelItem as ln, _default$39 as lr, PaginationStatusProps as lt, SingleRootProps as m, provideExpansionPanelSelection as mn, AvatarContext as mr, _default$16 as mt, StepItemProps as n, ExpansionPanelHeaderSlotProps as nn, CheckboxGroupSlotProps as nr, PopoverContext as nt, StepRootSlotProps as o, ExpansionPanelItemSlotProps as on, Avatar as or, providePopoverContext as ot, _default$2 as p, _default$27 as pn, _default$40 as pr, PaginationLastSlotProps as pt, useRadioGroup as q, CheckboxRootProps as qn, useGroupRoot as qt, StepItemSlotProps as r, _default$25 as rn, _default$34 as rr, PopoverRootProps as rt, _default$1 as s, _default$26 as sn, AvatarFallbackProps as sr, usePopoverContext as st, Step as t, ExpansionPanelHeaderProps as tn, CheckboxGroupProps as tr, _default$10 as tt, Single as u, ExpansionPanelOptionsContext as un, AvatarImageEmits as ur, PaginationStatusSlotProps as ut, useSingleRoot as v, DialogCloseSlotProps as vn, provideAvatarContext as vr, PaginationEllipsisProps as vt, SelectionRootSlotProps as w, DialogTitleSlotProps as wn, PaginationFirstProps as wt, SelectionItemSlotProps as x, DialogDescriptionSlotProps as xn, AtomProps as xr, PaginationPrevProps as xt, Selection as y, _default$28 as yn, useAvatarRoot as yr, PaginationEllipsisSlotProps as yt, RadioHiddenInputProps as z, Checkbox as zn, Group as zt };
|