@vuetify/v0 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +6116 -4527
- package/dist/components/index.d.mts +4 -4
- package/dist/components/index.mjs +5 -5
- package/dist/components-Dk00OFL2.mjs +1445 -0
- package/dist/composables/index.d.mts +4 -4
- package/dist/composables/index.mjs +5 -4
- package/dist/composables-YOUVfUsn.mjs +2765 -0
- package/dist/constants/index.d.mts +1 -1
- package/dist/constants/index.mjs +2 -2
- package/dist/{globals-D7kNBw5Q.mjs → globals-Rnihe4SF.mjs} +1 -1
- package/dist/index-BXN7M6o_.d.mts +71 -0
- package/dist/index-BeJMYhId.d.mts +1726 -0
- package/dist/{index-D-EP6KrS.d.mts → index-BulceeMA.d.mts} +575 -56
- package/dist/{index-CQjOW_w5.d.mts → index-BzW68rBC.d.mts} +764 -481
- package/dist/index.d.mts +7 -7
- package/dist/index.mjs +7 -6
- package/dist/types/index.d.mts +1 -1
- package/dist/useStep-Bqhi_DDs.mjs +3159 -0
- package/dist/utilities/index.d.mts +3 -3
- package/dist/utilities/index.mjs +2 -2
- package/dist/utilities-DQWf_4V_.mjs +139 -0
- package/package.json +1 -1
- package/dist/components-CziOUEkN.mjs +0 -947
- package/dist/composables-CGvbvF3U.mjs +0 -4902
- package/dist/index-CSdGoUCI.d.mts +0 -17
- package/dist/index-CUnI4hGb.d.mts +0 -815
- package/dist/utilities-C26nB74O.mjs +0 -63
- /package/dist/{constants-Xfszzyok.mjs → constants-BWV0uYsM.mjs} +0 -0
- /package/dist/{index-8AIxAM2d.d.mts → index-B6lIRI3i.d.mts} +0 -0
- /package/dist/{index-DY7-T630.d.mts → index-Bd3J4RNS.d.mts} +0 -0
|
@@ -0,0 +1,1726 @@
|
|
|
1
|
+
import { i as ID, t as DOMElement } from "./index-Bd3J4RNS.mjs";
|
|
2
|
+
import { I as RegistryContext, M as SelectionTicket, S as GroupContext, T as GroupTicket, _ as PaginationItem, c as SingleContext, d as SingleTicket, h as PaginationContext, i as StepTicket, k as SelectionContext, t as StepContext, z as RegistryTicket } from "./index-BulceeMA.mjs";
|
|
3
|
+
import * as vue267 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: <T extends Record<string, any> = {}>(__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<{
|
|
43
|
+
props: __VLS_PrettifyLocal<AtomPrivateProps> & vue267.PublicProps;
|
|
44
|
+
expose: (exposed: vue267.ShallowUnwrapRef<AtomExpose>) => void;
|
|
45
|
+
attrs: any;
|
|
46
|
+
slots: AtomSlots<T>;
|
|
47
|
+
emit: {};
|
|
48
|
+
}>) => vue267.VNode & {
|
|
49
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
50
|
+
};
|
|
51
|
+
declare const _default: typeof __VLS_export;
|
|
52
|
+
type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/Avatar/AvatarFallback.vue.d.ts
|
|
55
|
+
interface AvatarFallbackProps extends AtomProps {
|
|
56
|
+
/** Namespace for retrieving avatar context */
|
|
57
|
+
namespace?: string;
|
|
58
|
+
}
|
|
59
|
+
interface AvatarFallbackSlotProps {
|
|
60
|
+
/** Whether this fallback is currently visible */
|
|
61
|
+
isSelected: boolean;
|
|
62
|
+
}
|
|
63
|
+
//#endregion
|
|
64
|
+
//#region src/components/Avatar/AvatarImage.vue.d.ts
|
|
65
|
+
interface AvatarImageProps extends AtomProps {
|
|
66
|
+
/** Image source URL */
|
|
67
|
+
src?: string;
|
|
68
|
+
/** Priority for display order (higher = more preferred) */
|
|
69
|
+
priority?: number;
|
|
70
|
+
/** Namespace for retrieving avatar context */
|
|
71
|
+
namespace?: string;
|
|
72
|
+
}
|
|
73
|
+
interface AvatarImageEmits {
|
|
74
|
+
load: [e: Event];
|
|
75
|
+
error: [e: Event];
|
|
76
|
+
}
|
|
77
|
+
interface AvatarImageSlotProps {
|
|
78
|
+
/** Whether this image is currently visible */
|
|
79
|
+
isSelected: boolean;
|
|
80
|
+
/** Attributes to bind to the image element */
|
|
81
|
+
attrs: {
|
|
82
|
+
role: 'img';
|
|
83
|
+
src?: string;
|
|
84
|
+
onLoad: (e: Event) => void;
|
|
85
|
+
onError: (e: Event) => void;
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
//#endregion
|
|
89
|
+
//#region src/components/Avatar/AvatarRoot.vue.d.ts
|
|
90
|
+
interface AvatarRootProps extends AtomProps {
|
|
91
|
+
/** Namespace for dependency injection */
|
|
92
|
+
namespace?: string;
|
|
93
|
+
}
|
|
94
|
+
interface AvatarTicket extends SelectionTicket {
|
|
95
|
+
type?: 'image' | 'fallback';
|
|
96
|
+
priority?: number;
|
|
97
|
+
}
|
|
98
|
+
interface AvatarContext extends SelectionContext<AvatarTicket> {}
|
|
99
|
+
declare const useAvatarRoot: (key: string, defaultValue?: AvatarContext | undefined) => AvatarContext, provideAvatarContext: (key: string, context: AvatarContext, app?: vue267.App) => AvatarContext;
|
|
100
|
+
//#endregion
|
|
101
|
+
//#region src/components/Avatar/index.d.ts
|
|
102
|
+
declare const Avatar: {
|
|
103
|
+
Fallback: {
|
|
104
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
105
|
+
P: {};
|
|
106
|
+
B: {};
|
|
107
|
+
D: {};
|
|
108
|
+
C: {};
|
|
109
|
+
M: {};
|
|
110
|
+
Defaults: {};
|
|
111
|
+
}, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
112
|
+
__isFragment?: never;
|
|
113
|
+
__isTeleport?: never;
|
|
114
|
+
__isSuspense?: never;
|
|
115
|
+
} & vue267.ComponentOptionsBase<Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
116
|
+
$slots: {
|
|
117
|
+
default: (props: AvatarFallbackSlotProps) => any;
|
|
118
|
+
};
|
|
119
|
+
});
|
|
120
|
+
Image: {
|
|
121
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<AvatarImageProps> & Readonly<{
|
|
122
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
123
|
+
onError?: ((e: Event) => any) | undefined;
|
|
124
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
125
|
+
load: (e: Event) => any;
|
|
126
|
+
error: (e: Event) => any;
|
|
127
|
+
}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
128
|
+
P: {};
|
|
129
|
+
B: {};
|
|
130
|
+
D: {};
|
|
131
|
+
C: {};
|
|
132
|
+
M: {};
|
|
133
|
+
Defaults: {};
|
|
134
|
+
}, Readonly<AvatarImageProps> & Readonly<{
|
|
135
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
136
|
+
onError?: ((e: Event) => any) | undefined;
|
|
137
|
+
}>, {}, {}, {}, {}, {}>;
|
|
138
|
+
__isFragment?: never;
|
|
139
|
+
__isTeleport?: never;
|
|
140
|
+
__isSuspense?: never;
|
|
141
|
+
} & vue267.ComponentOptionsBase<Readonly<AvatarImageProps> & Readonly<{
|
|
142
|
+
onLoad?: ((e: Event) => any) | undefined;
|
|
143
|
+
onError?: ((e: Event) => any) | undefined;
|
|
144
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
145
|
+
load: (e: Event) => any;
|
|
146
|
+
error: (e: Event) => any;
|
|
147
|
+
}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
148
|
+
$slots: {
|
|
149
|
+
default: (props: AvatarImageSlotProps) => any;
|
|
150
|
+
};
|
|
151
|
+
});
|
|
152
|
+
Root: {
|
|
153
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
154
|
+
P: {};
|
|
155
|
+
B: {};
|
|
156
|
+
D: {};
|
|
157
|
+
C: {};
|
|
158
|
+
M: {};
|
|
159
|
+
Defaults: {};
|
|
160
|
+
}, Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
161
|
+
__isFragment?: never;
|
|
162
|
+
__isTeleport?: never;
|
|
163
|
+
__isSuspense?: never;
|
|
164
|
+
} & vue267.ComponentOptionsBase<Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
165
|
+
$slots: {
|
|
166
|
+
default?: (props: {}) => any;
|
|
167
|
+
};
|
|
168
|
+
});
|
|
169
|
+
};
|
|
170
|
+
//#endregion
|
|
171
|
+
//#region src/components/ExpansionPanel/ExpansionPanelRoot.vue.d.ts
|
|
172
|
+
interface ExpansionPanelOptionsContext {
|
|
173
|
+
/** Disabled state of the entire expansion panel */
|
|
174
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
175
|
+
}
|
|
176
|
+
interface ExpansionPanelRootProps extends AtomProps {
|
|
177
|
+
/** Namespace for dependency injection (default: 'v0:expansion-panel') */
|
|
178
|
+
namespace?: string;
|
|
179
|
+
/** Disables the entire expansion panel instance and all items */
|
|
180
|
+
disabled?: boolean;
|
|
181
|
+
/** Auto-expand non-disabled items when registered */
|
|
182
|
+
enroll?: boolean;
|
|
183
|
+
/**
|
|
184
|
+
* Mandatory expansion behavior:
|
|
185
|
+
* - false (default): All panels can be collapsed
|
|
186
|
+
* - true: Prevents collapsing the last expanded panel
|
|
187
|
+
* - 'force': Automatically expands the first non-disabled panel
|
|
188
|
+
*/
|
|
189
|
+
mandatory?: boolean | 'force';
|
|
190
|
+
/**
|
|
191
|
+
* Enable multi-expansion mode
|
|
192
|
+
* - false (default): Single panel expanded at a time (accordion mode)
|
|
193
|
+
* - true: Multiple panels can be expanded simultaneously
|
|
194
|
+
* Note: Changes v-model type from T to T[]
|
|
195
|
+
*/
|
|
196
|
+
multiple?: boolean;
|
|
197
|
+
}
|
|
198
|
+
interface ExpansionPanelRootSlotProps {
|
|
199
|
+
/** Disables the entire expansion panel instance and all registered items */
|
|
200
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
201
|
+
/** Select a panel by ID */
|
|
202
|
+
select: (id: ID) => void;
|
|
203
|
+
/** Unselect a panel by ID */
|
|
204
|
+
unselect: (id: ID) => void;
|
|
205
|
+
/** Toggle a panel's expansion state by ID */
|
|
206
|
+
toggle: (id: ID) => void;
|
|
207
|
+
}
|
|
208
|
+
declare const useExpansionPanelRoot: (key: string, defaultValue?: SelectionContext<SelectionTicket<unknown>> | undefined) => SelectionContext<SelectionTicket<unknown>>, provideExpansionPanelSelection: (key: string, context: SelectionContext<SelectionTicket<unknown>>, app?: vue267.App) => SelectionContext<SelectionTicket<unknown>>;
|
|
209
|
+
//#endregion
|
|
210
|
+
//#region src/components/ExpansionPanel/ExpansionPanelItem.vue.d.ts
|
|
211
|
+
interface ExpansionPanelItemProps<V = unknown> extends AtomProps {
|
|
212
|
+
/** Unique identifier for the panel item (auto-generated if not provided) */
|
|
213
|
+
id?: string;
|
|
214
|
+
/** Value associated with this panel item for v-model binding */
|
|
215
|
+
value?: V;
|
|
216
|
+
/** Disables this specific panel item */
|
|
217
|
+
disabled?: MaybeRef<boolean>;
|
|
218
|
+
/** Namespace to retrieve the parent ExpansionPanelRoot context (default: 'v0:expansion-panel') */
|
|
219
|
+
namespace?: string;
|
|
220
|
+
}
|
|
221
|
+
/**
|
|
222
|
+
* Context provided to child components (ExpansionPanelActivator and ExpansionPanelContent)
|
|
223
|
+
* via dependency injection using the itemNamespace.
|
|
224
|
+
*/
|
|
225
|
+
interface ExpansionPanelItemContext {
|
|
226
|
+
/** Selection ticket from the parent ExpansionPanel registry */
|
|
227
|
+
ticket: SelectionTicket;
|
|
228
|
+
/** Unique ID for the header/activator element (for aria-controls) */
|
|
229
|
+
headerId: Readonly<Ref<string>>;
|
|
230
|
+
/** Unique ID for the content region (for aria-labelledby) */
|
|
231
|
+
contentId: Readonly<Ref<string>>;
|
|
232
|
+
/** Combined disabled state from item and parent */
|
|
233
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
234
|
+
}
|
|
235
|
+
/**
|
|
236
|
+
* Slot props provided to the default slot of ExpansionPanelItem
|
|
237
|
+
*/
|
|
238
|
+
interface ExpansionPanelItemSlotProps {
|
|
239
|
+
/** Whether this panel is currently selected/expanded */
|
|
240
|
+
isSelected: boolean;
|
|
241
|
+
/** Combined disabled state from item and parent */
|
|
242
|
+
isDisabled: boolean;
|
|
243
|
+
/** Attributes to bind to the root element for accessibility */
|
|
244
|
+
attrs: {
|
|
245
|
+
/** Data attribute for selected state */
|
|
246
|
+
'data-selected': true | undefined;
|
|
247
|
+
};
|
|
248
|
+
}
|
|
249
|
+
declare const useExpansionPanelItem: (key: string, defaultValue?: ExpansionPanelItemContext | undefined) => ExpansionPanelItemContext, provideExpansionPanelItem: (key: string, context: ExpansionPanelItemContext, app?: vue267.App) => ExpansionPanelItemContext;
|
|
250
|
+
//#endregion
|
|
251
|
+
//#region src/components/ExpansionPanel/ExpansionPanelHeader.vue.d.ts
|
|
252
|
+
interface ExpansionPanelHeaderProps extends AtomProps {
|
|
253
|
+
/** Namespace for retrieving the parent ExpansionPanelItem context (default: 'v0:expansion-panel') */
|
|
254
|
+
namespace?: string;
|
|
255
|
+
}
|
|
256
|
+
interface ExpansionPanelHeaderSlotProps {
|
|
257
|
+
/** Whether this panel is currently selected/expanded */
|
|
258
|
+
isSelected: boolean;
|
|
259
|
+
/** Attributes to bind to the root element for accessibility */
|
|
260
|
+
attrs: {
|
|
261
|
+
/** Data attribute for selected state */
|
|
262
|
+
'data-selected': true | undefined;
|
|
263
|
+
};
|
|
264
|
+
}
|
|
265
|
+
//#endregion
|
|
266
|
+
//#region src/components/ExpansionPanel/ExpansionPanelActivator.vue.d.ts
|
|
267
|
+
interface ExpansionPanelActivatorProps extends AtomProps {
|
|
268
|
+
namespace?: string;
|
|
269
|
+
}
|
|
270
|
+
interface ExpansionPanelActivatorSlotProps {
|
|
271
|
+
/** Disabled state */
|
|
272
|
+
isDisabled: boolean;
|
|
273
|
+
/** Whether this panel is currently selected/expanded */
|
|
274
|
+
isSelected: boolean;
|
|
275
|
+
/** Toggle the panels expansion state */
|
|
276
|
+
toggle: () => void;
|
|
277
|
+
/** Attributes to bind to the activator element for accessibility */
|
|
278
|
+
attrs: {
|
|
279
|
+
/** Unique ID for the header/activator element */
|
|
280
|
+
'id': string;
|
|
281
|
+
/** ARIA role for accessibility (only set when not using native button) */
|
|
282
|
+
'role': 'button' | undefined;
|
|
283
|
+
/** Tab index for keyboard navigation */
|
|
284
|
+
'tabindex': number;
|
|
285
|
+
/** ARIA expanded state */
|
|
286
|
+
'aria-expanded': boolean;
|
|
287
|
+
/** ARIA controls attribute pointing to content region */
|
|
288
|
+
'aria-controls': string;
|
|
289
|
+
/** ARIA disabled state */
|
|
290
|
+
'aria-disabled': boolean;
|
|
291
|
+
/** Data attribute for disabled state */
|
|
292
|
+
'data-disabled': true | undefined;
|
|
293
|
+
/** Data attribute for selected state */
|
|
294
|
+
'data-selected': true | undefined;
|
|
295
|
+
/** Disabled attribute for native button elements */
|
|
296
|
+
'disabled': boolean | undefined;
|
|
297
|
+
/** Type attribute for native button elements */
|
|
298
|
+
'type': 'button' | undefined;
|
|
299
|
+
/** Click handler to toggle panel */
|
|
300
|
+
'onClick': () => void;
|
|
301
|
+
/** Keyboard handler for Enter and Space keys */
|
|
302
|
+
'onKeydown': (e: KeyboardEvent) => void;
|
|
303
|
+
};
|
|
304
|
+
}
|
|
305
|
+
//#endregion
|
|
306
|
+
//#region src/components/ExpansionPanel/ExpansionPanelContent.vue.d.ts
|
|
307
|
+
interface ExpansionPanelContentProps extends AtomProps {
|
|
308
|
+
namespace?: string;
|
|
309
|
+
}
|
|
310
|
+
interface ExpansionPanelContentSlotProps {
|
|
311
|
+
/** Whether this panel is currently selected/expanded */
|
|
312
|
+
isSelected: boolean;
|
|
313
|
+
/** Attributes to bind to the content element for accessibility */
|
|
314
|
+
attrs: {
|
|
315
|
+
/** Data attribute for selected state */
|
|
316
|
+
'data-selected': boolean;
|
|
317
|
+
/** Unique ID for the content region */
|
|
318
|
+
'id': string;
|
|
319
|
+
/** ARIA role for accessibility */
|
|
320
|
+
'role': 'region';
|
|
321
|
+
/** ARIA labelledby attribute pointing to header element */
|
|
322
|
+
'aria-labelledby': string;
|
|
323
|
+
/** Whether the content is hidden */
|
|
324
|
+
'hidden': boolean;
|
|
325
|
+
};
|
|
326
|
+
}
|
|
327
|
+
//#endregion
|
|
328
|
+
//#region src/components/ExpansionPanel/index.d.ts
|
|
329
|
+
declare const ExpansionPanel: {
|
|
330
|
+
/**
|
|
331
|
+
* Root component for expansion panels.
|
|
332
|
+
*
|
|
333
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels
|
|
334
|
+
*
|
|
335
|
+
* @example
|
|
336
|
+
* ```vue
|
|
337
|
+
* <script lang="ts" setup>
|
|
338
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
339
|
+
* </script>
|
|
340
|
+
*
|
|
341
|
+
* <template>
|
|
342
|
+
* <ExpansionPanel.Root>
|
|
343
|
+
* <ExpansionPanel.Item>
|
|
344
|
+
* <ExpansionPanel.Header>
|
|
345
|
+
* <ExpansionPanel.Activator>
|
|
346
|
+
* Click to expand
|
|
347
|
+
* </ExpansionPanel.Activator>
|
|
348
|
+
* </ExpansionPanel.Header>
|
|
349
|
+
*
|
|
350
|
+
* <ExpansionPanel.Content>
|
|
351
|
+
* Content goes here.
|
|
352
|
+
* </ExpansionPanel.Content>
|
|
353
|
+
* </ExpansionPanel.Item>
|
|
354
|
+
* </ExpansionPanel.Root>
|
|
355
|
+
* </template>
|
|
356
|
+
* ```
|
|
357
|
+
*/
|
|
358
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
359
|
+
attrs: any;
|
|
360
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
361
|
+
slots: {
|
|
362
|
+
default: (props: ExpansionPanelRootSlotProps) => any;
|
|
363
|
+
};
|
|
364
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
365
|
+
props: {
|
|
366
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
367
|
+
namespace?: string | undefined;
|
|
368
|
+
disabled?: boolean | undefined;
|
|
369
|
+
enroll?: boolean | undefined;
|
|
370
|
+
mandatory?: boolean | "force" | undefined;
|
|
371
|
+
multiple?: boolean | undefined;
|
|
372
|
+
as?: (DOMElement | null) | undefined;
|
|
373
|
+
renderless?: boolean | undefined;
|
|
374
|
+
modelValue?: (T | T[]) | undefined;
|
|
375
|
+
} & vue267.PublicProps;
|
|
376
|
+
expose: (exposed: {}) => void;
|
|
377
|
+
attrs: any;
|
|
378
|
+
slots: {
|
|
379
|
+
default: (props: ExpansionPanelRootSlotProps) => any;
|
|
380
|
+
};
|
|
381
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: T | T[] | undefined) => void);
|
|
382
|
+
}>) => vue267.VNode & {
|
|
383
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
384
|
+
};
|
|
385
|
+
/**
|
|
386
|
+
* Component representing a single expansion panel item.
|
|
387
|
+
*
|
|
388
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelitem
|
|
389
|
+
*
|
|
390
|
+
* @example
|
|
391
|
+
* ```vue
|
|
392
|
+
* <script lang="ts" setup>
|
|
393
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
394
|
+
* </script>
|
|
395
|
+
*
|
|
396
|
+
* <template>
|
|
397
|
+
* <ExpansionPanel.Item>
|
|
398
|
+
* <ExpansionPanel.Header>
|
|
399
|
+
* <ExpansionPanel.Activator>
|
|
400
|
+
* Click to expand
|
|
401
|
+
* </ExpansionPanel.Activator>
|
|
402
|
+
* </ExpansionPanel.Header>
|
|
403
|
+
*
|
|
404
|
+
* <ExpansionPanel.Content>
|
|
405
|
+
* Content goes here.
|
|
406
|
+
* </ExpansionPanel.Content>
|
|
407
|
+
* </ExpansionPanel.Item>
|
|
408
|
+
* </template>
|
|
409
|
+
* ```
|
|
410
|
+
*/
|
|
411
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
412
|
+
attrs: any;
|
|
413
|
+
emit: {};
|
|
414
|
+
slots: {
|
|
415
|
+
default: (props: ExpansionPanelItemSlotProps) => any;
|
|
416
|
+
};
|
|
417
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
418
|
+
props: {
|
|
419
|
+
id?: string | undefined;
|
|
420
|
+
value?: V | undefined;
|
|
421
|
+
disabled?: vue267.MaybeRef<boolean> | undefined;
|
|
422
|
+
namespace?: string | undefined;
|
|
423
|
+
as?: (DOMElement | null) | undefined;
|
|
424
|
+
renderless?: boolean | undefined;
|
|
425
|
+
} & vue267.PublicProps;
|
|
426
|
+
expose: (exposed: {}) => void;
|
|
427
|
+
attrs: any;
|
|
428
|
+
slots: {
|
|
429
|
+
default: (props: ExpansionPanelItemSlotProps) => any;
|
|
430
|
+
};
|
|
431
|
+
emit: {};
|
|
432
|
+
}>) => vue267.VNode & {
|
|
433
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
434
|
+
};
|
|
435
|
+
/**
|
|
436
|
+
* (optional) Component for the header section of an expansion panel item.
|
|
437
|
+
*
|
|
438
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelheader
|
|
439
|
+
*
|
|
440
|
+
* @example
|
|
441
|
+
* ```vue
|
|
442
|
+
* <script lang="ts" setup>
|
|
443
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
444
|
+
* </script>
|
|
445
|
+
*
|
|
446
|
+
* <template>
|
|
447
|
+
* <ExpansionPanel.Header>
|
|
448
|
+
* <ExpansionPanel.Activator>
|
|
449
|
+
* Click to expand
|
|
450
|
+
* </ExpansionPanel.Activator>
|
|
451
|
+
* </ExpansionPanel.Header>
|
|
452
|
+
* </template>
|
|
453
|
+
* ```
|
|
454
|
+
*/
|
|
455
|
+
Header: {
|
|
456
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
457
|
+
P: {};
|
|
458
|
+
B: {};
|
|
459
|
+
D: {};
|
|
460
|
+
C: {};
|
|
461
|
+
M: {};
|
|
462
|
+
Defaults: {};
|
|
463
|
+
}, Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
464
|
+
__isFragment?: never;
|
|
465
|
+
__isTeleport?: never;
|
|
466
|
+
__isSuspense?: never;
|
|
467
|
+
} & vue267.ComponentOptionsBase<Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
468
|
+
$slots: {
|
|
469
|
+
default: (props: ExpansionPanelHeaderSlotProps) => any;
|
|
470
|
+
};
|
|
471
|
+
});
|
|
472
|
+
/**
|
|
473
|
+
* Component for the activator section of an expansion panel header.
|
|
474
|
+
*
|
|
475
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelactivator
|
|
476
|
+
*
|
|
477
|
+
* @example
|
|
478
|
+
* ```vue
|
|
479
|
+
* <script lang="ts" setup>
|
|
480
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
481
|
+
* </script>
|
|
482
|
+
*
|
|
483
|
+
* <template>
|
|
484
|
+
* <ExpansionPanel.Activator>
|
|
485
|
+
* Click to expand
|
|
486
|
+
* </ExpansionPanel.Activator>
|
|
487
|
+
* </template>
|
|
488
|
+
* ```
|
|
489
|
+
*/
|
|
490
|
+
Activator: {
|
|
491
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
492
|
+
P: {};
|
|
493
|
+
B: {};
|
|
494
|
+
D: {};
|
|
495
|
+
C: {};
|
|
496
|
+
M: {};
|
|
497
|
+
Defaults: {};
|
|
498
|
+
}, Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
499
|
+
__isFragment?: never;
|
|
500
|
+
__isTeleport?: never;
|
|
501
|
+
__isSuspense?: never;
|
|
502
|
+
} & vue267.ComponentOptionsBase<Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
503
|
+
$slots: {
|
|
504
|
+
default: (props: ExpansionPanelActivatorSlotProps) => any;
|
|
505
|
+
};
|
|
506
|
+
});
|
|
507
|
+
/**
|
|
508
|
+
* Component for the content section of an expansion panel item.
|
|
509
|
+
*
|
|
510
|
+
* @see https://0.vuetifyjs.com/components/expansion-panels#expansionpanelcontent
|
|
511
|
+
*
|
|
512
|
+
* @example
|
|
513
|
+
* ```vue
|
|
514
|
+
* <script lang="ts" setup>
|
|
515
|
+
* import { ExpansionPanel } from '@vuetify/v0'
|
|
516
|
+
* </script>
|
|
517
|
+
*
|
|
518
|
+
* <template>
|
|
519
|
+
* <ExpansionPanel.Content>
|
|
520
|
+
* Content goes here.
|
|
521
|
+
* </ExpansionPanel.Content>
|
|
522
|
+
* </template>
|
|
523
|
+
* ```
|
|
524
|
+
*/
|
|
525
|
+
Content: {
|
|
526
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
527
|
+
P: {};
|
|
528
|
+
B: {};
|
|
529
|
+
D: {};
|
|
530
|
+
C: {};
|
|
531
|
+
M: {};
|
|
532
|
+
Defaults: {};
|
|
533
|
+
}, Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
534
|
+
__isFragment?: never;
|
|
535
|
+
__isTeleport?: never;
|
|
536
|
+
__isSuspense?: never;
|
|
537
|
+
} & vue267.ComponentOptionsBase<Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
538
|
+
$slots: {
|
|
539
|
+
default: (props: ExpansionPanelContentSlotProps) => any;
|
|
540
|
+
};
|
|
541
|
+
});
|
|
542
|
+
};
|
|
543
|
+
//#endregion
|
|
544
|
+
//#region src/components/Group/GroupRoot.vue.d.ts
|
|
545
|
+
interface GroupRootProps {
|
|
546
|
+
/** Namespace for dependency injection (must match GroupItem namespace) */
|
|
547
|
+
namespace?: string;
|
|
548
|
+
/** Disables the entire group instance */
|
|
549
|
+
disabled?: boolean;
|
|
550
|
+
/** Auto-select non-disabled items on registration */
|
|
551
|
+
enroll?: boolean;
|
|
552
|
+
/**
|
|
553
|
+
* Controls mandatory group behavior:
|
|
554
|
+
* - false (default): No mandatory group enforcement
|
|
555
|
+
* - true: Prevents deselecting the last selected item
|
|
556
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
557
|
+
*/
|
|
558
|
+
mandatory?: boolean | 'force';
|
|
559
|
+
}
|
|
560
|
+
interface GroupRootSlotProps {
|
|
561
|
+
/** Whether the group instance is disabled */
|
|
562
|
+
isDisabled: boolean;
|
|
563
|
+
/** Whether no items are currently selected */
|
|
564
|
+
isNoneSelected: boolean;
|
|
565
|
+
/** Whether all selectable (non-disabled) items are selected */
|
|
566
|
+
isAllSelected: boolean;
|
|
567
|
+
/** Whether some but not all selectable items are selected */
|
|
568
|
+
isMixed: boolean;
|
|
569
|
+
/** Select an item by ID */
|
|
570
|
+
select: (id: ID | ID[]) => void;
|
|
571
|
+
/** Unselect an item by ID */
|
|
572
|
+
unselect: (id: ID | ID[]) => void;
|
|
573
|
+
/** Toggle an item's group state by ID */
|
|
574
|
+
toggle: (id: ID | ID[]) => void;
|
|
575
|
+
/** Select all selectable (non-disabled) items */
|
|
576
|
+
selectAll: () => void;
|
|
577
|
+
/** Unselect all items (respects mandatory option) */
|
|
578
|
+
unselectAll: () => void;
|
|
579
|
+
/** Toggle between all selected and none selected */
|
|
580
|
+
toggleAll: () => void;
|
|
581
|
+
/** Attributes to bind to the root element */
|
|
582
|
+
attrs: {
|
|
583
|
+
'aria-multiselectable': true;
|
|
584
|
+
};
|
|
585
|
+
}
|
|
586
|
+
declare const useGroupRoot: (key: string, defaultValue?: GroupContext<GroupTicket<unknown>> | undefined) => GroupContext<GroupTicket<unknown>>, provideGroupRoot: (key: string, context: GroupContext<GroupTicket<unknown>>, app?: vue267.App) => GroupContext<GroupTicket<unknown>>;
|
|
587
|
+
//#endregion
|
|
588
|
+
//#region src/components/Group/GroupItem.vue.d.ts
|
|
589
|
+
interface GroupItemProps<V = unknown> {
|
|
590
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
591
|
+
id?: string;
|
|
592
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
593
|
+
label?: string;
|
|
594
|
+
/** Value associated with this item */
|
|
595
|
+
value?: V;
|
|
596
|
+
/** Disables this specific item */
|
|
597
|
+
disabled?: MaybeRef<boolean>;
|
|
598
|
+
/** Sets the indeterminate state (for checkboxes) */
|
|
599
|
+
indeterminate?: MaybeRef<boolean>;
|
|
600
|
+
/** Namespace for dependency injection */
|
|
601
|
+
namespace?: string;
|
|
602
|
+
}
|
|
603
|
+
interface GroupItemSlotProps<V = unknown> {
|
|
604
|
+
/** Unique identifier */
|
|
605
|
+
id: string;
|
|
606
|
+
/** Optional display label */
|
|
607
|
+
label?: string;
|
|
608
|
+
/** Value associated with this item */
|
|
609
|
+
value: V | undefined;
|
|
610
|
+
/** Whether this item is currently selected */
|
|
611
|
+
isSelected: boolean;
|
|
612
|
+
/** Whether this item is in a mixed/indeterminate state */
|
|
613
|
+
isMixed: boolean;
|
|
614
|
+
/** Whether this item is disabled */
|
|
615
|
+
isDisabled: boolean;
|
|
616
|
+
/** Select this item */
|
|
617
|
+
select: () => void;
|
|
618
|
+
/** Unselect this item */
|
|
619
|
+
unselect: () => void;
|
|
620
|
+
/** Toggle this item's group state */
|
|
621
|
+
toggle: () => void;
|
|
622
|
+
/** Set this item to mixed/indeterminate state */
|
|
623
|
+
mix: () => void;
|
|
624
|
+
/** Clear mixed/indeterminate state from this item */
|
|
625
|
+
unmix: () => void;
|
|
626
|
+
/** Attributes to bind to the item element */
|
|
627
|
+
attrs: {
|
|
628
|
+
'aria-selected': boolean;
|
|
629
|
+
'aria-disabled': boolean;
|
|
630
|
+
'data-selected': true | undefined;
|
|
631
|
+
'data-disabled': true | undefined;
|
|
632
|
+
'data-mixed': true | undefined;
|
|
633
|
+
};
|
|
634
|
+
}
|
|
635
|
+
//#endregion
|
|
636
|
+
//#region src/components/Group/index.d.ts
|
|
637
|
+
declare const Group: {
|
|
638
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
639
|
+
attrs: any;
|
|
640
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
641
|
+
slots: {
|
|
642
|
+
default: (props: GroupRootSlotProps) => any;
|
|
643
|
+
};
|
|
644
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
645
|
+
props: {
|
|
646
|
+
namespace?: string | undefined;
|
|
647
|
+
disabled?: boolean | undefined;
|
|
648
|
+
enroll?: boolean | undefined;
|
|
649
|
+
mandatory?: boolean | "force" | undefined;
|
|
650
|
+
modelValue?: (T | T[]) | undefined;
|
|
651
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
652
|
+
} & vue267.PublicProps;
|
|
653
|
+
expose: (exposed: {}) => void;
|
|
654
|
+
attrs: any;
|
|
655
|
+
slots: {
|
|
656
|
+
default: (props: GroupRootSlotProps) => any;
|
|
657
|
+
};
|
|
658
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
659
|
+
}>) => vue267.VNode & {
|
|
660
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
661
|
+
};
|
|
662
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
663
|
+
attrs: any;
|
|
664
|
+
emit: {};
|
|
665
|
+
slots: {
|
|
666
|
+
default: (props: GroupItemSlotProps<V>) => unknown;
|
|
667
|
+
};
|
|
668
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
669
|
+
props: {
|
|
670
|
+
id?: string | undefined;
|
|
671
|
+
label?: string | undefined;
|
|
672
|
+
value?: V | undefined;
|
|
673
|
+
disabled?: vue267.MaybeRef<boolean> | undefined;
|
|
674
|
+
indeterminate?: vue267.MaybeRef<boolean> | undefined;
|
|
675
|
+
namespace?: string | undefined;
|
|
676
|
+
} & vue267.PublicProps;
|
|
677
|
+
expose: (exposed: {}) => void;
|
|
678
|
+
attrs: any;
|
|
679
|
+
slots: {
|
|
680
|
+
default: (props: GroupItemSlotProps<V>) => unknown;
|
|
681
|
+
};
|
|
682
|
+
emit: {};
|
|
683
|
+
}>) => vue267.VNode & {
|
|
684
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
685
|
+
};
|
|
686
|
+
};
|
|
687
|
+
//#endregion
|
|
688
|
+
//#region src/components/Pagination/PaginationRoot.vue.d.ts
|
|
689
|
+
declare const usePaginationRoot: (key: string, defaultValue?: PaginationContext<PaginationItem> | undefined) => PaginationContext<PaginationItem>, providePaginationRoot: (key: string, context: PaginationContext<PaginationItem>, app?: vue267.App) => PaginationContext<PaginationItem>;
|
|
690
|
+
declare const usePaginationControls: (key: string, defaultValue?: RegistryContext<RegistryTicket<unknown>> | undefined) => RegistryContext<RegistryTicket<unknown>>, providePaginationControls: (key: string, context: RegistryContext<RegistryTicket<unknown>>, app?: vue267.App) => RegistryContext<RegistryTicket<unknown>>;
|
|
691
|
+
declare const usePaginationItems: (key: string, defaultValue?: RegistryContext<RegistryTicket<unknown>> | undefined) => RegistryContext<RegistryTicket<unknown>>, providePaginationItems: (key: string, context: RegistryContext<RegistryTicket<unknown>>, app?: vue267.App) => RegistryContext<RegistryTicket<unknown>>;
|
|
692
|
+
interface PaginationRootProps extends AtomProps {
|
|
693
|
+
/** Namespace for dependency injection */
|
|
694
|
+
namespace?: string;
|
|
695
|
+
/** Total number of items */
|
|
696
|
+
size?: number;
|
|
697
|
+
/**
|
|
698
|
+
* Number of visible page buttons.
|
|
699
|
+
* If undefined, auto-calculates based on container width.
|
|
700
|
+
*/
|
|
701
|
+
totalVisible?: number;
|
|
702
|
+
/** Number of items per page */
|
|
703
|
+
itemsPerPage?: number;
|
|
704
|
+
/** Ellipsis character */
|
|
705
|
+
ellipsis?: string | false;
|
|
706
|
+
}
|
|
707
|
+
interface PaginationRootSlotProps {
|
|
708
|
+
/** Current page (1-indexed) */
|
|
709
|
+
page: number;
|
|
710
|
+
/** Total number of items */
|
|
711
|
+
size: number;
|
|
712
|
+
/** Total number of pages */
|
|
713
|
+
pages: number;
|
|
714
|
+
/** Items per page */
|
|
715
|
+
itemsPerPage: number;
|
|
716
|
+
/** Visible page items for rendering */
|
|
717
|
+
items: PaginationItem[];
|
|
718
|
+
/** Start index of items on current page (0-indexed) */
|
|
719
|
+
pageStart: number;
|
|
720
|
+
/** End index of items on current page (exclusive) */
|
|
721
|
+
pageStop: number;
|
|
722
|
+
/** Whether on first page */
|
|
723
|
+
isFirst: boolean;
|
|
724
|
+
/** Whether on last page */
|
|
725
|
+
isLast: boolean;
|
|
726
|
+
/** Go to first page */
|
|
727
|
+
first: () => void;
|
|
728
|
+
/** Go to last page */
|
|
729
|
+
last: () => void;
|
|
730
|
+
/** Go to next page */
|
|
731
|
+
next: () => void;
|
|
732
|
+
/** Go to previous page */
|
|
733
|
+
prev: () => void;
|
|
734
|
+
/** Go to specific page */
|
|
735
|
+
select: (page: number) => void;
|
|
736
|
+
/** Attributes to bind to the root element */
|
|
737
|
+
attrs: {
|
|
738
|
+
'aria-label': string;
|
|
739
|
+
};
|
|
740
|
+
}
|
|
741
|
+
//#endregion
|
|
742
|
+
//#region src/components/Pagination/PaginationItem.vue.d.ts
|
|
743
|
+
interface PaginationItemProps extends AtomProps {
|
|
744
|
+
/** Namespace for dependency injection */
|
|
745
|
+
namespace?: string;
|
|
746
|
+
/** Page number this item represents */
|
|
747
|
+
value: number;
|
|
748
|
+
/** Override disabled state */
|
|
749
|
+
disabled?: boolean;
|
|
750
|
+
/** Unique identifier for registration */
|
|
751
|
+
id?: string;
|
|
752
|
+
}
|
|
753
|
+
interface PaginationItemSlotProps {
|
|
754
|
+
/** Page number */
|
|
755
|
+
page: number;
|
|
756
|
+
/** Whether this page is currently selected */
|
|
757
|
+
isSelected: boolean;
|
|
758
|
+
/** Whether this item is disabled */
|
|
759
|
+
isDisabled: boolean;
|
|
760
|
+
/** Go to this page */
|
|
761
|
+
select: () => void;
|
|
762
|
+
/** Attributes to bind to the item element */
|
|
763
|
+
attrs: {
|
|
764
|
+
'aria-label': string;
|
|
765
|
+
'aria-current': 'page' | undefined;
|
|
766
|
+
'data-selected': true | undefined;
|
|
767
|
+
'data-disabled': true | undefined;
|
|
768
|
+
'disabled': boolean | undefined;
|
|
769
|
+
'type': 'button' | undefined;
|
|
770
|
+
'onClick': () => void;
|
|
771
|
+
};
|
|
772
|
+
}
|
|
773
|
+
//#endregion
|
|
774
|
+
//#region src/components/Pagination/PaginationFirst.vue.d.ts
|
|
775
|
+
interface PaginationFirstProps extends AtomProps {
|
|
776
|
+
/** Namespace for dependency injection */
|
|
777
|
+
namespace?: string;
|
|
778
|
+
/** Override disabled state */
|
|
779
|
+
disabled?: boolean;
|
|
780
|
+
/** Unique identifier for registration */
|
|
781
|
+
id?: string;
|
|
782
|
+
}
|
|
783
|
+
interface PaginationFirstSlotProps {
|
|
784
|
+
/** Whether button is disabled */
|
|
785
|
+
isDisabled: boolean;
|
|
786
|
+
/** Go to first page */
|
|
787
|
+
first: () => void;
|
|
788
|
+
/** Attributes to bind to the button element */
|
|
789
|
+
attrs: {
|
|
790
|
+
'aria-label': string;
|
|
791
|
+
'aria-disabled': boolean | undefined;
|
|
792
|
+
'data-disabled': true | undefined;
|
|
793
|
+
'disabled': boolean | undefined;
|
|
794
|
+
'type': 'button' | undefined;
|
|
795
|
+
'onClick': () => void;
|
|
796
|
+
};
|
|
797
|
+
}
|
|
798
|
+
//#endregion
|
|
799
|
+
//#region src/components/Pagination/PaginationPrev.vue.d.ts
|
|
800
|
+
interface PaginationPrevProps extends AtomProps {
|
|
801
|
+
/** Namespace for dependency injection */
|
|
802
|
+
namespace?: string;
|
|
803
|
+
/** Override disabled state */
|
|
804
|
+
disabled?: boolean;
|
|
805
|
+
/** Unique identifier for registration */
|
|
806
|
+
id?: string;
|
|
807
|
+
}
|
|
808
|
+
interface PaginationPrevSlotProps {
|
|
809
|
+
/** Whether button is disabled */
|
|
810
|
+
isDisabled: boolean;
|
|
811
|
+
/** Go to previous page */
|
|
812
|
+
prev: () => void;
|
|
813
|
+
/** Attributes to bind to the button element */
|
|
814
|
+
attrs: {
|
|
815
|
+
'aria-label': string;
|
|
816
|
+
'aria-disabled': boolean | undefined;
|
|
817
|
+
'data-disabled': true | undefined;
|
|
818
|
+
'disabled': boolean | undefined;
|
|
819
|
+
'type': 'button' | undefined;
|
|
820
|
+
'onClick': () => void;
|
|
821
|
+
};
|
|
822
|
+
}
|
|
823
|
+
//#endregion
|
|
824
|
+
//#region src/components/Pagination/PaginationEllipsis.vue.d.ts
|
|
825
|
+
interface PaginationEllipsisProps extends AtomProps {
|
|
826
|
+
/** Namespace for dependency injection */
|
|
827
|
+
namespace?: string;
|
|
828
|
+
/** Ellipsis character to display (overrides context) */
|
|
829
|
+
ellipsis?: string;
|
|
830
|
+
/** Unique identifier for registration */
|
|
831
|
+
id?: string;
|
|
832
|
+
}
|
|
833
|
+
interface PaginationEllipsisSlotProps {
|
|
834
|
+
/** Ellipsis character */
|
|
835
|
+
ellipsis: string | false;
|
|
836
|
+
/** Attributes to bind to the ellipsis element */
|
|
837
|
+
attrs: {
|
|
838
|
+
'aria-hidden': 'true';
|
|
839
|
+
};
|
|
840
|
+
}
|
|
841
|
+
//#endregion
|
|
842
|
+
//#region src/components/Pagination/PaginationNext.vue.d.ts
|
|
843
|
+
interface PaginationNextProps extends AtomProps {
|
|
844
|
+
/** Namespace for dependency injection */
|
|
845
|
+
namespace?: string;
|
|
846
|
+
/** Override disabled state */
|
|
847
|
+
disabled?: boolean;
|
|
848
|
+
/** Unique identifier for registration */
|
|
849
|
+
id?: string;
|
|
850
|
+
}
|
|
851
|
+
interface PaginationNextSlotProps {
|
|
852
|
+
/** Whether button is disabled */
|
|
853
|
+
isDisabled: boolean;
|
|
854
|
+
/** Go to next page */
|
|
855
|
+
next: () => void;
|
|
856
|
+
/** Attributes to bind to the button element */
|
|
857
|
+
attrs: {
|
|
858
|
+
'aria-label': string;
|
|
859
|
+
'aria-disabled': boolean | undefined;
|
|
860
|
+
'data-disabled': true | undefined;
|
|
861
|
+
'disabled': boolean | undefined;
|
|
862
|
+
'type': 'button' | undefined;
|
|
863
|
+
'onClick': () => void;
|
|
864
|
+
};
|
|
865
|
+
}
|
|
866
|
+
//#endregion
|
|
867
|
+
//#region src/components/Pagination/PaginationLast.vue.d.ts
|
|
868
|
+
interface PaginationLastProps extends AtomProps {
|
|
869
|
+
/** Namespace for dependency injection */
|
|
870
|
+
namespace?: string;
|
|
871
|
+
/** Override disabled state */
|
|
872
|
+
disabled?: boolean;
|
|
873
|
+
/** Unique identifier for registration */
|
|
874
|
+
id?: string;
|
|
875
|
+
}
|
|
876
|
+
interface PaginationLastSlotProps {
|
|
877
|
+
/** Whether button is disabled */
|
|
878
|
+
isDisabled: boolean;
|
|
879
|
+
/** Go to last page */
|
|
880
|
+
last: () => void;
|
|
881
|
+
/** Attributes to bind to the button element */
|
|
882
|
+
attrs: {
|
|
883
|
+
'aria-label': string;
|
|
884
|
+
'aria-disabled': boolean | undefined;
|
|
885
|
+
'data-disabled': true | undefined;
|
|
886
|
+
'disabled': boolean | undefined;
|
|
887
|
+
'type': 'button' | undefined;
|
|
888
|
+
'onClick': () => void;
|
|
889
|
+
};
|
|
890
|
+
}
|
|
891
|
+
//#endregion
|
|
892
|
+
//#region src/components/Pagination/index.d.ts
|
|
893
|
+
declare const Pagination: {
|
|
894
|
+
/**
|
|
895
|
+
* Root component for pagination controls.
|
|
896
|
+
*
|
|
897
|
+
* @see https://0.vuetifyjs.com/components/pagination
|
|
898
|
+
*
|
|
899
|
+
* @example
|
|
900
|
+
* ```vue
|
|
901
|
+
* <script lang="ts" setup>
|
|
902
|
+
* import { Pagination } from '@vuetify/v0'
|
|
903
|
+
* </script>
|
|
904
|
+
*
|
|
905
|
+
* <template>
|
|
906
|
+
* <Pagination.Root v-model="page" :size="100">
|
|
907
|
+
* <Pagination.First />
|
|
908
|
+
*
|
|
909
|
+
* <Pagination.Prev />
|
|
910
|
+
*
|
|
911
|
+
* <template v-for="item in items" :key="item.value">
|
|
912
|
+
* <Pagination.Item v-if="item.type === 'page'" :value="item.value" />
|
|
913
|
+
*
|
|
914
|
+
* <Pagination.Ellipsis v-else />
|
|
915
|
+
* </template>
|
|
916
|
+
*
|
|
917
|
+
* <Pagination.Next />
|
|
918
|
+
*
|
|
919
|
+
* <Pagination.Last />
|
|
920
|
+
* </Pagination.Root>
|
|
921
|
+
* </template>
|
|
922
|
+
* ```
|
|
923
|
+
*/
|
|
924
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
925
|
+
attrs: any;
|
|
926
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: number) => void);
|
|
927
|
+
slots: {
|
|
928
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
929
|
+
};
|
|
930
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
931
|
+
props: {
|
|
932
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
933
|
+
namespace?: string | undefined;
|
|
934
|
+
size?: number | undefined;
|
|
935
|
+
totalVisible?: number | undefined;
|
|
936
|
+
itemsPerPage?: number | undefined;
|
|
937
|
+
ellipsis?: string | false | undefined;
|
|
938
|
+
as?: (DOMElement | null) | undefined;
|
|
939
|
+
renderless?: boolean | undefined;
|
|
940
|
+
modelValue?: number | undefined;
|
|
941
|
+
} & vue267.PublicProps;
|
|
942
|
+
expose: (exposed: {}) => void;
|
|
943
|
+
attrs: any;
|
|
944
|
+
slots: {
|
|
945
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
946
|
+
};
|
|
947
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((evt: "update:modelValue", value: number) => void);
|
|
948
|
+
}>) => vue267.VNode & {
|
|
949
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
950
|
+
};
|
|
951
|
+
/**
|
|
952
|
+
* Individual page button that navigates to a specific page number.
|
|
953
|
+
*
|
|
954
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationitem
|
|
955
|
+
*
|
|
956
|
+
* @example
|
|
957
|
+
* ```vue
|
|
958
|
+
* <script lang="ts" setup>
|
|
959
|
+
* import { Pagination } from '@vuetify/v0'
|
|
960
|
+
* </script>
|
|
961
|
+
*
|
|
962
|
+
* <template>
|
|
963
|
+
* <Pagination.Item :value="1">1</Pagination.Item>
|
|
964
|
+
*
|
|
965
|
+
* <!-- With slot props -->
|
|
966
|
+
* <Pagination.Item :value="2" v-slot="{ isSelected }">
|
|
967
|
+
* <span :class="{ 'font-bold': isSelected }">2</span>
|
|
968
|
+
* </Pagination.Item>
|
|
969
|
+
* </template>
|
|
970
|
+
* ```
|
|
971
|
+
*/
|
|
972
|
+
Item: {
|
|
973
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
974
|
+
P: {};
|
|
975
|
+
B: {};
|
|
976
|
+
D: {};
|
|
977
|
+
C: {};
|
|
978
|
+
M: {};
|
|
979
|
+
Defaults: {};
|
|
980
|
+
}, Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
981
|
+
__isFragment?: never;
|
|
982
|
+
__isTeleport?: never;
|
|
983
|
+
__isSuspense?: never;
|
|
984
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
985
|
+
$slots: {
|
|
986
|
+
default: (props: PaginationItemSlotProps) => any;
|
|
987
|
+
};
|
|
988
|
+
});
|
|
989
|
+
/**
|
|
990
|
+
* Navigation button that jumps to the first page. Automatically
|
|
991
|
+
* disables when already on the first page.
|
|
992
|
+
*
|
|
993
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationfirst
|
|
994
|
+
*
|
|
995
|
+
* @example
|
|
996
|
+
* ```vue
|
|
997
|
+
* <script lang="ts" setup>
|
|
998
|
+
* import { Pagination } from '@vuetify/v0'
|
|
999
|
+
* </script>
|
|
1000
|
+
*
|
|
1001
|
+
* <template>
|
|
1002
|
+
* <Pagination.First>First</Pagination.First>
|
|
1003
|
+
*
|
|
1004
|
+
* <!-- With slot props -->
|
|
1005
|
+
* <Pagination.First v-slot="{ isDisabled }">
|
|
1006
|
+
* <span :class="{ 'opacity-50': isDisabled }">«</span>
|
|
1007
|
+
* </Pagination.First>
|
|
1008
|
+
*
|
|
1009
|
+
* <!-- With data attributes -->
|
|
1010
|
+
* <Pagination.First class="data-[disabled]:opacity-50">
|
|
1011
|
+
* First
|
|
1012
|
+
* </Pagination.First>
|
|
1013
|
+
* </template>
|
|
1014
|
+
* ```
|
|
1015
|
+
*/
|
|
1016
|
+
First: {
|
|
1017
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1018
|
+
P: {};
|
|
1019
|
+
B: {};
|
|
1020
|
+
D: {};
|
|
1021
|
+
C: {};
|
|
1022
|
+
M: {};
|
|
1023
|
+
Defaults: {};
|
|
1024
|
+
}, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1025
|
+
__isFragment?: never;
|
|
1026
|
+
__isTeleport?: never;
|
|
1027
|
+
__isSuspense?: never;
|
|
1028
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1029
|
+
$slots: {
|
|
1030
|
+
default: (props: PaginationFirstSlotProps) => any;
|
|
1031
|
+
};
|
|
1032
|
+
});
|
|
1033
|
+
/**
|
|
1034
|
+
* Navigation button that moves to the previous page. Automatically
|
|
1035
|
+
* disables when already on the first page.
|
|
1036
|
+
*
|
|
1037
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationprev
|
|
1038
|
+
*
|
|
1039
|
+
* @example
|
|
1040
|
+
* ```vue
|
|
1041
|
+
* <script lang="ts" setup>
|
|
1042
|
+
* import { Pagination } from '@vuetify/v0'
|
|
1043
|
+
* </script>
|
|
1044
|
+
*
|
|
1045
|
+
* <template>
|
|
1046
|
+
* <Pagination.Prev>Prev</Pagination.Prev>
|
|
1047
|
+
*
|
|
1048
|
+
* <!-- With slot props -->
|
|
1049
|
+
* <Pagination.Prev v-slot="{ isDisabled }">
|
|
1050
|
+
* <span :class="{ 'opacity-50': isDisabled }">‹</span>
|
|
1051
|
+
* </Pagination.Prev>
|
|
1052
|
+
*
|
|
1053
|
+
* <!-- With data attributes -->
|
|
1054
|
+
* <Pagination.Prev class="data-[disabled]:opacity-50">
|
|
1055
|
+
* Prev
|
|
1056
|
+
* </Pagination.Prev>
|
|
1057
|
+
* </template>
|
|
1058
|
+
* ```
|
|
1059
|
+
*/
|
|
1060
|
+
Prev: {
|
|
1061
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1062
|
+
P: {};
|
|
1063
|
+
B: {};
|
|
1064
|
+
D: {};
|
|
1065
|
+
C: {};
|
|
1066
|
+
M: {};
|
|
1067
|
+
Defaults: {};
|
|
1068
|
+
}, Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1069
|
+
__isFragment?: never;
|
|
1070
|
+
__isTeleport?: never;
|
|
1071
|
+
__isSuspense?: never;
|
|
1072
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1073
|
+
$slots: {
|
|
1074
|
+
default: (props: PaginationPrevSlotProps) => any;
|
|
1075
|
+
};
|
|
1076
|
+
});
|
|
1077
|
+
/**
|
|
1078
|
+
* Visual indicator for omitted page numbers. Hidden from screen
|
|
1079
|
+
* readers via aria-hidden. Inherits ellipsis character from Root
|
|
1080
|
+
* or can be overridden via prop.
|
|
1081
|
+
*
|
|
1082
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationellipsis
|
|
1083
|
+
*
|
|
1084
|
+
* @example
|
|
1085
|
+
* ```vue
|
|
1086
|
+
* <script lang="ts" setup>
|
|
1087
|
+
* import { Pagination } from '@vuetify/v0'
|
|
1088
|
+
* </script>
|
|
1089
|
+
*
|
|
1090
|
+
* <template>
|
|
1091
|
+
* <!-- Uses default "..." from Root -->
|
|
1092
|
+
* <Pagination.Ellipsis />
|
|
1093
|
+
*
|
|
1094
|
+
* <!-- Override ellipsis character -->
|
|
1095
|
+
* <Pagination.Ellipsis ellipsis="…" />
|
|
1096
|
+
* </template>
|
|
1097
|
+
* ```
|
|
1098
|
+
*/
|
|
1099
|
+
Ellipsis: {
|
|
1100
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1101
|
+
P: {};
|
|
1102
|
+
B: {};
|
|
1103
|
+
D: {};
|
|
1104
|
+
C: {};
|
|
1105
|
+
M: {};
|
|
1106
|
+
Defaults: {};
|
|
1107
|
+
}, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1108
|
+
__isFragment?: never;
|
|
1109
|
+
__isTeleport?: never;
|
|
1110
|
+
__isSuspense?: never;
|
|
1111
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1112
|
+
$slots: {
|
|
1113
|
+
default: (props: PaginationEllipsisSlotProps) => any;
|
|
1114
|
+
};
|
|
1115
|
+
});
|
|
1116
|
+
/**
|
|
1117
|
+
* Navigation button that moves to the next page. Automatically
|
|
1118
|
+
* disables when already on the last page.
|
|
1119
|
+
*
|
|
1120
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationnext
|
|
1121
|
+
*
|
|
1122
|
+
* @example
|
|
1123
|
+
* ```vue
|
|
1124
|
+
* <script lang="ts" setup>
|
|
1125
|
+
* import { Pagination } from '@vuetify/v0'
|
|
1126
|
+
* </script>
|
|
1127
|
+
*
|
|
1128
|
+
* <template>
|
|
1129
|
+
* <Pagination.Next>Next</Pagination.Next>
|
|
1130
|
+
*
|
|
1131
|
+
* <!-- With slot props -->
|
|
1132
|
+
* <Pagination.Next v-slot="{ isDisabled }">
|
|
1133
|
+
* <span :class="{ 'opacity-50': isDisabled }">›</span>
|
|
1134
|
+
* </Pagination.Next>
|
|
1135
|
+
*
|
|
1136
|
+
* <!-- With data attributes -->
|
|
1137
|
+
* <Pagination.Next class="data-[disabled]:opacity-50">
|
|
1138
|
+
* Next
|
|
1139
|
+
* </Pagination.Next>
|
|
1140
|
+
* </template>
|
|
1141
|
+
* ```
|
|
1142
|
+
*/
|
|
1143
|
+
Next: {
|
|
1144
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1145
|
+
P: {};
|
|
1146
|
+
B: {};
|
|
1147
|
+
D: {};
|
|
1148
|
+
C: {};
|
|
1149
|
+
M: {};
|
|
1150
|
+
Defaults: {};
|
|
1151
|
+
}, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1152
|
+
__isFragment?: never;
|
|
1153
|
+
__isTeleport?: never;
|
|
1154
|
+
__isSuspense?: never;
|
|
1155
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1156
|
+
$slots: {
|
|
1157
|
+
default: (props: PaginationNextSlotProps) => any;
|
|
1158
|
+
};
|
|
1159
|
+
});
|
|
1160
|
+
/**
|
|
1161
|
+
* Navigation button that jumps to the last page. Automatically
|
|
1162
|
+
* disables when already on the last page.
|
|
1163
|
+
*
|
|
1164
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationlast
|
|
1165
|
+
*
|
|
1166
|
+
* @example
|
|
1167
|
+
* ```vue
|
|
1168
|
+
* <script lang="ts" setup>
|
|
1169
|
+
* import { Pagination } from '@vuetify/v0'
|
|
1170
|
+
* </script>
|
|
1171
|
+
*
|
|
1172
|
+
* <template>
|
|
1173
|
+
* <Pagination.Last>Last</Pagination.Last>
|
|
1174
|
+
*
|
|
1175
|
+
* <!-- With slot props -->
|
|
1176
|
+
* <Pagination.Last v-slot="{ isDisabled }">
|
|
1177
|
+
* <span :class="{ 'opacity-50': isDisabled }">»</span>
|
|
1178
|
+
* </Pagination.Last>
|
|
1179
|
+
*
|
|
1180
|
+
* <!-- With data attributes -->
|
|
1181
|
+
* <Pagination.Last class="data-[disabled]:opacity-50">
|
|
1182
|
+
* Last
|
|
1183
|
+
* </Pagination.Last>
|
|
1184
|
+
* </template>
|
|
1185
|
+
* ```
|
|
1186
|
+
*/
|
|
1187
|
+
Last: {
|
|
1188
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1189
|
+
P: {};
|
|
1190
|
+
B: {};
|
|
1191
|
+
D: {};
|
|
1192
|
+
C: {};
|
|
1193
|
+
M: {};
|
|
1194
|
+
Defaults: {};
|
|
1195
|
+
}, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1196
|
+
__isFragment?: never;
|
|
1197
|
+
__isTeleport?: never;
|
|
1198
|
+
__isSuspense?: never;
|
|
1199
|
+
} & vue267.ComponentOptionsBase<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1200
|
+
$slots: {
|
|
1201
|
+
default: (props: PaginationLastSlotProps) => any;
|
|
1202
|
+
};
|
|
1203
|
+
});
|
|
1204
|
+
};
|
|
1205
|
+
//#endregion
|
|
1206
|
+
//#region src/components/Popover/PopoverRoot.vue.d.ts
|
|
1207
|
+
interface PopoverContext {
|
|
1208
|
+
isSelected: ShallowRef<boolean>;
|
|
1209
|
+
id: string;
|
|
1210
|
+
toggle: () => void;
|
|
1211
|
+
}
|
|
1212
|
+
interface PopoverRootProps extends AtomProps {
|
|
1213
|
+
/** Unique identifier for the popover (auto-generated if not provided) */
|
|
1214
|
+
id?: string;
|
|
1215
|
+
}
|
|
1216
|
+
interface PopoverRootSlotProps {
|
|
1217
|
+
/** Unique identifier */
|
|
1218
|
+
id: string;
|
|
1219
|
+
/** Whether the popover is currently open */
|
|
1220
|
+
isSelected: boolean;
|
|
1221
|
+
/** Toggle the popover open/closed state */
|
|
1222
|
+
toggle: () => void;
|
|
1223
|
+
}
|
|
1224
|
+
declare const usePopoverContext: () => PopoverContext, providePopoverContext: (context: PopoverContext, app?: vue267.App) => PopoverContext;
|
|
1225
|
+
//#endregion
|
|
1226
|
+
//#region src/components/Popover/PopoverAnchor.vue.d.ts
|
|
1227
|
+
interface PopoverAnchorProps extends AtomProps {
|
|
1228
|
+
/** Target popover ID (defaults to parent PopoverRoot id) */
|
|
1229
|
+
target?: string;
|
|
1230
|
+
}
|
|
1231
|
+
interface PopoverAnchorSlotProps {
|
|
1232
|
+
/** Whether the popover is currently open */
|
|
1233
|
+
isOpen: boolean;
|
|
1234
|
+
/** Attributes to bind to the anchor element */
|
|
1235
|
+
attrs: {
|
|
1236
|
+
'popovertarget': string;
|
|
1237
|
+
'type': 'button' | undefined;
|
|
1238
|
+
'data-popover-open': '' | undefined;
|
|
1239
|
+
};
|
|
1240
|
+
}
|
|
1241
|
+
//#endregion
|
|
1242
|
+
//#region src/components/Popover/PopoverContent.vue.d.ts
|
|
1243
|
+
interface PopoverContentProps extends AtomProps {
|
|
1244
|
+
/** Unique identifier (defaults to parent PopoverRoot id) */
|
|
1245
|
+
id?: string;
|
|
1246
|
+
/** CSS position-area value for anchor positioning */
|
|
1247
|
+
positionArea?: string;
|
|
1248
|
+
/** CSS position-try value for fallback positioning */
|
|
1249
|
+
positionTry?: string;
|
|
1250
|
+
}
|
|
1251
|
+
interface PopoverContentEmits {
|
|
1252
|
+
beforetoggle: [e: ToggleEvent];
|
|
1253
|
+
}
|
|
1254
|
+
interface PopoverContentSlotProps {
|
|
1255
|
+
/** Whether the popover is currently open */
|
|
1256
|
+
isOpen: boolean;
|
|
1257
|
+
/** Attributes to bind to the content element */
|
|
1258
|
+
attrs: {
|
|
1259
|
+
id: string;
|
|
1260
|
+
popover: '';
|
|
1261
|
+
};
|
|
1262
|
+
}
|
|
1263
|
+
//#endregion
|
|
1264
|
+
//#region src/components/Popover/index.d.ts
|
|
1265
|
+
declare const Popover: {
|
|
1266
|
+
Root: {
|
|
1267
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PopoverRootProps & {
|
|
1268
|
+
modelValue?: boolean;
|
|
1269
|
+
}> & Readonly<{
|
|
1270
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1271
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
1272
|
+
"update:modelValue": (value: boolean) => any;
|
|
1273
|
+
}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1274
|
+
P: {};
|
|
1275
|
+
B: {};
|
|
1276
|
+
D: {};
|
|
1277
|
+
C: {};
|
|
1278
|
+
M: {};
|
|
1279
|
+
Defaults: {};
|
|
1280
|
+
}, Readonly<PopoverRootProps & {
|
|
1281
|
+
modelValue?: boolean;
|
|
1282
|
+
}> & Readonly<{
|
|
1283
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1284
|
+
}>, {}, {}, {}, {}, {}>;
|
|
1285
|
+
__isFragment?: never;
|
|
1286
|
+
__isTeleport?: never;
|
|
1287
|
+
__isSuspense?: never;
|
|
1288
|
+
} & vue267.ComponentOptionsBase<Readonly<PopoverRootProps & {
|
|
1289
|
+
modelValue?: boolean;
|
|
1290
|
+
}> & Readonly<{
|
|
1291
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1292
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
1293
|
+
"update:modelValue": (value: boolean) => any;
|
|
1294
|
+
}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1295
|
+
$slots: {
|
|
1296
|
+
default: (props: PopoverRootSlotProps) => any;
|
|
1297
|
+
};
|
|
1298
|
+
});
|
|
1299
|
+
Anchor: {
|
|
1300
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PopoverAnchorProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1301
|
+
P: {};
|
|
1302
|
+
B: {};
|
|
1303
|
+
D: {};
|
|
1304
|
+
C: {};
|
|
1305
|
+
M: {};
|
|
1306
|
+
Defaults: {};
|
|
1307
|
+
}, Readonly<PopoverAnchorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
1308
|
+
__isFragment?: never;
|
|
1309
|
+
__isTeleport?: never;
|
|
1310
|
+
__isSuspense?: never;
|
|
1311
|
+
} & vue267.ComponentOptionsBase<Readonly<PopoverAnchorProps> & Readonly<{}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1312
|
+
$slots: {
|
|
1313
|
+
default: (props: PopoverAnchorSlotProps) => any;
|
|
1314
|
+
};
|
|
1315
|
+
});
|
|
1316
|
+
Content: {
|
|
1317
|
+
new (...args: any[]): vue267.CreateComponentPublicInstanceWithMixins<Readonly<PopoverContentProps> & Readonly<{
|
|
1318
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
1319
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
1320
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
1321
|
+
}, vue267.PublicProps, {}, false, {}, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, {}, any, vue267.ComponentProvideOptions, {
|
|
1322
|
+
P: {};
|
|
1323
|
+
B: {};
|
|
1324
|
+
D: {};
|
|
1325
|
+
C: {};
|
|
1326
|
+
M: {};
|
|
1327
|
+
Defaults: {};
|
|
1328
|
+
}, Readonly<PopoverContentProps> & Readonly<{
|
|
1329
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
1330
|
+
}>, {}, {}, {}, {}, {}>;
|
|
1331
|
+
__isFragment?: never;
|
|
1332
|
+
__isTeleport?: never;
|
|
1333
|
+
__isSuspense?: never;
|
|
1334
|
+
} & vue267.ComponentOptionsBase<Readonly<PopoverContentProps> & Readonly<{
|
|
1335
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
1336
|
+
}>, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
|
|
1337
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
1338
|
+
}, string, {}, {}, string, {}, vue267.GlobalComponents, vue267.GlobalDirectives, string, vue267.ComponentProvideOptions> & vue267.VNodeProps & vue267.AllowedComponentProps & vue267.ComponentCustomProps & (new () => {
|
|
1339
|
+
$slots: {
|
|
1340
|
+
default: (props: PopoverContentSlotProps) => any;
|
|
1341
|
+
};
|
|
1342
|
+
});
|
|
1343
|
+
};
|
|
1344
|
+
//#endregion
|
|
1345
|
+
//#region src/components/Selection/SelectionRoot.vue.d.ts
|
|
1346
|
+
interface SelectionRootProps {
|
|
1347
|
+
/** Namespace for dependency injection (must match SelectionItem namespace) */
|
|
1348
|
+
namespace?: string;
|
|
1349
|
+
/** Disables the entire selection instance */
|
|
1350
|
+
disabled?: boolean;
|
|
1351
|
+
/** Auto-select non-disabled items on registration */
|
|
1352
|
+
enroll?: boolean;
|
|
1353
|
+
/**
|
|
1354
|
+
* Controls mandatory selection behavior:
|
|
1355
|
+
* - false (default): No mandatory selection enforcement
|
|
1356
|
+
* - true: Prevents deselecting the last selected item
|
|
1357
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
1358
|
+
*/
|
|
1359
|
+
mandatory?: boolean | 'force';
|
|
1360
|
+
/** Enable multi-selection mode (array v-model) */
|
|
1361
|
+
multiple?: boolean;
|
|
1362
|
+
}
|
|
1363
|
+
interface SelectionRootSlotProps {
|
|
1364
|
+
/** Whether the selection instance is disabled */
|
|
1365
|
+
isDisabled: boolean;
|
|
1366
|
+
/** Enable multi-selection mode (array v-model) */
|
|
1367
|
+
multiple: boolean;
|
|
1368
|
+
/** Select an item by ID */
|
|
1369
|
+
select: (id: ID) => void;
|
|
1370
|
+
/** Unselect an item by ID */
|
|
1371
|
+
unselect: (id: ID) => void;
|
|
1372
|
+
/** Toggle an item's selection state by ID */
|
|
1373
|
+
toggle: (id: ID) => void;
|
|
1374
|
+
/** Attributes to bind to the root element */
|
|
1375
|
+
attrs: {
|
|
1376
|
+
'aria-multiselectable': boolean;
|
|
1377
|
+
};
|
|
1378
|
+
}
|
|
1379
|
+
declare const useSelectionRoot: (key: string, defaultValue?: SelectionContext<SelectionTicket<unknown>> | undefined) => SelectionContext<SelectionTicket<unknown>>, provideSelectionRoot: (key: string, context: SelectionContext<SelectionTicket<unknown>>, app?: vue267.App) => SelectionContext<SelectionTicket<unknown>>;
|
|
1380
|
+
//#endregion
|
|
1381
|
+
//#region src/components/Selection/SelectionItem.vue.d.ts
|
|
1382
|
+
interface SelectionItemProps<V = unknown> {
|
|
1383
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
1384
|
+
id?: string;
|
|
1385
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
1386
|
+
label?: string;
|
|
1387
|
+
/** Value associated with this item */
|
|
1388
|
+
value?: V;
|
|
1389
|
+
/** Disables this specific item */
|
|
1390
|
+
disabled?: MaybeRef<boolean>;
|
|
1391
|
+
/** Namespace for dependency injection */
|
|
1392
|
+
namespace?: string;
|
|
1393
|
+
}
|
|
1394
|
+
interface SelectionItemSlotProps<V = unknown> {
|
|
1395
|
+
/** Unique identifier */
|
|
1396
|
+
id: string;
|
|
1397
|
+
/** Optional display label */
|
|
1398
|
+
label?: string;
|
|
1399
|
+
/** Value associated with this item */
|
|
1400
|
+
value: V | undefined;
|
|
1401
|
+
/** Whether this item is currently selected */
|
|
1402
|
+
isSelected: boolean;
|
|
1403
|
+
/** Whether this item is disabled */
|
|
1404
|
+
isDisabled: boolean;
|
|
1405
|
+
/** Select this item */
|
|
1406
|
+
select: () => void;
|
|
1407
|
+
/** Unselect this item */
|
|
1408
|
+
unselect: () => void;
|
|
1409
|
+
/** Toggle this item's selection state */
|
|
1410
|
+
toggle: () => void;
|
|
1411
|
+
/** Attributes to bind to the item element */
|
|
1412
|
+
attrs: {
|
|
1413
|
+
'aria-selected': boolean;
|
|
1414
|
+
'aria-disabled': boolean;
|
|
1415
|
+
'data-selected': true | undefined;
|
|
1416
|
+
'data-disabled': true | undefined;
|
|
1417
|
+
};
|
|
1418
|
+
}
|
|
1419
|
+
//#endregion
|
|
1420
|
+
//#region src/components/Selection/index.d.ts
|
|
1421
|
+
declare const Selection: {
|
|
1422
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1423
|
+
attrs: any;
|
|
1424
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1425
|
+
slots: {
|
|
1426
|
+
default: (props: SelectionRootSlotProps) => any;
|
|
1427
|
+
};
|
|
1428
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1429
|
+
props: {
|
|
1430
|
+
namespace?: string | undefined;
|
|
1431
|
+
disabled?: boolean | undefined;
|
|
1432
|
+
enroll?: boolean | undefined;
|
|
1433
|
+
mandatory?: boolean | "force" | undefined;
|
|
1434
|
+
multiple?: boolean | undefined;
|
|
1435
|
+
modelValue?: (T | T[]) | undefined;
|
|
1436
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
1437
|
+
} & vue267.PublicProps;
|
|
1438
|
+
expose: (exposed: {}) => void;
|
|
1439
|
+
attrs: any;
|
|
1440
|
+
slots: {
|
|
1441
|
+
default: (props: SelectionRootSlotProps) => any;
|
|
1442
|
+
};
|
|
1443
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1444
|
+
}>) => vue267.VNode & {
|
|
1445
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1446
|
+
};
|
|
1447
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1448
|
+
attrs: any;
|
|
1449
|
+
emit: {};
|
|
1450
|
+
slots: {
|
|
1451
|
+
default: (props: SelectionItemSlotProps<V>) => unknown;
|
|
1452
|
+
};
|
|
1453
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1454
|
+
props: {
|
|
1455
|
+
id?: string | undefined;
|
|
1456
|
+
label?: string | undefined;
|
|
1457
|
+
value?: V | undefined;
|
|
1458
|
+
disabled?: vue267.MaybeRef<boolean> | undefined;
|
|
1459
|
+
namespace?: string | undefined;
|
|
1460
|
+
} & vue267.PublicProps;
|
|
1461
|
+
expose: (exposed: {}) => void;
|
|
1462
|
+
attrs: any;
|
|
1463
|
+
slots: {
|
|
1464
|
+
default: (props: SelectionItemSlotProps<V>) => unknown;
|
|
1465
|
+
};
|
|
1466
|
+
emit: {};
|
|
1467
|
+
}>) => vue267.VNode & {
|
|
1468
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1469
|
+
};
|
|
1470
|
+
};
|
|
1471
|
+
//#endregion
|
|
1472
|
+
//#region src/components/Single/SingleRoot.vue.d.ts
|
|
1473
|
+
interface SingleRootProps {
|
|
1474
|
+
/** Namespace for dependency injection (must match SingleItem namespace) */
|
|
1475
|
+
namespace?: string;
|
|
1476
|
+
/** Disables the entire single instance */
|
|
1477
|
+
disabled?: boolean;
|
|
1478
|
+
/** Auto-select non-disabled items on registration */
|
|
1479
|
+
enroll?: boolean;
|
|
1480
|
+
/**
|
|
1481
|
+
* Controls mandatory single behavior:
|
|
1482
|
+
* - false (default): No mandatory single enforcement
|
|
1483
|
+
* - true: Prevents deselecting the last selected item
|
|
1484
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
1485
|
+
*/
|
|
1486
|
+
mandatory?: boolean | 'force';
|
|
1487
|
+
}
|
|
1488
|
+
interface SingleRootSlotProps {
|
|
1489
|
+
/** Whether the single instance is disabled */
|
|
1490
|
+
isDisabled: boolean;
|
|
1491
|
+
/** Select an item by ID */
|
|
1492
|
+
select: (id: ID) => void;
|
|
1493
|
+
/** Unselect an item by ID */
|
|
1494
|
+
unselect: (id: ID) => void;
|
|
1495
|
+
/** Toggle an item's single state by ID */
|
|
1496
|
+
toggle: (id: ID) => void;
|
|
1497
|
+
/** Attributes to bind to the root element */
|
|
1498
|
+
attrs: {
|
|
1499
|
+
'aria-multiselectable': false;
|
|
1500
|
+
};
|
|
1501
|
+
}
|
|
1502
|
+
declare const useSingleRoot: (key: string, defaultValue?: SingleContext<SingleTicket<unknown>> | undefined) => SingleContext<SingleTicket<unknown>>, provideSingleRoot: (key: string, context: SingleContext<SingleTicket<unknown>>, app?: vue267.App) => SingleContext<SingleTicket<unknown>>;
|
|
1503
|
+
//#endregion
|
|
1504
|
+
//#region src/components/Single/SingleItem.vue.d.ts
|
|
1505
|
+
interface SingleItemProps<V = unknown> {
|
|
1506
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
1507
|
+
id?: string;
|
|
1508
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
1509
|
+
label?: string;
|
|
1510
|
+
/** Value associated with this item */
|
|
1511
|
+
value?: V;
|
|
1512
|
+
/** Disables this specific item */
|
|
1513
|
+
disabled?: MaybeRef<boolean>;
|
|
1514
|
+
/** Namespace for dependency injection */
|
|
1515
|
+
namespace?: string;
|
|
1516
|
+
}
|
|
1517
|
+
interface SingleItemSlotProps<V = unknown> {
|
|
1518
|
+
/** Unique identifier */
|
|
1519
|
+
id: string;
|
|
1520
|
+
/** Optional display label */
|
|
1521
|
+
label?: string;
|
|
1522
|
+
/** Value associated with this item */
|
|
1523
|
+
value: V | undefined;
|
|
1524
|
+
/** Whether this item is currently selected */
|
|
1525
|
+
isSelected: boolean;
|
|
1526
|
+
/** Whether this item is disabled */
|
|
1527
|
+
isDisabled: boolean;
|
|
1528
|
+
/** Select this item */
|
|
1529
|
+
select: () => void;
|
|
1530
|
+
/** Unselect this item */
|
|
1531
|
+
unselect: () => void;
|
|
1532
|
+
/** Toggle this item's single state */
|
|
1533
|
+
toggle: () => void;
|
|
1534
|
+
/** Attributes to bind to the item element */
|
|
1535
|
+
attrs: {
|
|
1536
|
+
'aria-selected': boolean;
|
|
1537
|
+
'aria-disabled': boolean;
|
|
1538
|
+
'data-selected': true | undefined;
|
|
1539
|
+
'data-disabled': true | undefined;
|
|
1540
|
+
};
|
|
1541
|
+
}
|
|
1542
|
+
//#endregion
|
|
1543
|
+
//#region src/components/Single/index.d.ts
|
|
1544
|
+
declare const Single: {
|
|
1545
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1546
|
+
attrs: any;
|
|
1547
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1548
|
+
slots: {
|
|
1549
|
+
default: (props: SingleRootSlotProps) => any;
|
|
1550
|
+
};
|
|
1551
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1552
|
+
props: {
|
|
1553
|
+
namespace?: string | undefined;
|
|
1554
|
+
disabled?: boolean | undefined;
|
|
1555
|
+
enroll?: boolean | undefined;
|
|
1556
|
+
mandatory?: boolean | "force" | undefined;
|
|
1557
|
+
modelValue?: (T | T[]) | undefined;
|
|
1558
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
1559
|
+
} & vue267.PublicProps;
|
|
1560
|
+
expose: (exposed: {}) => void;
|
|
1561
|
+
attrs: any;
|
|
1562
|
+
slots: {
|
|
1563
|
+
default: (props: SingleRootSlotProps) => any;
|
|
1564
|
+
};
|
|
1565
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1566
|
+
}>) => vue267.VNode & {
|
|
1567
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1568
|
+
};
|
|
1569
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1570
|
+
attrs: any;
|
|
1571
|
+
emit: {};
|
|
1572
|
+
slots: {
|
|
1573
|
+
default: (props: SingleItemSlotProps<V>) => unknown;
|
|
1574
|
+
};
|
|
1575
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1576
|
+
props: {
|
|
1577
|
+
id?: string | undefined;
|
|
1578
|
+
label?: string | undefined;
|
|
1579
|
+
value?: V | undefined;
|
|
1580
|
+
disabled?: vue267.MaybeRef<boolean> | undefined;
|
|
1581
|
+
namespace?: string | undefined;
|
|
1582
|
+
} & vue267.PublicProps;
|
|
1583
|
+
expose: (exposed: {}) => void;
|
|
1584
|
+
attrs: any;
|
|
1585
|
+
slots: {
|
|
1586
|
+
default: (props: SingleItemSlotProps<V>) => unknown;
|
|
1587
|
+
};
|
|
1588
|
+
emit: {};
|
|
1589
|
+
}>) => vue267.VNode & {
|
|
1590
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1591
|
+
};
|
|
1592
|
+
};
|
|
1593
|
+
//#endregion
|
|
1594
|
+
//#region src/components/Step/StepRoot.vue.d.ts
|
|
1595
|
+
interface StepRootProps {
|
|
1596
|
+
/** Namespace for dependency injection (must match StepItem namespace) */
|
|
1597
|
+
namespace?: string;
|
|
1598
|
+
/** Disables the entire step instance */
|
|
1599
|
+
disabled?: boolean;
|
|
1600
|
+
/** Auto-select non-disabled items on registration */
|
|
1601
|
+
enroll?: boolean;
|
|
1602
|
+
/**
|
|
1603
|
+
* Controls mandatory step behavior:
|
|
1604
|
+
* - false (default): No mandatory step enforcement
|
|
1605
|
+
* - true: Prevents deselecting the last selected item
|
|
1606
|
+
* - `force`: Automatically selects the first non-disabled item on registration
|
|
1607
|
+
*/
|
|
1608
|
+
mandatory?: boolean | 'force';
|
|
1609
|
+
}
|
|
1610
|
+
interface StepRootSlotProps {
|
|
1611
|
+
/** Whether the step instance is disabled */
|
|
1612
|
+
isDisabled: boolean;
|
|
1613
|
+
/** Select the first item */
|
|
1614
|
+
first: () => void;
|
|
1615
|
+
/** Select the last item */
|
|
1616
|
+
last: () => void;
|
|
1617
|
+
/** Select the next item */
|
|
1618
|
+
next: () => void;
|
|
1619
|
+
/** Select the previous item */
|
|
1620
|
+
prev: () => void;
|
|
1621
|
+
/** Step forward or backward by a specific count */
|
|
1622
|
+
step: (count: number) => void;
|
|
1623
|
+
/** Select an item by ID */
|
|
1624
|
+
select: (id: ID) => void;
|
|
1625
|
+
/** Unselect an item by ID */
|
|
1626
|
+
unselect: (id: ID) => void;
|
|
1627
|
+
/** Toggle an item's step state by ID */
|
|
1628
|
+
toggle: (id: ID) => void;
|
|
1629
|
+
/** Attributes to bind to the root element */
|
|
1630
|
+
attrs: {
|
|
1631
|
+
'aria-multiselectable': false;
|
|
1632
|
+
};
|
|
1633
|
+
}
|
|
1634
|
+
declare const useStepRoot: (key: string, defaultValue?: StepContext<StepTicket<unknown>> | undefined) => StepContext<StepTicket<unknown>>, provideStepRoot: (key: string, context: StepContext<StepTicket<unknown>>, app?: vue267.App) => StepContext<StepTicket<unknown>>;
|
|
1635
|
+
//#endregion
|
|
1636
|
+
//#region src/components/Step/StepItem.vue.d.ts
|
|
1637
|
+
interface StepItemProps<V = unknown> {
|
|
1638
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
1639
|
+
id?: string;
|
|
1640
|
+
/** Optional display label (passed through to slot, not used in registration) */
|
|
1641
|
+
label?: string;
|
|
1642
|
+
/** Value associated with this item */
|
|
1643
|
+
value?: V;
|
|
1644
|
+
/** Disables this specific item */
|
|
1645
|
+
disabled?: MaybeRef<boolean>;
|
|
1646
|
+
/** Namespace for dependency injection */
|
|
1647
|
+
namespace?: string;
|
|
1648
|
+
}
|
|
1649
|
+
interface StepItemSlotProps<V = unknown> {
|
|
1650
|
+
/** Unique identifier */
|
|
1651
|
+
id: string;
|
|
1652
|
+
/** Optional display label */
|
|
1653
|
+
label?: string;
|
|
1654
|
+
/** Value associated with this item */
|
|
1655
|
+
value: V | undefined;
|
|
1656
|
+
/** Whether this item is currently selected */
|
|
1657
|
+
isSelected: boolean;
|
|
1658
|
+
/** Whether this item is disabled */
|
|
1659
|
+
isDisabled: boolean;
|
|
1660
|
+
/** Select this item */
|
|
1661
|
+
select: () => void;
|
|
1662
|
+
/** Unselect this item */
|
|
1663
|
+
unselect: () => void;
|
|
1664
|
+
/** Toggle this item's step state */
|
|
1665
|
+
toggle: () => void;
|
|
1666
|
+
/** Attributes to bind to the item element */
|
|
1667
|
+
attrs: {
|
|
1668
|
+
'aria-selected': boolean;
|
|
1669
|
+
'aria-disabled': boolean;
|
|
1670
|
+
'data-selected': true | undefined;
|
|
1671
|
+
'data-disabled': true | undefined;
|
|
1672
|
+
};
|
|
1673
|
+
}
|
|
1674
|
+
//#endregion
|
|
1675
|
+
//#region src/components/Step/index.d.ts
|
|
1676
|
+
declare const Step: {
|
|
1677
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1678
|
+
attrs: any;
|
|
1679
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1680
|
+
slots: {
|
|
1681
|
+
default: (props: StepRootSlotProps) => any;
|
|
1682
|
+
};
|
|
1683
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1684
|
+
props: {
|
|
1685
|
+
namespace?: string | undefined;
|
|
1686
|
+
disabled?: boolean | undefined;
|
|
1687
|
+
enroll?: boolean | undefined;
|
|
1688
|
+
mandatory?: boolean | "force" | undefined;
|
|
1689
|
+
modelValue?: (T | T[]) | undefined;
|
|
1690
|
+
"onUpdate:modelValue"?: ((value: T | T[] | undefined) => any) | undefined;
|
|
1691
|
+
} & vue267.PublicProps;
|
|
1692
|
+
expose: (exposed: {}) => void;
|
|
1693
|
+
attrs: any;
|
|
1694
|
+
slots: {
|
|
1695
|
+
default: (props: StepRootSlotProps) => any;
|
|
1696
|
+
};
|
|
1697
|
+
emit: (evt: "update:modelValue", value: T | T[] | undefined) => void;
|
|
1698
|
+
}>) => vue267.VNode & {
|
|
1699
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1700
|
+
};
|
|
1701
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
1702
|
+
attrs: any;
|
|
1703
|
+
emit: {};
|
|
1704
|
+
slots: {
|
|
1705
|
+
default: (props: StepItemSlotProps<V>) => unknown;
|
|
1706
|
+
};
|
|
1707
|
+
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1708
|
+
props: {
|
|
1709
|
+
id?: string | undefined;
|
|
1710
|
+
label?: string | undefined;
|
|
1711
|
+
value?: V | undefined;
|
|
1712
|
+
disabled?: vue267.MaybeRef<boolean> | undefined;
|
|
1713
|
+
namespace?: string | undefined;
|
|
1714
|
+
} & vue267.PublicProps;
|
|
1715
|
+
expose: (exposed: {}) => void;
|
|
1716
|
+
attrs: any;
|
|
1717
|
+
slots: {
|
|
1718
|
+
default: (props: StepItemSlotProps<V>) => unknown;
|
|
1719
|
+
};
|
|
1720
|
+
emit: {};
|
|
1721
|
+
}>) => vue267.VNode & {
|
|
1722
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1723
|
+
};
|
|
1724
|
+
};
|
|
1725
|
+
//#endregion
|
|
1726
|
+
export { GroupItemSlotProps as $, Pagination as A, AvatarFallbackProps as At, PaginationFirstSlotProps as B, PopoverContentEmits as C, AvatarRootProps as Ct, PopoverRootProps as D, AvatarImageEmits as Dt, PopoverContext as E, useAvatarRoot as Et, PaginationEllipsisProps as F, _default as Ft, providePaginationControls as G, PaginationItemSlotProps as H, PaginationEllipsisSlotProps as I, usePaginationControls as J, providePaginationItems as K, PaginationPrevProps as L, PaginationLastSlotProps as M, AtomExpose as Mt, PaginationNextProps as N, AtomProps as Nt, providePopoverContext as O, AvatarImageProps as Ot, PaginationNextSlotProps as P, AtomSlots as Pt, GroupItemProps as Q, PaginationPrevSlotProps as R, Popover as S, AvatarContext as St, PopoverAnchorProps as T, provideAvatarContext as Tt, PaginationRootProps as U, PaginationItemProps as V, PaginationRootSlotProps as W, usePaginationRoot as X, usePaginationItems as Y, Group as Z, SelectionItemSlotProps as _, ExpansionPanelRootProps as _t, StepRootSlotProps as a, ExpansionPanelContentProps as at, provideSelectionRoot as b, useExpansionPanelRoot as bt, Single as c, ExpansionPanelActivatorSlotProps as ct, SingleRootProps as d, ExpansionPanelItemContext as dt, GroupRootProps as et, SingleRootSlotProps as f, ExpansionPanelItemProps as ft, SelectionItemProps as g, ExpansionPanelOptionsContext as gt, Selection as h, useExpansionPanelItem as ht, StepRootProps as i, ExpansionPanel as it, PaginationLastProps as j, AvatarFallbackSlotProps as jt, usePopoverContext as k, AvatarImageSlotProps as kt, SingleItemProps as l, ExpansionPanelHeaderProps as lt, useSingleRoot as m, provideExpansionPanelItem as mt, StepItemProps as n, provideGroupRoot as nt, provideStepRoot as o, ExpansionPanelContentSlotProps as ot, provideSingleRoot as p, ExpansionPanelItemSlotProps as pt, providePaginationRoot as q, StepItemSlotProps as r, useGroupRoot as rt, useStepRoot as s, ExpansionPanelActivatorProps as st, Step as t, GroupRootSlotProps as tt, SingleItemSlotProps as u, ExpansionPanelHeaderSlotProps as ut, SelectionRootProps as v, ExpansionPanelRootSlotProps as vt, PopoverContentProps as w, AvatarTicket as wt, useSelectionRoot as x, Avatar as xt, SelectionRootSlotProps as y, provideExpansionPanelSelection as yt, PaginationFirstProps as z };
|