@vuetify/v0 0.1.7 → 0.1.8
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 +1705 -458
- package/dist/components/index.d.mts +2 -2
- package/dist/components/index.mjs +19 -19
- package/dist/{components-CACff-Lt.mjs → components-BbxKYAXs.mjs} +1203 -312
- package/dist/composables/index.d.mts +3 -3
- package/dist/composables/index.mjs +18 -18
- package/dist/constants/index.mjs +1 -1
- package/dist/{createDataTable-CLI4TALE.mjs → createDataTable-DZouEhvH.mjs} +2 -2
- package/dist/{createGroup-Cf6lK9BR.mjs → createGroup-BpJFi41X.mjs} +1 -1
- package/dist/{createSelection-DvOR2tKk.mjs → createSelection-8MX0OHXR.mjs} +1 -1
- package/dist/{createSingle-Bbcwcq4R.mjs → createSingle-CbuOBb-E.mjs} +1 -1
- package/dist/{createTokens-CMRBDlzN.mjs → createTokens-CXlT0Vc6.mjs} +3 -2
- package/dist/data-table/adapters/client/index.mjs +1 -1
- package/dist/data-table/adapters/index.mjs +1 -1
- package/dist/data-table/adapters/server/index.mjs +1 -1
- package/dist/data-table/adapters/virtual/index.mjs +1 -1
- package/dist/data-table/index.mjs +10 -10
- package/dist/date/index.mjs +1 -1
- package/dist/features/adapters/posthog/index.mjs +2 -2
- package/dist/features/index.d.mts +1 -1
- package/dist/features/index.mjs +8 -8
- package/dist/{globals-BqRH_jdr.mjs → globals-ClSU6mqC.mjs} +1 -1
- package/dist/{index-BE848tZ2.d.mts → index-63-0oJS8.d.mts} +155 -53
- package/dist/{index-CKbxWC4t.d.mts → index-B5NU2uB7.d.mts} +2362 -1314
- package/dist/{index-8sflFIN8.d.mts → index-CxW4itj1.d.mts} +2 -0
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +19 -19
- package/dist/json/attributes.json +252 -0
- package/dist/json/importMap.json +60 -0
- package/dist/json/tags.json +128 -0
- package/dist/json/web-types.json +1023 -228
- package/dist/locale/adapters/index.mjs +2 -2
- package/dist/locale/adapters/v0/index.mjs +2 -2
- package/dist/locale/index.d.mts +1 -1
- package/dist/locale/index.mjs +8 -8
- package/dist/logger/adapters/index.mjs +2 -2
- package/dist/logger/adapters/pino/index.mjs +1 -1
- package/dist/logger/adapters/v0/index.mjs +2 -2
- package/dist/logger/index.d.mts +1 -1
- package/dist/logger/index.mjs +3 -3
- package/dist/palettes/ant/index.d.mts +1 -1
- package/dist/palettes/index.d.mts +2 -2
- package/dist/palettes/material/index.d.mts +1 -1
- package/dist/palettes/md1/index.d.mts +1 -1
- package/dist/palettes/md2/index.d.mts +1 -1
- package/dist/palettes/radix/index.d.mts +1 -1
- package/dist/palettes/tailwind/index.d.mts +1 -1
- package/dist/permissions/adapters/index.d.mts +2 -2
- package/dist/permissions/adapters/index.mjs +1 -1
- package/dist/permissions/adapters/v0/index.d.mts +1 -1
- package/dist/permissions/adapters/v0/index.mjs +1 -1
- package/dist/permissions/index.d.mts +1 -1
- package/dist/permissions/index.mjs +5 -5
- package/dist/{posthog-DbPqmaAp.mjs → posthog-BE7-t7cV.mjs} +1 -1
- package/dist/rules/index.d.mts +1 -1
- package/dist/rules/index.mjs +9 -9
- package/dist/storage/index.d.mts +1 -1
- package/dist/storage/index.mjs +17 -17
- package/dist/theme/adapters/index.d.mts +1 -1
- package/dist/theme/adapters/index.mjs +2 -2
- package/dist/theme/adapters/v0/index.d.mts +1 -1
- package/dist/theme/adapters/v0/index.mjs +2 -2
- package/dist/theme/index.d.mts +1 -1
- package/dist/theme/index.mjs +8 -8
- package/dist/{useClickOutside-YOGwKo7v.mjs → useClickOutside-W0Sur1rC.mjs} +477 -125
- package/dist/{useFeatures-BGDgUrdr.mjs → useFeatures-CUicSI-E.mjs} +3 -3
- package/dist/{useLocale-C8I_fNAS.mjs → useLocale-cQlPxbpV.mjs} +11 -7
- package/dist/{useLogger-B70T4SgK.mjs → useLogger-DY1Hbcy1.mjs} +2 -2
- package/dist/{usePermissions-afVt2qR7.mjs → usePermissions-BSW59R4q.mjs} +2 -2
- package/dist/{useRules-7C92Xzyt.mjs → useRules-BbA6_gvs.mjs} +3 -3
- package/dist/{useTheme-jp2wL2FJ.mjs → useTheme-Bdx2Lj5c.mjs} +4 -4
- package/dist/utilities/index.mjs +1 -1
- package/dist/{v0-CGlkn5u7.mjs → v0-2G2476h-.mjs} +1 -1
- package/dist/{v0-V-cQsuZD.mjs → v0-BFseIsBi.mjs} +1 -1
- package/dist/{v0-1bfmyZ5_.d.mts → v0-BZINNGoC.d.mts} +1 -1
- package/dist/{v0-CHvU3jQE.mjs → v0-CHBrvw49.mjs} +1 -1
- package/package.json +2 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { n as DOMElement, o as ID, t as Activation } from "./index-Dor6eAEc.mjs";
|
|
2
|
-
import { b as RegistryTicketInput, p as RegistryContext, y as RegistryTicket } from "./index-
|
|
3
|
-
import {
|
|
1
|
+
import { n as DOMElement, o as ID, s as MaybeArray, t as Activation } from "./index-Dor6eAEc.mjs";
|
|
2
|
+
import { b as RegistryTicketInput, p as RegistryContext, y as RegistryTicket } from "./index-CxW4itj1.mjs";
|
|
3
|
+
import { $ as StepTicket, Da as SingleTicket, Fa as SelectionTicket, Fr as FormValidationRule, Gr as RuleAlias, Ia as SelectionTicketInput, Ma as SelectionContext, X as StepContext, ca as GroupContext, ct as StackTicket, da as GroupTicket, mt as SliderContext, na as OverflowContext, ni as StandardSchemaV1, r as VirtualFocusReturn, tn as PopoverReturn, va as BreadcrumbsContext, wa as SingleContext } from "./index-63-0oJS8.mjs";
|
|
4
4
|
import { s as PaginationContext, u as PaginationTicket } from "./adapter-DIx4Rntl.mjs";
|
|
5
5
|
import * as vue from "vue";
|
|
6
6
|
import { MaybeRefOrGetter, Ref, ShallowRef, TemplateRef } from "vue";
|
|
@@ -41,9 +41,9 @@ interface AtomExpose {
|
|
|
41
41
|
element: TemplateRef<HTMLElement | null>;
|
|
42
42
|
}
|
|
43
43
|
interface AtomPrivateProps extends AtomProps {}
|
|
44
|
-
declare const _default$
|
|
45
|
-
declare const __VLS_export$
|
|
46
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
44
|
+
declare const _default$80: typeof __VLS_export$80;
|
|
45
|
+
declare const __VLS_export$80: <T extends Record<string, any> = {}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$21<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
46
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$21<AtomPrivateProps> & (typeof globalThis extends {
|
|
47
47
|
__VLS_PROPS_FALLBACK: infer P;
|
|
48
48
|
} ? P : {});
|
|
49
49
|
expose: (exposed: vue.ShallowUnwrapRef<AtomExpose>) => void;
|
|
@@ -53,7 +53,7 @@ declare const __VLS_export$68: <T extends Record<string, any> = {}>(__VLS_props:
|
|
|
53
53
|
}>) => vue.VNode & {
|
|
54
54
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
55
55
|
};
|
|
56
|
-
type __VLS_PrettifyLocal$
|
|
56
|
+
type __VLS_PrettifyLocal$21<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
57
57
|
//#endregion
|
|
58
58
|
//#region src/components/Avatar/AvatarRoot.vue.d.ts
|
|
59
59
|
interface AvatarRootProps extends AtomProps {
|
|
@@ -66,11 +66,11 @@ interface AvatarTicket extends SelectionTicket {
|
|
|
66
66
|
}
|
|
67
67
|
interface AvatarContext extends SelectionContext<AvatarTicket> {}
|
|
68
68
|
declare const useAvatarRoot: (key: string, defaultValue?: AvatarContext | undefined) => AvatarContext, provideAvatarRoot: (key: string, context: AvatarContext, app?: vue.App) => AvatarContext;
|
|
69
|
-
declare const _default$
|
|
70
|
-
declare const __VLS_export$
|
|
69
|
+
declare const _default$79: typeof __VLS_export$79;
|
|
70
|
+
declare const __VLS_export$79: __VLS_WithSlots$54<vue.DefineComponent<AvatarRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
71
71
|
default?: (props: {}) => any;
|
|
72
72
|
}>;
|
|
73
|
-
type __VLS_WithSlots$
|
|
73
|
+
type __VLS_WithSlots$54<T, S> = T & {
|
|
74
74
|
new (): {
|
|
75
75
|
$slots: S;
|
|
76
76
|
};
|
|
@@ -100,8 +100,8 @@ interface AvatarImageSlotProps {
|
|
|
100
100
|
onError: (e: Event) => void;
|
|
101
101
|
};
|
|
102
102
|
}
|
|
103
|
-
declare const _default$
|
|
104
|
-
declare const __VLS_export$
|
|
103
|
+
declare const _default$78: typeof __VLS_export$78;
|
|
104
|
+
declare const __VLS_export$78: __VLS_WithSlots$53<vue.DefineComponent<AvatarImageProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
105
105
|
error: (e: Event) => any;
|
|
106
106
|
load: (e: Event) => any;
|
|
107
107
|
}, string, vue.PublicProps, Readonly<AvatarImageProps> & Readonly<{
|
|
@@ -110,7 +110,7 @@ declare const __VLS_export$66: __VLS_WithSlots$42<vue.DefineComponent<AvatarImag
|
|
|
110
110
|
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
111
111
|
default: (props: AvatarImageSlotProps) => any;
|
|
112
112
|
}>;
|
|
113
|
-
type __VLS_WithSlots$
|
|
113
|
+
type __VLS_WithSlots$53<T, S> = T & {
|
|
114
114
|
new (): {
|
|
115
115
|
$slots: S;
|
|
116
116
|
};
|
|
@@ -125,11 +125,11 @@ interface AvatarFallbackSlotProps {
|
|
|
125
125
|
/** Whether this fallback is currently visible */
|
|
126
126
|
isSelected: boolean;
|
|
127
127
|
}
|
|
128
|
-
declare const _default$
|
|
129
|
-
declare const __VLS_export$
|
|
128
|
+
declare const _default$77: typeof __VLS_export$77;
|
|
129
|
+
declare const __VLS_export$77: __VLS_WithSlots$52<vue.DefineComponent<AvatarFallbackProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
130
130
|
default: (props: AvatarFallbackSlotProps) => any;
|
|
131
131
|
}>;
|
|
132
|
-
type __VLS_WithSlots$
|
|
132
|
+
type __VLS_WithSlots$52<T, S> = T & {
|
|
133
133
|
new (): {
|
|
134
134
|
$slots: S;
|
|
135
135
|
};
|
|
@@ -326,11 +326,11 @@ interface BreadcrumbsRootSlotProps {
|
|
|
326
326
|
};
|
|
327
327
|
}
|
|
328
328
|
declare const useBreadcrumbsRoot: (key: string, defaultValue?: BreadcrumbsRootContext | undefined) => BreadcrumbsRootContext, provideBreadcrumbsRoot: (key: string, context: BreadcrumbsRootContext, app?: vue.App) => BreadcrumbsRootContext;
|
|
329
|
-
declare const _default$
|
|
330
|
-
declare const __VLS_export$
|
|
329
|
+
declare const _default$76: typeof __VLS_export$76;
|
|
330
|
+
declare const __VLS_export$76: __VLS_WithSlots$51<vue.DefineComponent<BreadcrumbsRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsRootProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
331
331
|
default: (props: BreadcrumbsRootSlotProps) => unknown;
|
|
332
332
|
}>;
|
|
333
|
-
type __VLS_WithSlots$
|
|
333
|
+
type __VLS_WithSlots$51<T, S> = T & {
|
|
334
334
|
new (): {
|
|
335
335
|
$slots: S;
|
|
336
336
|
};
|
|
@@ -343,11 +343,11 @@ interface BreadcrumbsListSlotProps {
|
|
|
343
343
|
role: 'list';
|
|
344
344
|
};
|
|
345
345
|
}
|
|
346
|
-
declare const _default$
|
|
347
|
-
declare const __VLS_export$
|
|
346
|
+
declare const _default$75: typeof __VLS_export$75;
|
|
347
|
+
declare const __VLS_export$75: __VLS_WithSlots$50<vue.DefineComponent<BreadcrumbsListProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
348
348
|
default: (props: BreadcrumbsListSlotProps) => unknown;
|
|
349
349
|
}>;
|
|
350
|
-
type __VLS_WithSlots$
|
|
350
|
+
type __VLS_WithSlots$50<T, S> = T & {
|
|
351
351
|
new (): {
|
|
352
352
|
$slots: S;
|
|
353
353
|
};
|
|
@@ -374,11 +374,11 @@ interface BreadcrumbsItemSlotProps {
|
|
|
374
374
|
'data-selected': true | undefined;
|
|
375
375
|
};
|
|
376
376
|
}
|
|
377
|
-
declare const _default$
|
|
378
|
-
declare const __VLS_export$
|
|
377
|
+
declare const _default$74: typeof __VLS_export$74;
|
|
378
|
+
declare const __VLS_export$74: __VLS_WithSlots$49<vue.DefineComponent<BreadcrumbsItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
379
379
|
default: (props: BreadcrumbsItemSlotProps) => unknown;
|
|
380
380
|
}>;
|
|
381
|
-
type __VLS_WithSlots$
|
|
381
|
+
type __VLS_WithSlots$49<T, S> = T & {
|
|
382
382
|
new (): {
|
|
383
383
|
$slots: S;
|
|
384
384
|
};
|
|
@@ -392,11 +392,11 @@ interface BreadcrumbsPageSlotProps {
|
|
|
392
392
|
'aria-current': 'page';
|
|
393
393
|
};
|
|
394
394
|
}
|
|
395
|
-
declare const _default$
|
|
396
|
-
declare const __VLS_export$
|
|
395
|
+
declare const _default$73: typeof __VLS_export$73;
|
|
396
|
+
declare const __VLS_export$73: __VLS_WithSlots$48<vue.DefineComponent<BreadcrumbsPageProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsPageProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
397
397
|
default: (props: BreadcrumbsPageSlotProps) => unknown;
|
|
398
398
|
}>;
|
|
399
|
-
type __VLS_WithSlots$
|
|
399
|
+
type __VLS_WithSlots$48<T, S> = T & {
|
|
400
400
|
new (): {
|
|
401
401
|
$slots: S;
|
|
402
402
|
};
|
|
@@ -424,11 +424,11 @@ interface BreadcrumbsDividerSlotProps {
|
|
|
424
424
|
'data-selected': true | undefined;
|
|
425
425
|
};
|
|
426
426
|
}
|
|
427
|
-
declare const _default$
|
|
428
|
-
declare const __VLS_export$
|
|
427
|
+
declare const _default$72: typeof __VLS_export$72;
|
|
428
|
+
declare const __VLS_export$72: __VLS_WithSlots$47<vue.DefineComponent<BreadcrumbsDividerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsDividerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
429
429
|
default: (props: BreadcrumbsDividerSlotProps) => unknown;
|
|
430
430
|
}>;
|
|
431
|
-
type __VLS_WithSlots$
|
|
431
|
+
type __VLS_WithSlots$47<T, S> = T & {
|
|
432
432
|
new (): {
|
|
433
433
|
$slots: S;
|
|
434
434
|
};
|
|
@@ -456,11 +456,11 @@ interface BreadcrumbsEllipsisSlotProps {
|
|
|
456
456
|
'data-selected': true | undefined;
|
|
457
457
|
};
|
|
458
458
|
}
|
|
459
|
-
declare const _default$
|
|
460
|
-
declare const __VLS_export$
|
|
459
|
+
declare const _default$71: typeof __VLS_export$71;
|
|
460
|
+
declare const __VLS_export$71: __VLS_WithSlots$46<vue.DefineComponent<BreadcrumbsEllipsisProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<BreadcrumbsEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
461
461
|
default: (props: BreadcrumbsEllipsisSlotProps) => unknown;
|
|
462
462
|
}>;
|
|
463
|
-
type __VLS_WithSlots$
|
|
463
|
+
type __VLS_WithSlots$46<T, S> = T & {
|
|
464
464
|
new (): {
|
|
465
465
|
$slots: S;
|
|
466
466
|
};
|
|
@@ -468,11 +468,11 @@ type __VLS_WithSlots$35<T, S> = T & {
|
|
|
468
468
|
//#endregion
|
|
469
469
|
//#region src/components/Breadcrumbs/BreadcrumbsLink.vue.d.ts
|
|
470
470
|
type BreadcrumbsLinkProps = AtomProps;
|
|
471
|
-
declare const _default$
|
|
472
|
-
declare const __VLS_export$
|
|
471
|
+
declare const _default$70: typeof __VLS_export$70;
|
|
472
|
+
declare const __VLS_export$70: __VLS_WithSlots$45<vue.DefineComponent<AtomProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AtomProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
473
473
|
default?: (props: {}) => any;
|
|
474
474
|
}>;
|
|
475
|
-
type __VLS_WithSlots$
|
|
475
|
+
type __VLS_WithSlots$45<T, S> = T & {
|
|
476
476
|
new (): {
|
|
477
477
|
$slots: S;
|
|
478
478
|
};
|
|
@@ -821,9 +821,9 @@ interface CheckboxGroupSlotProps {
|
|
|
821
821
|
};
|
|
822
822
|
}
|
|
823
823
|
declare const useCheckboxGroup: (key: string, defaultValue?: GroupContext<GroupTicket, GroupTicket<GroupTicket>> | undefined) => GroupContext<GroupTicket, GroupTicket<GroupTicket>>, provideCheckboxGroup: (key: string, context: GroupContext<GroupTicket, GroupTicket<GroupTicket>>, app?: vue.App) => GroupContext<GroupTicket, GroupTicket<GroupTicket>>;
|
|
824
|
-
declare const _default$
|
|
825
|
-
declare const __VLS_export$
|
|
826
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
824
|
+
declare const _default$69: typeof __VLS_export$69;
|
|
825
|
+
declare const __VLS_export$69: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$20<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
826
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$20<(CheckboxGroupProps & {
|
|
827
827
|
modelValue?: T | T[];
|
|
828
828
|
}) & {
|
|
829
829
|
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
@@ -840,7 +840,7 @@ declare const __VLS_export$57: <T = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
840
840
|
}>) => vue.VNode & {
|
|
841
841
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
842
842
|
};
|
|
843
|
-
type __VLS_PrettifyLocal$
|
|
843
|
+
type __VLS_PrettifyLocal$20<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
844
844
|
//#endregion
|
|
845
845
|
//#region src/components/Checkbox/CheckboxHiddenInput.vue.d.ts
|
|
846
846
|
interface CheckboxHiddenInputProps {
|
|
@@ -853,8 +853,8 @@ interface CheckboxHiddenInputProps {
|
|
|
853
853
|
/** Associate with form by ID (defaults to context value) */
|
|
854
854
|
form?: string;
|
|
855
855
|
}
|
|
856
|
-
declare const _default$
|
|
857
|
-
declare const __VLS_export$
|
|
856
|
+
declare const _default$68: typeof __VLS_export$68;
|
|
857
|
+
declare const __VLS_export$68: vue.DefineComponent<CheckboxHiddenInputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
858
858
|
//#endregion
|
|
859
859
|
//#region src/components/Checkbox/CheckboxRoot.vue.d.ts
|
|
860
860
|
/** Visual state of the checkbox for styling purposes */
|
|
@@ -952,9 +952,9 @@ interface CheckboxRootSlotProps<V = unknown> {
|
|
|
952
952
|
};
|
|
953
953
|
}
|
|
954
954
|
declare const useCheckboxRoot: (key: string, defaultValue?: CheckboxRootContext<unknown> | undefined) => CheckboxRootContext<unknown>, provideCheckboxRoot: (key: string, context: CheckboxRootContext<unknown>, app?: vue.App) => CheckboxRootContext<unknown>;
|
|
955
|
-
declare const _default$
|
|
956
|
-
declare const __VLS_export$
|
|
957
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
955
|
+
declare const _default$67: typeof __VLS_export$67;
|
|
956
|
+
declare const __VLS_export$67: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$19<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
957
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$19<(CheckboxRootProps<V> & {
|
|
958
958
|
modelValue?: boolean;
|
|
959
959
|
}) & {
|
|
960
960
|
"onUpdate:model-value"?: ((value: boolean) => any) | undefined;
|
|
@@ -971,7 +971,7 @@ declare const __VLS_export$55: <V = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
971
971
|
}>) => vue.VNode & {
|
|
972
972
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
973
973
|
};
|
|
974
|
-
type __VLS_PrettifyLocal$
|
|
974
|
+
type __VLS_PrettifyLocal$19<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
975
975
|
//#endregion
|
|
976
976
|
//#region src/components/Checkbox/CheckboxIndicator.vue.d.ts
|
|
977
977
|
interface CheckboxIndicatorProps extends AtomProps {
|
|
@@ -991,11 +991,11 @@ interface CheckboxIndicatorSlotProps {
|
|
|
991
991
|
};
|
|
992
992
|
};
|
|
993
993
|
}
|
|
994
|
-
declare const _default$
|
|
995
|
-
declare const __VLS_export$
|
|
994
|
+
declare const _default$66: typeof __VLS_export$66;
|
|
995
|
+
declare const __VLS_export$66: __VLS_WithSlots$44<vue.DefineComponent<CheckboxIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
996
996
|
default: (props: CheckboxIndicatorSlotProps) => any;
|
|
997
997
|
}>;
|
|
998
|
-
type __VLS_WithSlots$
|
|
998
|
+
type __VLS_WithSlots$44<T, S> = T & {
|
|
999
999
|
new (): {
|
|
1000
1000
|
$slots: S;
|
|
1001
1001
|
};
|
|
@@ -1045,11 +1045,11 @@ interface CheckboxSelectAllSlotProps {
|
|
|
1045
1045
|
'data-disabled': true | undefined;
|
|
1046
1046
|
};
|
|
1047
1047
|
}
|
|
1048
|
-
declare const _default$
|
|
1049
|
-
declare const __VLS_export$
|
|
1048
|
+
declare const _default$65: typeof __VLS_export$65;
|
|
1049
|
+
declare const __VLS_export$65: __VLS_WithSlots$43<vue.DefineComponent<CheckboxSelectAllProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CheckboxSelectAllProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1050
1050
|
default: (props: CheckboxSelectAllSlotProps) => any;
|
|
1051
1051
|
}>;
|
|
1052
|
-
type __VLS_WithSlots$
|
|
1052
|
+
type __VLS_WithSlots$43<T, S> = T & {
|
|
1053
1053
|
new (): {
|
|
1054
1054
|
$slots: S;
|
|
1055
1055
|
};
|
|
@@ -1348,8 +1348,8 @@ interface DialogRootSlotProps {
|
|
|
1348
1348
|
close: () => void;
|
|
1349
1349
|
}
|
|
1350
1350
|
declare const useDialogContext: (key: string, defaultValue?: DialogContext | undefined) => DialogContext, provideDialogContext: (key: string, context: DialogContext, app?: vue.App) => DialogContext;
|
|
1351
|
-
declare const _default$
|
|
1352
|
-
declare const __VLS_export$
|
|
1351
|
+
declare const _default$64: typeof __VLS_export$64;
|
|
1352
|
+
declare const __VLS_export$64: __VLS_WithSlots$42<vue.DefineComponent<DialogRootProps & {
|
|
1353
1353
|
modelValue?: boolean;
|
|
1354
1354
|
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
1355
1355
|
"update:model-value": (value: boolean) => any;
|
|
@@ -1362,7 +1362,7 @@ declare const __VLS_export$52: __VLS_WithSlots$31<vue.DefineComponent<DialogRoot
|
|
|
1362
1362
|
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1363
1363
|
default: (props: DialogRootSlotProps) => any;
|
|
1364
1364
|
}>;
|
|
1365
|
-
type __VLS_WithSlots$
|
|
1365
|
+
type __VLS_WithSlots$42<T, S> = T & {
|
|
1366
1366
|
new (): {
|
|
1367
1367
|
$slots: S;
|
|
1368
1368
|
};
|
|
@@ -1384,11 +1384,11 @@ interface DialogActivatorSlotProps {
|
|
|
1384
1384
|
'data-dialog-open': '' | undefined;
|
|
1385
1385
|
};
|
|
1386
1386
|
}
|
|
1387
|
-
declare const _default$
|
|
1388
|
-
declare const __VLS_export$
|
|
1387
|
+
declare const _default$63: typeof __VLS_export$63;
|
|
1388
|
+
declare const __VLS_export$63: __VLS_WithSlots$41<vue.DefineComponent<DialogActivatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1389
1389
|
default: (props: DialogActivatorSlotProps) => any;
|
|
1390
1390
|
}>;
|
|
1391
|
-
type __VLS_WithSlots$
|
|
1391
|
+
type __VLS_WithSlots$41<T, S> = T & {
|
|
1392
1392
|
new (): {
|
|
1393
1393
|
$slots: S;
|
|
1394
1394
|
};
|
|
@@ -1428,8 +1428,8 @@ interface DialogContentSlotProps {
|
|
|
1428
1428
|
'aria-describedby': string;
|
|
1429
1429
|
};
|
|
1430
1430
|
}
|
|
1431
|
-
declare const _default$
|
|
1432
|
-
declare const __VLS_export$
|
|
1431
|
+
declare const _default$62: typeof __VLS_export$62;
|
|
1432
|
+
declare const __VLS_export$62: __VLS_WithSlots$40<vue.DefineComponent<DialogContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
1433
1433
|
cancel: (e: Event) => any;
|
|
1434
1434
|
close: (e: Event) => any;
|
|
1435
1435
|
}, string, vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
|
|
@@ -1438,7 +1438,7 @@ declare const __VLS_export$50: __VLS_WithSlots$29<vue.DefineComponent<DialogCont
|
|
|
1438
1438
|
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1439
1439
|
default: (props: DialogContentSlotProps) => any;
|
|
1440
1440
|
}>;
|
|
1441
|
-
type __VLS_WithSlots$
|
|
1441
|
+
type __VLS_WithSlots$40<T, S> = T & {
|
|
1442
1442
|
new (): {
|
|
1443
1443
|
$slots: S;
|
|
1444
1444
|
};
|
|
@@ -1455,11 +1455,11 @@ interface DialogTitleSlotProps {
|
|
|
1455
1455
|
id: string;
|
|
1456
1456
|
};
|
|
1457
1457
|
}
|
|
1458
|
-
declare const _default$
|
|
1459
|
-
declare const __VLS_export$
|
|
1458
|
+
declare const _default$61: typeof __VLS_export$61;
|
|
1459
|
+
declare const __VLS_export$61: __VLS_WithSlots$39<vue.DefineComponent<DialogTitleProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1460
1460
|
default: (props: DialogTitleSlotProps) => any;
|
|
1461
1461
|
}>;
|
|
1462
|
-
type __VLS_WithSlots$
|
|
1462
|
+
type __VLS_WithSlots$39<T, S> = T & {
|
|
1463
1463
|
new (): {
|
|
1464
1464
|
$slots: S;
|
|
1465
1465
|
};
|
|
@@ -1476,11 +1476,11 @@ interface DialogDescriptionSlotProps {
|
|
|
1476
1476
|
id: string;
|
|
1477
1477
|
};
|
|
1478
1478
|
}
|
|
1479
|
-
declare const _default$
|
|
1480
|
-
declare const __VLS_export$
|
|
1479
|
+
declare const _default$60: typeof __VLS_export$60;
|
|
1480
|
+
declare const __VLS_export$60: __VLS_WithSlots$38<vue.DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1481
1481
|
default: (props: DialogDescriptionSlotProps) => any;
|
|
1482
1482
|
}>;
|
|
1483
|
-
type __VLS_WithSlots$
|
|
1483
|
+
type __VLS_WithSlots$38<T, S> = T & {
|
|
1484
1484
|
new (): {
|
|
1485
1485
|
$slots: S;
|
|
1486
1486
|
};
|
|
@@ -1500,11 +1500,11 @@ interface DialogCloseSlotProps {
|
|
|
1500
1500
|
'aria-label': 'Close';
|
|
1501
1501
|
};
|
|
1502
1502
|
}
|
|
1503
|
-
declare const _default$
|
|
1504
|
-
declare const __VLS_export$
|
|
1503
|
+
declare const _default$59: typeof __VLS_export$59;
|
|
1504
|
+
declare const __VLS_export$59: __VLS_WithSlots$37<vue.DefineComponent<DialogCloseProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<DialogCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1505
1505
|
default: (props: DialogCloseSlotProps) => any;
|
|
1506
1506
|
}>;
|
|
1507
|
-
type __VLS_WithSlots$
|
|
1507
|
+
type __VLS_WithSlots$37<T, S> = T & {
|
|
1508
1508
|
new (): {
|
|
1509
1509
|
$slots: S;
|
|
1510
1510
|
};
|
|
@@ -1829,9 +1829,9 @@ interface ExpansionPanelRootSlotProps {
|
|
|
1829
1829
|
toggle: (id: ID) => void;
|
|
1830
1830
|
}
|
|
1831
1831
|
declare const useExpansionPanelRoot: (key: string, defaultValue?: SelectionContext<SelectionTicket, SelectionTicket<SelectionTicket>> | undefined) => SelectionContext<SelectionTicket, SelectionTicket<SelectionTicket>>, provideExpansionPanelRoot: (key: string, context: SelectionContext<SelectionTicket, SelectionTicket<SelectionTicket>>, app?: vue.App) => SelectionContext<SelectionTicket, SelectionTicket<SelectionTicket>>;
|
|
1832
|
-
declare const _default$
|
|
1833
|
-
declare const __VLS_export$
|
|
1834
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
1832
|
+
declare const _default$58: typeof __VLS_export$58;
|
|
1833
|
+
declare const __VLS_export$58: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$18<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1834
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$18<(ExpansionPanelRootProps & {
|
|
1835
1835
|
modelValue?: T | T[];
|
|
1836
1836
|
}) & {
|
|
1837
1837
|
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
@@ -1847,7 +1847,7 @@ declare const __VLS_export$46: <T = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
1847
1847
|
}>) => vue.VNode & {
|
|
1848
1848
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1849
1849
|
};
|
|
1850
|
-
type __VLS_PrettifyLocal$
|
|
1850
|
+
type __VLS_PrettifyLocal$18<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
1851
1851
|
//#endregion
|
|
1852
1852
|
//#region src/components/ExpansionPanel/ExpansionPanelItem.vue.d.ts
|
|
1853
1853
|
interface ExpansionPanelItemProps<V = unknown> extends AtomProps {
|
|
@@ -1888,9 +1888,9 @@ interface ExpansionPanelItemSlotProps {
|
|
|
1888
1888
|
};
|
|
1889
1889
|
}
|
|
1890
1890
|
declare const useExpansionPanelItem: (key: string, defaultValue?: ExpansionPanelItemContext | undefined) => ExpansionPanelItemContext, provideExpansionPanelItem: (key: string, context: ExpansionPanelItemContext, app?: vue.App) => ExpansionPanelItemContext;
|
|
1891
|
-
declare const _default$
|
|
1892
|
-
declare const __VLS_export$
|
|
1893
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
1891
|
+
declare const _default$57: typeof __VLS_export$57;
|
|
1892
|
+
declare const __VLS_export$57: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$17<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
1893
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$17<ExpansionPanelItemProps<V>> & (typeof globalThis extends {
|
|
1894
1894
|
__VLS_PROPS_FALLBACK: infer P;
|
|
1895
1895
|
} ? P : {});
|
|
1896
1896
|
expose: (exposed: {}) => void;
|
|
@@ -1902,7 +1902,7 @@ declare const __VLS_export$45: <V = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
1902
1902
|
}>) => vue.VNode & {
|
|
1903
1903
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
1904
1904
|
};
|
|
1905
|
-
type __VLS_PrettifyLocal$
|
|
1905
|
+
type __VLS_PrettifyLocal$17<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
1906
1906
|
//#endregion
|
|
1907
1907
|
//#region src/components/ExpansionPanel/ExpansionPanelHeader.vue.d.ts
|
|
1908
1908
|
interface ExpansionPanelHeaderProps extends AtomProps {
|
|
@@ -1917,11 +1917,11 @@ interface ExpansionPanelHeaderSlotProps {
|
|
|
1917
1917
|
/** Data attribute for selected state */'data-selected': true | undefined;
|
|
1918
1918
|
};
|
|
1919
1919
|
}
|
|
1920
|
-
declare const _default$
|
|
1921
|
-
declare const __VLS_export$
|
|
1920
|
+
declare const _default$56: typeof __VLS_export$56;
|
|
1921
|
+
declare const __VLS_export$56: __VLS_WithSlots$36<vue.DefineComponent<ExpansionPanelHeaderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExpansionPanelHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1922
1922
|
default: (props: ExpansionPanelHeaderSlotProps) => any;
|
|
1923
1923
|
}>;
|
|
1924
|
-
type __VLS_WithSlots$
|
|
1924
|
+
type __VLS_WithSlots$36<T, S> = T & {
|
|
1925
1925
|
new (): {
|
|
1926
1926
|
$slots: S;
|
|
1927
1927
|
};
|
|
@@ -1954,11 +1954,11 @@ interface ExpansionPanelActivatorSlotProps {
|
|
|
1954
1954
|
'onKeydown': (e: KeyboardEvent) => void;
|
|
1955
1955
|
};
|
|
1956
1956
|
}
|
|
1957
|
-
declare const _default$
|
|
1958
|
-
declare const __VLS_export$
|
|
1957
|
+
declare const _default$55: typeof __VLS_export$55;
|
|
1958
|
+
declare const __VLS_export$55: __VLS_WithSlots$35<vue.DefineComponent<ExpansionPanelActivatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExpansionPanelActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1959
1959
|
default: (props: ExpansionPanelActivatorSlotProps) => any;
|
|
1960
1960
|
}>;
|
|
1961
|
-
type __VLS_WithSlots$
|
|
1961
|
+
type __VLS_WithSlots$35<T, S> = T & {
|
|
1962
1962
|
new (): {
|
|
1963
1963
|
$slots: S;
|
|
1964
1964
|
};
|
|
@@ -1980,11 +1980,11 @@ interface ExpansionPanelContentSlotProps {
|
|
|
1980
1980
|
'hidden': boolean;
|
|
1981
1981
|
};
|
|
1982
1982
|
}
|
|
1983
|
-
declare const _default$
|
|
1984
|
-
declare const __VLS_export$
|
|
1983
|
+
declare const _default$54: typeof __VLS_export$54;
|
|
1984
|
+
declare const __VLS_export$54: __VLS_WithSlots$34<vue.DefineComponent<ExpansionPanelContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExpansionPanelContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
1985
1985
|
default: (props: ExpansionPanelContentSlotProps) => any;
|
|
1986
1986
|
}>;
|
|
1987
|
-
type __VLS_WithSlots$
|
|
1987
|
+
type __VLS_WithSlots$34<T, S> = T & {
|
|
1988
1988
|
new (): {
|
|
1989
1989
|
$slots: S;
|
|
1990
1990
|
};
|
|
@@ -2215,6 +2215,57 @@ declare const ExpansionPanel: {
|
|
|
2215
2215
|
});
|
|
2216
2216
|
};
|
|
2217
2217
|
//#endregion
|
|
2218
|
+
//#region src/components/Form/Form.vue.d.ts
|
|
2219
|
+
interface FormProps extends AtomProps {
|
|
2220
|
+
/** Namespace for dependency injection */
|
|
2221
|
+
namespace?: string;
|
|
2222
|
+
/** Disables all registered fields */
|
|
2223
|
+
disabled?: boolean;
|
|
2224
|
+
/** Sets all registered fields to readonly */
|
|
2225
|
+
readonly?: boolean;
|
|
2226
|
+
}
|
|
2227
|
+
interface FormSlotProps {
|
|
2228
|
+
/** Aggregate validity: null = unvalidated, true = all valid, false = any invalid */
|
|
2229
|
+
isValid: boolean | null;
|
|
2230
|
+
/** Whether any field is currently validating */
|
|
2231
|
+
isValidating: boolean;
|
|
2232
|
+
/** Whether the form is disabled */
|
|
2233
|
+
isDisabled: boolean;
|
|
2234
|
+
/** Whether the form is readonly */
|
|
2235
|
+
isReadonly: boolean;
|
|
2236
|
+
/** Validate all fields and return result */
|
|
2237
|
+
submit: () => Promise<boolean>;
|
|
2238
|
+
/** Reset all field validations */
|
|
2239
|
+
reset: () => void;
|
|
2240
|
+
}
|
|
2241
|
+
declare const _default$53: typeof __VLS_export$53;
|
|
2242
|
+
declare const __VLS_export$53: __VLS_WithSlots$33<vue.DefineComponent<FormProps & {
|
|
2243
|
+
modelValue?: boolean | null;
|
|
2244
|
+
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
2245
|
+
reset: () => any;
|
|
2246
|
+
"update:model-value": (value: boolean | null) => any;
|
|
2247
|
+
"update:modelValue": (value: boolean | null) => any;
|
|
2248
|
+
submit: (payload: {
|
|
2249
|
+
valid: boolean;
|
|
2250
|
+
}) => any;
|
|
2251
|
+
}, string, vue.PublicProps, Readonly<FormProps & {
|
|
2252
|
+
modelValue?: boolean | null;
|
|
2253
|
+
}> & Readonly<{
|
|
2254
|
+
onReset?: (() => any) | undefined;
|
|
2255
|
+
"onUpdate:model-value"?: ((value: boolean | null) => any) | undefined;
|
|
2256
|
+
"onUpdate:modelValue"?: ((value: boolean | null) => any) | undefined;
|
|
2257
|
+
onSubmit?: ((payload: {
|
|
2258
|
+
valid: boolean;
|
|
2259
|
+
}) => any) | undefined;
|
|
2260
|
+
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2261
|
+
default: (props: FormSlotProps) => any;
|
|
2262
|
+
}>;
|
|
2263
|
+
type __VLS_WithSlots$33<T, S> = T & {
|
|
2264
|
+
new (): {
|
|
2265
|
+
$slots: S;
|
|
2266
|
+
};
|
|
2267
|
+
};
|
|
2268
|
+
//#endregion
|
|
2218
2269
|
//#region src/components/Group/GroupRoot.vue.d.ts
|
|
2219
2270
|
interface GroupRootProps {
|
|
2220
2271
|
/** Namespace for dependency injection (must match GroupItem namespace) */
|
|
@@ -2258,9 +2309,9 @@ interface GroupRootSlotProps {
|
|
|
2258
2309
|
};
|
|
2259
2310
|
}
|
|
2260
2311
|
declare const useGroupRoot: (key: string, defaultValue?: GroupContext<GroupTicket, GroupTicket<GroupTicket>> | undefined) => GroupContext<GroupTicket, GroupTicket<GroupTicket>>, provideGroupRoot: (key: string, context: GroupContext<GroupTicket, GroupTicket<GroupTicket>>, app?: vue.App) => GroupContext<GroupTicket, GroupTicket<GroupTicket>>;
|
|
2261
|
-
declare const _default$
|
|
2262
|
-
declare const __VLS_export$
|
|
2263
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
2312
|
+
declare const _default$52: typeof __VLS_export$52;
|
|
2313
|
+
declare const __VLS_export$52: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$16<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2314
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$16<(GroupRootProps & {
|
|
2264
2315
|
modelValue?: T | T[];
|
|
2265
2316
|
}) & {
|
|
2266
2317
|
"onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
|
|
@@ -2277,7 +2328,7 @@ declare const __VLS_export$41: <T = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
2277
2328
|
}>) => vue.VNode & {
|
|
2278
2329
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2279
2330
|
};
|
|
2280
|
-
type __VLS_PrettifyLocal$
|
|
2331
|
+
type __VLS_PrettifyLocal$16<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
2281
2332
|
//#endregion
|
|
2282
2333
|
//#region src/components/Group/GroupItem.vue.d.ts
|
|
2283
2334
|
interface GroupItemProps<V = unknown> {
|
|
@@ -2327,9 +2378,9 @@ interface GroupItemSlotProps<V = unknown> {
|
|
|
2327
2378
|
'data-mixed': true | undefined;
|
|
2328
2379
|
};
|
|
2329
2380
|
}
|
|
2330
|
-
declare const _default$
|
|
2331
|
-
declare const __VLS_export$
|
|
2332
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$
|
|
2381
|
+
declare const _default$51: typeof __VLS_export$51;
|
|
2382
|
+
declare const __VLS_export$51: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$15<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2383
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$15<GroupItemProps<V>> & (typeof globalThis extends {
|
|
2333
2384
|
__VLS_PROPS_FALLBACK: infer P;
|
|
2334
2385
|
} ? P : {});
|
|
2335
2386
|
expose: (exposed: {}) => void;
|
|
@@ -2341,7 +2392,7 @@ declare const __VLS_export$40: <V = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
2341
2392
|
}>) => vue.VNode & {
|
|
2342
2393
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2343
2394
|
};
|
|
2344
|
-
type __VLS_PrettifyLocal$
|
|
2395
|
+
type __VLS_PrettifyLocal$15<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
2345
2396
|
//#endregion
|
|
2346
2397
|
//#region src/components/Group/index.d.ts
|
|
2347
2398
|
/**
|
|
@@ -2443,1264 +2494,2222 @@ declare const Group: {
|
|
|
2443
2494
|
};
|
|
2444
2495
|
};
|
|
2445
2496
|
//#endregion
|
|
2446
|
-
//#region src/components/
|
|
2447
|
-
|
|
2448
|
-
declare const usePaginationControls: (key: string, defaultValue?: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>> | undefined) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, providePaginationControls: (key: string, context: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, app?: vue.App) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>;
|
|
2449
|
-
declare const usePaginationItems: (key: string, defaultValue?: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>> | undefined) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, providePaginationItems: (key: string, context: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, app?: vue.App) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>;
|
|
2450
|
-
interface PaginationRootProps extends AtomProps {
|
|
2451
|
-
/** Namespace for dependency injection */
|
|
2497
|
+
//#region src/components/Input/InputControl.vue.d.ts
|
|
2498
|
+
interface InputControlProps extends AtomProps {
|
|
2452
2499
|
namespace?: string;
|
|
2453
|
-
/** Total number of items */
|
|
2454
|
-
size?: number;
|
|
2455
|
-
/**
|
|
2456
|
-
* Number of visible page buttons.
|
|
2457
|
-
* If undefined, auto-calculates based on container width.
|
|
2458
|
-
*/
|
|
2459
|
-
totalVisible?: number;
|
|
2460
|
-
/** Number of items per page */
|
|
2461
|
-
itemsPerPage?: number;
|
|
2462
|
-
/** Ellipsis character */
|
|
2463
|
-
ellipsis?: string | false;
|
|
2464
2500
|
}
|
|
2465
|
-
interface
|
|
2466
|
-
/** Current
|
|
2467
|
-
|
|
2468
|
-
/**
|
|
2469
|
-
|
|
2470
|
-
/**
|
|
2471
|
-
|
|
2472
|
-
/**
|
|
2473
|
-
|
|
2474
|
-
/**
|
|
2475
|
-
|
|
2476
|
-
/** Start index of items on current page (0-indexed) */
|
|
2477
|
-
pageStart: number;
|
|
2478
|
-
/** End index of items on current page (exclusive) */
|
|
2479
|
-
pageStop: number;
|
|
2480
|
-
/** Whether on first page */
|
|
2481
|
-
isFirst: boolean;
|
|
2482
|
-
/** Whether on last page */
|
|
2483
|
-
isLast: boolean;
|
|
2484
|
-
/** Go to first page */
|
|
2485
|
-
first: () => void;
|
|
2486
|
-
/** Go to last page */
|
|
2487
|
-
last: () => void;
|
|
2488
|
-
/** Go to next page */
|
|
2489
|
-
next: () => void;
|
|
2490
|
-
/** Go to previous page */
|
|
2491
|
-
prev: () => void;
|
|
2492
|
-
/** Go to specific page */
|
|
2493
|
-
select: (page: number) => void;
|
|
2494
|
-
/** Attributes to bind to the root element */
|
|
2495
|
-
attrs: {
|
|
2496
|
-
'aria-label': string;
|
|
2497
|
-
'role': 'navigation' | undefined;
|
|
2498
|
-
};
|
|
2501
|
+
interface InputControlSlotProps {
|
|
2502
|
+
/** Current input value */
|
|
2503
|
+
value: string;
|
|
2504
|
+
/** Whether this input is focused */
|
|
2505
|
+
isFocused: boolean;
|
|
2506
|
+
/** Whether this input is disabled */
|
|
2507
|
+
isDisabled: boolean;
|
|
2508
|
+
/** Whether this input is readonly */
|
|
2509
|
+
isReadonly: boolean;
|
|
2510
|
+
/** Pre-computed attributes for the input element */
|
|
2511
|
+
attrs: Record<string, unknown>;
|
|
2499
2512
|
}
|
|
2500
|
-
declare const _default$
|
|
2501
|
-
declare const __VLS_export$
|
|
2502
|
-
props:
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
2508
|
-
} ? P : {});
|
|
2509
|
-
expose: (exposed: {}) => void;
|
|
2510
|
-
attrs: any;
|
|
2511
|
-
slots: {
|
|
2512
|
-
default: (props: PaginationRootSlotProps) => any;
|
|
2513
|
+
declare const _default$50: typeof __VLS_export$50;
|
|
2514
|
+
declare const __VLS_export$50: __VLS_WithSlots$32<vue.DefineComponent<InputControlProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<InputControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2515
|
+
default: (props: InputControlSlotProps) => any;
|
|
2516
|
+
}>;
|
|
2517
|
+
type __VLS_WithSlots$32<T, S> = T & {
|
|
2518
|
+
new (): {
|
|
2519
|
+
$slots: S;
|
|
2513
2520
|
};
|
|
2514
|
-
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
2515
|
-
}>) => vue.VNode & {
|
|
2516
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2517
2521
|
};
|
|
2518
|
-
type __VLS_PrettifyLocal$13<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
2519
2522
|
//#endregion
|
|
2520
|
-
//#region src/components/
|
|
2521
|
-
interface
|
|
2522
|
-
/** Namespace for
|
|
2523
|
+
//#region src/components/Input/InputDescription.vue.d.ts
|
|
2524
|
+
interface InputDescriptionProps extends AtomProps {
|
|
2525
|
+
/** Namespace for connecting to parent Input.Root */
|
|
2523
2526
|
namespace?: string;
|
|
2524
|
-
/** Page number this item represents */
|
|
2525
|
-
value: number;
|
|
2526
|
-
/** Override disabled state */
|
|
2527
|
-
disabled?: boolean;
|
|
2528
|
-
/** Unique identifier for registration */
|
|
2529
|
-
id?: string;
|
|
2530
2527
|
}
|
|
2531
|
-
interface
|
|
2532
|
-
/**
|
|
2533
|
-
|
|
2534
|
-
/** Whether this page is currently selected */
|
|
2535
|
-
isSelected: boolean;
|
|
2536
|
-
/** Whether this item is disabled */
|
|
2537
|
-
isDisabled: boolean;
|
|
2538
|
-
/** Go to this page */
|
|
2539
|
-
select: () => void;
|
|
2540
|
-
/** Attributes to bind to the item element */
|
|
2541
|
-
attrs: {
|
|
2542
|
-
'aria-label': string;
|
|
2543
|
-
'aria-current': 'page' | undefined;
|
|
2544
|
-
'aria-disabled': boolean;
|
|
2545
|
-
'data-selected': true | undefined;
|
|
2546
|
-
'data-disabled': true | undefined;
|
|
2547
|
-
'disabled': boolean | undefined;
|
|
2548
|
-
'tabindex': number;
|
|
2549
|
-
'type': 'button' | undefined;
|
|
2550
|
-
'onClick': () => void;
|
|
2551
|
-
};
|
|
2528
|
+
interface InputDescriptionSlotProps {
|
|
2529
|
+
/** ID for this description element */
|
|
2530
|
+
id: string;
|
|
2552
2531
|
}
|
|
2553
|
-
declare const _default$
|
|
2554
|
-
declare const __VLS_export$
|
|
2555
|
-
default: (props:
|
|
2532
|
+
declare const _default$49: typeof __VLS_export$49;
|
|
2533
|
+
declare const __VLS_export$49: __VLS_WithSlots$31<vue.DefineComponent<InputDescriptionProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<InputDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2534
|
+
default: (props: InputDescriptionSlotProps) => any;
|
|
2556
2535
|
}>;
|
|
2557
|
-
type __VLS_WithSlots$
|
|
2536
|
+
type __VLS_WithSlots$31<T, S> = T & {
|
|
2558
2537
|
new (): {
|
|
2559
2538
|
$slots: S;
|
|
2560
2539
|
};
|
|
2561
2540
|
};
|
|
2562
2541
|
//#endregion
|
|
2563
|
-
//#region src/components/
|
|
2564
|
-
interface
|
|
2565
|
-
/** Namespace for
|
|
2542
|
+
//#region src/components/Input/InputError.vue.d.ts
|
|
2543
|
+
interface InputErrorProps extends AtomProps {
|
|
2544
|
+
/** Namespace for connecting to parent Input.Root */
|
|
2566
2545
|
namespace?: string;
|
|
2567
|
-
/** Override disabled state */
|
|
2568
|
-
disabled?: boolean;
|
|
2569
|
-
/** Unique identifier for registration */
|
|
2570
|
-
id?: string;
|
|
2571
2546
|
}
|
|
2572
|
-
interface
|
|
2573
|
-
/**
|
|
2574
|
-
|
|
2575
|
-
/**
|
|
2576
|
-
|
|
2577
|
-
/**
|
|
2547
|
+
interface InputErrorSlotProps {
|
|
2548
|
+
/** ID for this error element */
|
|
2549
|
+
id: string;
|
|
2550
|
+
/** Current validation error messages */
|
|
2551
|
+
errors: string[];
|
|
2552
|
+
/** Pre-computed attributes for the error element */
|
|
2578
2553
|
attrs: {
|
|
2579
|
-
'
|
|
2580
|
-
'aria-
|
|
2581
|
-
'data-
|
|
2582
|
-
'disabled': boolean | undefined;
|
|
2583
|
-
'tabindex': number;
|
|
2584
|
-
'type': 'button' | undefined;
|
|
2585
|
-
'onClick': () => void;
|
|
2554
|
+
'id': string;
|
|
2555
|
+
'aria-live': 'polite';
|
|
2556
|
+
'data-state': 'visible' | 'hidden';
|
|
2586
2557
|
};
|
|
2587
2558
|
}
|
|
2588
|
-
declare const _default$
|
|
2589
|
-
declare const __VLS_export$
|
|
2590
|
-
default: (props:
|
|
2559
|
+
declare const _default$48: typeof __VLS_export$48;
|
|
2560
|
+
declare const __VLS_export$48: __VLS_WithSlots$30<vue.DefineComponent<InputErrorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<InputErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2561
|
+
default: (props: InputErrorSlotProps) => any;
|
|
2591
2562
|
}>;
|
|
2592
|
-
type __VLS_WithSlots$
|
|
2563
|
+
type __VLS_WithSlots$30<T, S> = T & {
|
|
2593
2564
|
new (): {
|
|
2594
2565
|
$slots: S;
|
|
2595
2566
|
};
|
|
2596
2567
|
};
|
|
2597
2568
|
//#endregion
|
|
2598
|
-
//#region src/components/
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
/**
|
|
2609
|
-
|
|
2610
|
-
/**
|
|
2611
|
-
|
|
2612
|
-
/**
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
/**
|
|
2663
|
-
|
|
2664
|
-
/**
|
|
2665
|
-
|
|
2666
|
-
/**
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
/**
|
|
2671
|
-
|
|
2672
|
-
/**
|
|
2673
|
-
|
|
2674
|
-
/**
|
|
2675
|
-
attrs: {
|
|
2676
|
-
'aria-label': string;
|
|
2677
|
-
'aria-disabled': boolean;
|
|
2678
|
-
'data-disabled': true | undefined;
|
|
2679
|
-
'disabled': boolean | undefined;
|
|
2680
|
-
'tabindex': number;
|
|
2681
|
-
'type': 'button' | undefined;
|
|
2682
|
-
'onClick': () => void;
|
|
2683
|
-
};
|
|
2684
|
-
}
|
|
2685
|
-
declare const _default$34: typeof __VLS_export$34;
|
|
2686
|
-
declare const __VLS_export$34: __VLS_WithSlots$18<vue.DefineComponent<PaginationNextProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2687
|
-
default: (props: PaginationNextSlotProps) => any;
|
|
2688
|
-
}>;
|
|
2689
|
-
type __VLS_WithSlots$18<T, S> = T & {
|
|
2690
|
-
new (): {
|
|
2691
|
-
$slots: S;
|
|
2692
|
-
};
|
|
2693
|
-
};
|
|
2694
|
-
//#endregion
|
|
2695
|
-
//#region src/components/Pagination/PaginationLast.vue.d.ts
|
|
2696
|
-
interface PaginationLastProps extends AtomProps {
|
|
2697
|
-
/** Namespace for dependency injection */
|
|
2569
|
+
//#region src/components/Input/InputRoot.vue.d.ts
|
|
2570
|
+
/** Visual state of the input for styling purposes */
|
|
2571
|
+
type InputState = 'pristine' | 'valid' | 'invalid';
|
|
2572
|
+
/** Base validation trigger event */
|
|
2573
|
+
type ValidateEvent = 'blur' | 'input' | 'submit';
|
|
2574
|
+
/** When to trigger validation, with optional lazy/eager modifier */
|
|
2575
|
+
type ValidateOn = ValidateEvent | 'lazy' | 'eager' | 'blur lazy' | 'input lazy' | 'submit lazy' | 'blur eager' | 'input eager' | 'submit eager' | 'lazy blur' | 'lazy input' | 'lazy submit' | 'eager blur' | 'eager input' | 'eager submit';
|
|
2576
|
+
interface InputRootContext {
|
|
2577
|
+
/** Unique identifier */
|
|
2578
|
+
readonly id: ID;
|
|
2579
|
+
/** Optional display label */
|
|
2580
|
+
readonly label?: string;
|
|
2581
|
+
/** Form field name */
|
|
2582
|
+
readonly name?: string;
|
|
2583
|
+
/** Input type */
|
|
2584
|
+
readonly type: string;
|
|
2585
|
+
/** Associate with form by ID */
|
|
2586
|
+
readonly form?: string;
|
|
2587
|
+
/** Whether this input is required */
|
|
2588
|
+
readonly required?: boolean;
|
|
2589
|
+
/** ID for description element (aria-describedby) */
|
|
2590
|
+
readonly descriptionId: string;
|
|
2591
|
+
/** ID for error element (aria-errormessage) */
|
|
2592
|
+
readonly errorId: string;
|
|
2593
|
+
/** Whether a Description sub-component is mounted */
|
|
2594
|
+
hasDescription: ShallowRef<boolean>;
|
|
2595
|
+
/** Whether an Error sub-component is mounted */
|
|
2596
|
+
hasError: ShallowRef<boolean>;
|
|
2597
|
+
/** Current input value — write to update both v-model and validation */
|
|
2598
|
+
value: Ref<string>;
|
|
2599
|
+
/** Whether this input has content */
|
|
2600
|
+
isDirty: Readonly<Ref<boolean>>;
|
|
2601
|
+
/** Whether this input is focused */
|
|
2602
|
+
isFocused: ShallowRef<boolean>;
|
|
2603
|
+
/** Whether this input is disabled */
|
|
2604
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
2605
|
+
/** Whether this input is readonly */
|
|
2606
|
+
isReadonly: Readonly<Ref<boolean>>;
|
|
2607
|
+
/** Merged validation + manual error messages */
|
|
2608
|
+
errors: Readonly<Ref<string[]>>;
|
|
2609
|
+
/** Whether the field is valid (null = unvalidated, accounts for error prop) */
|
|
2610
|
+
isValid: Readonly<Ref<boolean | null>>;
|
|
2611
|
+
/** Whether the field value hasn't changed since mount/reset */
|
|
2612
|
+
isPristine: Readonly<Ref<boolean>>;
|
|
2613
|
+
/** Whether async validation is in progress */
|
|
2614
|
+
isValidating: Readonly<Ref<boolean>>;
|
|
2615
|
+
/** Validate the input */
|
|
2616
|
+
validate: () => Promise<boolean>;
|
|
2617
|
+
/** Reset the input to initial state */
|
|
2618
|
+
reset: () => void;
|
|
2619
|
+
}
|
|
2620
|
+
interface InputRootProps extends AtomProps {
|
|
2621
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
2622
|
+
id?: ID;
|
|
2623
|
+
/** Optional display label */
|
|
2624
|
+
label?: string;
|
|
2625
|
+
/** Form field name */
|
|
2626
|
+
name?: string;
|
|
2627
|
+
/** Input type */
|
|
2628
|
+
type?: string;
|
|
2629
|
+
/** Associate with form by ID */
|
|
2630
|
+
form?: string;
|
|
2631
|
+
/** Disables this input */
|
|
2632
|
+
disabled?: MaybeRefOrGetter<boolean>;
|
|
2633
|
+
/** Makes this input readonly */
|
|
2634
|
+
readonly?: MaybeRefOrGetter<boolean>;
|
|
2635
|
+
/** Whether this input is required */
|
|
2636
|
+
required?: boolean;
|
|
2637
|
+
/** Validation rules */
|
|
2638
|
+
rules?: (FormValidationRule | RuleAlias | StandardSchemaV1)[];
|
|
2639
|
+
/** When to trigger validation */
|
|
2640
|
+
validateOn?: ValidateOn;
|
|
2641
|
+
/** Manual error state override — forces invalid regardless of validation */
|
|
2642
|
+
error?: boolean;
|
|
2643
|
+
/** Manual error messages — merged with rule-based errors */
|
|
2644
|
+
errorMessages?: MaybeArray<string>;
|
|
2645
|
+
/** Namespace for context provision to children */
|
|
2698
2646
|
namespace?: string;
|
|
2699
|
-
/** Override disabled state */
|
|
2700
|
-
disabled?: boolean;
|
|
2701
|
-
/** Unique identifier for registration */
|
|
2702
|
-
id?: string;
|
|
2703
2647
|
}
|
|
2704
|
-
interface
|
|
2705
|
-
/**
|
|
2648
|
+
interface InputRootSlotProps {
|
|
2649
|
+
/** Unique identifier */
|
|
2650
|
+
id: ID;
|
|
2651
|
+
/** Optional display label */
|
|
2652
|
+
label?: string;
|
|
2653
|
+
/** Current input value */
|
|
2654
|
+
value: string;
|
|
2655
|
+
/** Whether this input has content */
|
|
2656
|
+
isDirty: boolean;
|
|
2657
|
+
/** Whether this input is focused */
|
|
2658
|
+
isFocused: boolean;
|
|
2659
|
+
/** Merged error messages */
|
|
2660
|
+
errors: string[];
|
|
2661
|
+
/** Whether the field is valid */
|
|
2662
|
+
isValid: boolean | null;
|
|
2663
|
+
/** Whether the field value hasn't changed */
|
|
2664
|
+
isPristine: boolean;
|
|
2665
|
+
/** Whether async validation is in progress */
|
|
2666
|
+
isValidating: boolean;
|
|
2667
|
+
/** Whether this input is disabled */
|
|
2706
2668
|
isDisabled: boolean;
|
|
2707
|
-
/**
|
|
2708
|
-
|
|
2709
|
-
/**
|
|
2669
|
+
/** Whether this input is readonly */
|
|
2670
|
+
isReadonly: boolean;
|
|
2671
|
+
/** Validate the input */
|
|
2672
|
+
validate: () => Promise<boolean>;
|
|
2673
|
+
/** Reset the input */
|
|
2674
|
+
reset: () => void;
|
|
2675
|
+
/** Attributes to bind to the root element */
|
|
2710
2676
|
attrs: {
|
|
2711
|
-
'
|
|
2712
|
-
'
|
|
2677
|
+
'data-state': InputState;
|
|
2678
|
+
'data-dirty': true | undefined;
|
|
2679
|
+
'data-focused': true | undefined;
|
|
2713
2680
|
'data-disabled': true | undefined;
|
|
2714
|
-
'
|
|
2715
|
-
'tabindex': number;
|
|
2716
|
-
'type': 'button' | undefined;
|
|
2717
|
-
'onClick': () => void;
|
|
2718
|
-
};
|
|
2719
|
-
}
|
|
2720
|
-
declare const _default$33: typeof __VLS_export$33;
|
|
2721
|
-
declare const __VLS_export$33: __VLS_WithSlots$17<vue.DefineComponent<PaginationLastProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2722
|
-
default: (props: PaginationLastSlotProps) => any;
|
|
2723
|
-
}>;
|
|
2724
|
-
type __VLS_WithSlots$17<T, S> = T & {
|
|
2725
|
-
new (): {
|
|
2726
|
-
$slots: S;
|
|
2727
|
-
};
|
|
2728
|
-
};
|
|
2729
|
-
//#endregion
|
|
2730
|
-
//#region src/components/Pagination/PaginationStatus.vue.d.ts
|
|
2731
|
-
interface PaginationStatusProps extends AtomProps {
|
|
2732
|
-
/** Namespace for dependency injection */
|
|
2733
|
-
namespace?: string;
|
|
2734
|
-
}
|
|
2735
|
-
interface PaginationStatusSlotProps {
|
|
2736
|
-
/** Current page (1-indexed) */
|
|
2737
|
-
page: number;
|
|
2738
|
-
/** Total number of pages */
|
|
2739
|
-
pages: number;
|
|
2740
|
-
/** Announcement text */
|
|
2741
|
-
text: string;
|
|
2742
|
-
/** Attributes to bind to the status element */
|
|
2743
|
-
attrs: {
|
|
2744
|
-
'aria-atomic': true;
|
|
2745
|
-
'aria-live': 'polite';
|
|
2746
|
-
'role': 'status';
|
|
2681
|
+
'data-readonly': true | undefined;
|
|
2747
2682
|
};
|
|
2748
2683
|
}
|
|
2749
|
-
declare const
|
|
2750
|
-
declare const
|
|
2751
|
-
|
|
2684
|
+
declare const useInputRoot: (key: string, defaultValue?: InputRootContext | undefined) => InputRootContext, provideInputRoot: (key: string, context: InputRootContext, app?: vue.App) => InputRootContext;
|
|
2685
|
+
declare const _default$47: typeof __VLS_export$47;
|
|
2686
|
+
declare const __VLS_export$47: __VLS_WithSlots$29<vue.DefineComponent<InputRootProps & {
|
|
2687
|
+
modelValue?: string;
|
|
2688
|
+
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
2689
|
+
"update:model-value": (value: string) => any;
|
|
2690
|
+
"update:modelValue": (value: string) => any;
|
|
2691
|
+
"update:isFocused": (value: boolean) => any;
|
|
2692
|
+
}, string, vue.PublicProps, Readonly<InputRootProps & {
|
|
2693
|
+
modelValue?: string;
|
|
2694
|
+
}> & Readonly<{
|
|
2695
|
+
"onUpdate:model-value"?: ((value: string) => any) | undefined;
|
|
2696
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
2697
|
+
"onUpdate:isFocused"?: ((value: boolean) => any) | undefined;
|
|
2698
|
+
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
2699
|
+
default: (props: InputRootSlotProps) => any;
|
|
2752
2700
|
}>;
|
|
2753
|
-
type __VLS_WithSlots$
|
|
2701
|
+
type __VLS_WithSlots$29<T, S> = T & {
|
|
2754
2702
|
new (): {
|
|
2755
2703
|
$slots: S;
|
|
2756
2704
|
};
|
|
2757
2705
|
};
|
|
2758
2706
|
//#endregion
|
|
2759
|
-
//#region src/components/
|
|
2707
|
+
//#region src/components/Input/index.d.ts
|
|
2760
2708
|
/**
|
|
2761
|
-
*
|
|
2709
|
+
* Input component with sub-components for text input controls.
|
|
2762
2710
|
*
|
|
2763
|
-
* @see https://0.vuetifyjs.com/components/
|
|
2711
|
+
* @see https://0.vuetifyjs.com/components/forms/input
|
|
2712
|
+
*
|
|
2713
|
+
* @example
|
|
2714
|
+
* ```vue
|
|
2715
|
+
* <script setup lang="ts">
|
|
2716
|
+
* import { Input } from '@vuetify/v0'
|
|
2717
|
+
* import { ref } from 'vue'
|
|
2718
|
+
*
|
|
2719
|
+
* const email = ref('')
|
|
2720
|
+
* </script>
|
|
2721
|
+
*
|
|
2722
|
+
* <template>
|
|
2723
|
+
* <Input.Root
|
|
2724
|
+
* v-model="email"
|
|
2725
|
+
* label="Email"
|
|
2726
|
+
* :rules="[(v) => !!v || 'Required', (v) => /.+@.+/.test(v) || 'Invalid email']"
|
|
2727
|
+
* >
|
|
2728
|
+
* <Input.Control />
|
|
2729
|
+
* <Input.Description>We'll never share your email.</Input.Description>
|
|
2730
|
+
* <Input.Error v-slot="{ errors }">
|
|
2731
|
+
* <span v-for="error in errors" :key="error">{{ error }}</span>
|
|
2732
|
+
* </Input.Error>
|
|
2733
|
+
* </Input.Root>
|
|
2734
|
+
* </template>
|
|
2735
|
+
* ```
|
|
2764
2736
|
*/
|
|
2765
|
-
declare const
|
|
2737
|
+
declare const Input: {
|
|
2766
2738
|
/**
|
|
2767
|
-
*
|
|
2768
|
-
*
|
|
2769
|
-
* @see https://0.vuetifyjs.com/components/pagination
|
|
2770
|
-
*
|
|
2771
|
-
* @example
|
|
2772
|
-
* ```vue
|
|
2773
|
-
* <script lang="ts" setup>
|
|
2774
|
-
* import { Pagination } from '@vuetify/v0'
|
|
2775
|
-
* </script>
|
|
2776
|
-
*
|
|
2777
|
-
* <template>
|
|
2778
|
-
* <Pagination.Root v-model="page" :size="100">
|
|
2779
|
-
* <Pagination.First />
|
|
2780
|
-
*
|
|
2781
|
-
* <Pagination.Prev />
|
|
2782
|
-
*
|
|
2783
|
-
* <template v-for="item in items" :key="item.value">
|
|
2784
|
-
* <Pagination.Item v-if="item.type === 'page'" :value="item.value" />
|
|
2785
|
-
*
|
|
2786
|
-
* <Pagination.Ellipsis v-else />
|
|
2787
|
-
* </template>
|
|
2788
|
-
*
|
|
2789
|
-
* <Pagination.Next />
|
|
2739
|
+
* Native input element with ARIA bindings and validation triggers.
|
|
2790
2740
|
*
|
|
2791
|
-
*
|
|
2792
|
-
*
|
|
2793
|
-
* </template>
|
|
2794
|
-
* ```
|
|
2795
|
-
*/
|
|
2796
|
-
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
2797
|
-
slots: {
|
|
2798
|
-
default: (props: PaginationRootSlotProps) => any;
|
|
2799
|
-
};
|
|
2800
|
-
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
2801
|
-
attrs: any;
|
|
2802
|
-
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2803
|
-
props: vue.PublicProps & {
|
|
2804
|
-
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
2805
|
-
namespace?: string | undefined;
|
|
2806
|
-
size?: number | undefined;
|
|
2807
|
-
totalVisible?: number | undefined;
|
|
2808
|
-
itemsPerPage?: number | undefined;
|
|
2809
|
-
ellipsis?: string | false | undefined;
|
|
2810
|
-
as?: (DOMElement | null) | undefined;
|
|
2811
|
-
renderless?: boolean | undefined;
|
|
2812
|
-
modelValue?: number | undefined;
|
|
2813
|
-
} & (typeof globalThis extends {
|
|
2814
|
-
__VLS_PROPS_FALLBACK: infer P;
|
|
2815
|
-
} ? P : {});
|
|
2816
|
-
expose: (exposed: {}) => void;
|
|
2817
|
-
attrs: any;
|
|
2818
|
-
slots: {
|
|
2819
|
-
default: (props: PaginationRootSlotProps) => any;
|
|
2820
|
-
};
|
|
2821
|
-
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
2822
|
-
}>) => vue.VNode & {
|
|
2823
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2824
|
-
};
|
|
2825
|
-
/**
|
|
2826
|
-
* Individual page button that navigates to a specific page number.
|
|
2741
|
+
* Renders as `<input>` by default. Binds ARIA attributes from Root context
|
|
2742
|
+
* and triggers validation on blur or input based on Root's validateOn prop.
|
|
2827
2743
|
*
|
|
2828
|
-
* @see https://0.vuetifyjs.com/components/
|
|
2744
|
+
* @see https://0.vuetifyjs.com/components/forms/input#control
|
|
2829
2745
|
*
|
|
2830
2746
|
* @example
|
|
2831
2747
|
* ```vue
|
|
2832
|
-
* <
|
|
2833
|
-
*
|
|
2834
|
-
* </
|
|
2835
|
-
*
|
|
2836
|
-
* <template>
|
|
2837
|
-
* <Pagination.Item :value="1">1</Pagination.Item>
|
|
2838
|
-
*
|
|
2839
|
-
* <!-- With slot props -->
|
|
2840
|
-
* <Pagination.Item :value="2" v-slot="{ isSelected }">
|
|
2841
|
-
* <span :class="{ 'font-bold': isSelected }">2</span>
|
|
2842
|
-
* </Pagination.Item>
|
|
2843
|
-
* </template>
|
|
2748
|
+
* <Input.Root v-model="value" label="Name">
|
|
2749
|
+
* <Input.Control />
|
|
2750
|
+
* </Input.Root>
|
|
2844
2751
|
* ```
|
|
2845
2752
|
*/
|
|
2846
|
-
|
|
2847
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
2753
|
+
Control: {
|
|
2754
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<InputControlProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
2848
2755
|
P: {};
|
|
2849
2756
|
B: {};
|
|
2850
2757
|
D: {};
|
|
2851
2758
|
C: {};
|
|
2852
2759
|
M: {};
|
|
2853
2760
|
Defaults: {};
|
|
2854
|
-
}, Readonly<
|
|
2761
|
+
}, Readonly<InputControlProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2855
2762
|
__isFragment?: never;
|
|
2856
2763
|
__isTeleport?: never;
|
|
2857
2764
|
__isSuspense?: never;
|
|
2858
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
2765
|
+
} & vue.ComponentOptionsBase<Readonly<InputControlProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
2859
2766
|
$slots: {
|
|
2860
|
-
default: (props:
|
|
2767
|
+
default: (props: InputControlSlotProps) => any;
|
|
2861
2768
|
};
|
|
2862
2769
|
});
|
|
2863
2770
|
/**
|
|
2864
|
-
*
|
|
2865
|
-
* disables when already on the first page.
|
|
2866
|
-
*
|
|
2867
|
-
* @see https://0.vuetifyjs.com/components/pagination#paginationfirst
|
|
2868
|
-
*
|
|
2869
|
-
* @example
|
|
2870
|
-
* ```vue
|
|
2871
|
-
* <script lang="ts" setup>
|
|
2872
|
-
* import { Pagination } from '@vuetify/v0'
|
|
2873
|
-
* </script>
|
|
2874
|
-
*
|
|
2875
|
-
* <template>
|
|
2876
|
-
* <Pagination.First>First</Pagination.First>
|
|
2877
|
-
*
|
|
2878
|
-
* <!-- With slot props -->
|
|
2879
|
-
* <Pagination.First v-slot="{ isDisabled }">
|
|
2880
|
-
* <span :class="{ 'opacity-50': isDisabled }">«</span>
|
|
2881
|
-
* </Pagination.First>
|
|
2771
|
+
* Help text component connected via aria-describedby.
|
|
2882
2772
|
*
|
|
2883
|
-
*
|
|
2884
|
-
*
|
|
2885
|
-
* First
|
|
2886
|
-
* </Pagination.First>
|
|
2887
|
-
* </template>
|
|
2888
|
-
* ```
|
|
2889
|
-
*/
|
|
2890
|
-
First: {
|
|
2891
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
2892
|
-
P: {};
|
|
2893
|
-
B: {};
|
|
2894
|
-
D: {};
|
|
2895
|
-
C: {};
|
|
2896
|
-
M: {};
|
|
2897
|
-
Defaults: {};
|
|
2898
|
-
}, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2899
|
-
__isFragment?: never;
|
|
2900
|
-
__isTeleport?: never;
|
|
2901
|
-
__isSuspense?: never;
|
|
2902
|
-
} & vue.ComponentOptionsBase<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
2903
|
-
$slots: {
|
|
2904
|
-
default: (props: PaginationFirstSlotProps) => any;
|
|
2905
|
-
};
|
|
2906
|
-
});
|
|
2907
|
-
/**
|
|
2908
|
-
* Navigation button that moves to the previous page. Automatically
|
|
2909
|
-
* disables when already on the first page.
|
|
2773
|
+
* Auto-generates an ID that Input.Control references in its
|
|
2774
|
+
* aria-describedby attribute for accessibility.
|
|
2910
2775
|
*
|
|
2911
|
-
* @see https://0.vuetifyjs.com/components/
|
|
2776
|
+
* @see https://0.vuetifyjs.com/components/forms/input#description
|
|
2912
2777
|
*
|
|
2913
2778
|
* @example
|
|
2914
2779
|
* ```vue
|
|
2915
|
-
* <
|
|
2916
|
-
*
|
|
2917
|
-
*
|
|
2918
|
-
*
|
|
2919
|
-
* <template>
|
|
2920
|
-
* <Pagination.Prev>Prev</Pagination.Prev>
|
|
2921
|
-
*
|
|
2922
|
-
* <!-- With slot props -->
|
|
2923
|
-
* <Pagination.Prev v-slot="{ isDisabled }">
|
|
2924
|
-
* <span :class="{ 'opacity-50': isDisabled }">‹</span>
|
|
2925
|
-
* </Pagination.Prev>
|
|
2926
|
-
*
|
|
2927
|
-
* <!-- With data attributes -->
|
|
2928
|
-
* <Pagination.Prev class="data-[disabled]:opacity-50">
|
|
2929
|
-
* Prev
|
|
2930
|
-
* </Pagination.Prev>
|
|
2931
|
-
* </template>
|
|
2780
|
+
* <Input.Root v-model="value" label="Username">
|
|
2781
|
+
* <Input.Control />
|
|
2782
|
+
* <Input.Description>Must be 3-20 characters.</Input.Description>
|
|
2783
|
+
* </Input.Root>
|
|
2932
2784
|
* ```
|
|
2933
2785
|
*/
|
|
2934
|
-
|
|
2935
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
2786
|
+
Description: {
|
|
2787
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<InputDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
2936
2788
|
P: {};
|
|
2937
2789
|
B: {};
|
|
2938
2790
|
D: {};
|
|
2939
2791
|
C: {};
|
|
2940
2792
|
M: {};
|
|
2941
2793
|
Defaults: {};
|
|
2942
|
-
}, Readonly<
|
|
2794
|
+
}, Readonly<InputDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2943
2795
|
__isFragment?: never;
|
|
2944
2796
|
__isTeleport?: never;
|
|
2945
2797
|
__isSuspense?: never;
|
|
2946
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
2798
|
+
} & vue.ComponentOptionsBase<Readonly<InputDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
2947
2799
|
$slots: {
|
|
2948
|
-
default: (props:
|
|
2800
|
+
default: (props: InputDescriptionSlotProps) => any;
|
|
2949
2801
|
};
|
|
2950
2802
|
});
|
|
2951
2803
|
/**
|
|
2952
|
-
*
|
|
2953
|
-
* readers via aria-hidden. Inherits ellipsis character from Root
|
|
2954
|
-
* or can be overridden via prop.
|
|
2955
|
-
*
|
|
2956
|
-
* @see https://0.vuetifyjs.com/components/pagination#paginationellipsis
|
|
2957
|
-
*
|
|
2958
|
-
* @example
|
|
2959
|
-
* ```vue
|
|
2960
|
-
* <script lang="ts" setup>
|
|
2961
|
-
* import { Pagination } from '@vuetify/v0'
|
|
2962
|
-
* </script>
|
|
2963
|
-
*
|
|
2964
|
-
* <template>
|
|
2965
|
-
* <!-- Uses default "..." from Root -->
|
|
2966
|
-
* <Pagination.Ellipsis />
|
|
2804
|
+
* Error message component with aria-live announcements.
|
|
2967
2805
|
*
|
|
2968
|
-
*
|
|
2969
|
-
*
|
|
2970
|
-
*
|
|
2971
|
-
* ```
|
|
2972
|
-
*/
|
|
2973
|
-
Ellipsis: {
|
|
2974
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
2975
|
-
P: {};
|
|
2976
|
-
B: {};
|
|
2977
|
-
D: {};
|
|
2978
|
-
C: {};
|
|
2979
|
-
M: {};
|
|
2980
|
-
Defaults: {};
|
|
2981
|
-
}, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
2982
|
-
__isFragment?: never;
|
|
2983
|
-
__isTeleport?: never;
|
|
2984
|
-
__isSuspense?: never;
|
|
2985
|
-
} & vue.ComponentOptionsBase<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
2986
|
-
$slots: {
|
|
2987
|
-
default: (props: PaginationEllipsisSlotProps) => any;
|
|
2988
|
-
};
|
|
2989
|
-
});
|
|
2990
|
-
/**
|
|
2991
|
-
* Navigation button that moves to the next page. Automatically
|
|
2992
|
-
* disables when already on the last page.
|
|
2806
|
+
* Renders validation errors from Root's validation context.
|
|
2807
|
+
* Connected to Control via aria-errormessage. Uses aria-live="polite"
|
|
2808
|
+
* for screen reader announcements when errors appear.
|
|
2993
2809
|
*
|
|
2994
|
-
* @see https://0.vuetifyjs.com/components/
|
|
2810
|
+
* @see https://0.vuetifyjs.com/components/forms/input#error
|
|
2995
2811
|
*
|
|
2996
2812
|
* @example
|
|
2997
2813
|
* ```vue
|
|
2998
|
-
* <
|
|
2999
|
-
*
|
|
3000
|
-
*
|
|
3001
|
-
*
|
|
3002
|
-
*
|
|
3003
|
-
*
|
|
3004
|
-
*
|
|
3005
|
-
* <!-- With slot props -->
|
|
3006
|
-
* <Pagination.Next v-slot="{ isDisabled }">
|
|
3007
|
-
* <span :class="{ 'opacity-50': isDisabled }">›</span>
|
|
3008
|
-
* </Pagination.Next>
|
|
3009
|
-
*
|
|
3010
|
-
* <!-- With data attributes -->
|
|
3011
|
-
* <Pagination.Next class="data-[disabled]:opacity-50">
|
|
3012
|
-
* Next
|
|
3013
|
-
* </Pagination.Next>
|
|
3014
|
-
* </template>
|
|
2814
|
+
* <Input.Root v-model="value" :rules="[(v) => !!v || 'Required']">
|
|
2815
|
+
* <Input.Control />
|
|
2816
|
+
* <Input.Error v-slot="{ errors }">
|
|
2817
|
+
* <span v-for="error in errors" :key="error">{{ error }}</span>
|
|
2818
|
+
* </Input.Error>
|
|
2819
|
+
* </Input.Root>
|
|
3015
2820
|
* ```
|
|
3016
2821
|
*/
|
|
3017
|
-
|
|
3018
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
2822
|
+
Error: {
|
|
2823
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<InputErrorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3019
2824
|
P: {};
|
|
3020
2825
|
B: {};
|
|
3021
2826
|
D: {};
|
|
3022
2827
|
C: {};
|
|
3023
2828
|
M: {};
|
|
3024
2829
|
Defaults: {};
|
|
3025
|
-
}, Readonly<
|
|
2830
|
+
}, Readonly<InputErrorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3026
2831
|
__isFragment?: never;
|
|
3027
2832
|
__isTeleport?: never;
|
|
3028
2833
|
__isSuspense?: never;
|
|
3029
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
2834
|
+
} & vue.ComponentOptionsBase<Readonly<InputErrorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3030
2835
|
$slots: {
|
|
3031
|
-
default: (props:
|
|
2836
|
+
default: (props: InputErrorSlotProps) => any;
|
|
3032
2837
|
};
|
|
3033
2838
|
});
|
|
3034
2839
|
/**
|
|
3035
|
-
*
|
|
3036
|
-
* disables when already on the last page.
|
|
3037
|
-
*
|
|
3038
|
-
* @see https://0.vuetifyjs.com/components/pagination#paginationlast
|
|
3039
|
-
*
|
|
3040
|
-
* @example
|
|
3041
|
-
* ```vue
|
|
3042
|
-
* <script lang="ts" setup>
|
|
3043
|
-
* import { Pagination } from '@vuetify/v0'
|
|
3044
|
-
* </script>
|
|
3045
|
-
*
|
|
3046
|
-
* <template>
|
|
3047
|
-
* <Pagination.Last>Last</Pagination.Last>
|
|
2840
|
+
* Root component for text inputs with validation.
|
|
3048
2841
|
*
|
|
3049
|
-
*
|
|
3050
|
-
*
|
|
3051
|
-
*
|
|
3052
|
-
* </Pagination.Last>
|
|
3053
|
-
*
|
|
3054
|
-
* <!-- With data attributes -->
|
|
3055
|
-
* <Pagination.Last class="data-[disabled]:opacity-50">
|
|
3056
|
-
* Last
|
|
3057
|
-
* </Pagination.Last>
|
|
3058
|
-
* </template>
|
|
3059
|
-
* ```
|
|
3060
|
-
*/
|
|
3061
|
-
Last: {
|
|
3062
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3063
|
-
P: {};
|
|
3064
|
-
B: {};
|
|
3065
|
-
D: {};
|
|
3066
|
-
C: {};
|
|
3067
|
-
M: {};
|
|
3068
|
-
Defaults: {};
|
|
3069
|
-
}, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3070
|
-
__isFragment?: never;
|
|
3071
|
-
__isTeleport?: never;
|
|
3072
|
-
__isSuspense?: never;
|
|
3073
|
-
} & vue.ComponentOptionsBase<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3074
|
-
$slots: {
|
|
3075
|
-
default: (props: PaginationLastSlotProps) => any;
|
|
3076
|
-
};
|
|
3077
|
-
});
|
|
3078
|
-
/**
|
|
3079
|
-
* Visually-hidden live region that announces page changes to screen
|
|
3080
|
-
* readers. Should be styled with sr-only/visually-hidden CSS.
|
|
2842
|
+
* Creates a validation context, registers a single field, and provides
|
|
2843
|
+
* context to child components. Supports v-model for value binding and
|
|
2844
|
+
* auto-registers with parent form when used inside createForm.
|
|
3081
2845
|
*
|
|
3082
|
-
* @see https://0.vuetifyjs.com/components/
|
|
2846
|
+
* @see https://0.vuetifyjs.com/components/forms/input#root
|
|
3083
2847
|
*
|
|
3084
2848
|
* @example
|
|
3085
2849
|
* ```vue
|
|
3086
|
-
* <script lang="ts"
|
|
3087
|
-
* import {
|
|
2850
|
+
* <script setup lang="ts">
|
|
2851
|
+
* import { Input } from '@vuetify/v0'
|
|
2852
|
+
* import { ref } from 'vue'
|
|
2853
|
+
*
|
|
2854
|
+
* const name = ref('')
|
|
3088
2855
|
* </script>
|
|
3089
2856
|
*
|
|
3090
2857
|
* <template>
|
|
3091
|
-
* <
|
|
3092
|
-
* <
|
|
3093
|
-
*
|
|
3094
|
-
*
|
|
2858
|
+
* <Input.Root v-model="name" label="Full name" :rules="[(v) => !!v || 'Required']">
|
|
2859
|
+
* <Input.Control />
|
|
2860
|
+
* <Input.Error v-slot="{ errors }">
|
|
2861
|
+
* <span v-for="error in errors" :key="error">{{ error }}</span>
|
|
2862
|
+
* </Input.Error>
|
|
2863
|
+
* </Input.Root>
|
|
3095
2864
|
* </template>
|
|
3096
2865
|
* ```
|
|
3097
2866
|
*/
|
|
3098
|
-
|
|
3099
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
2867
|
+
Root: {
|
|
2868
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<InputRootProps & {
|
|
2869
|
+
modelValue?: string;
|
|
2870
|
+
}> & Readonly<{
|
|
2871
|
+
"onUpdate:model-value"?: ((value: string) => any) | undefined;
|
|
2872
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
2873
|
+
"onUpdate:isFocused"?: ((value: boolean) => any) | undefined;
|
|
2874
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
2875
|
+
"update:model-value": (value: string) => any;
|
|
2876
|
+
"update:modelValue": (value: string) => any;
|
|
2877
|
+
"update:isFocused": (value: boolean) => any;
|
|
2878
|
+
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3100
2879
|
P: {};
|
|
3101
2880
|
B: {};
|
|
3102
2881
|
D: {};
|
|
3103
2882
|
C: {};
|
|
3104
2883
|
M: {};
|
|
3105
2884
|
Defaults: {};
|
|
3106
|
-
}, Readonly<
|
|
2885
|
+
}, Readonly<InputRootProps & {
|
|
2886
|
+
modelValue?: string;
|
|
2887
|
+
}> & Readonly<{
|
|
2888
|
+
"onUpdate:model-value"?: ((value: string) => any) | undefined;
|
|
2889
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
2890
|
+
"onUpdate:isFocused"?: ((value: boolean) => any) | undefined;
|
|
2891
|
+
}>, {}, {}, {}, {}, {}>;
|
|
3107
2892
|
__isFragment?: never;
|
|
3108
2893
|
__isTeleport?: never;
|
|
3109
2894
|
__isSuspense?: never;
|
|
3110
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
2895
|
+
} & vue.ComponentOptionsBase<Readonly<InputRootProps & {
|
|
2896
|
+
modelValue?: string;
|
|
2897
|
+
}> & Readonly<{
|
|
2898
|
+
"onUpdate:model-value"?: ((value: string) => any) | undefined;
|
|
2899
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
2900
|
+
"onUpdate:isFocused"?: ((value: boolean) => any) | undefined;
|
|
2901
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
2902
|
+
"update:model-value": (value: string) => any;
|
|
2903
|
+
"update:modelValue": (value: string) => any;
|
|
2904
|
+
"update:isFocused": (value: boolean) => any;
|
|
2905
|
+
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3111
2906
|
$slots: {
|
|
3112
|
-
default: (props:
|
|
2907
|
+
default: (props: InputRootSlotProps) => any;
|
|
3113
2908
|
};
|
|
3114
2909
|
});
|
|
3115
2910
|
};
|
|
3116
2911
|
//#endregion
|
|
3117
|
-
//#region src/components/
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
/**
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
|
|
3129
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
declare const usePopoverContext: () => PopoverContext, providePopoverContext: (context: PopoverContext, app?: vue.App) => PopoverContext;
|
|
3136
|
-
declare const _default$31: typeof __VLS_export$31;
|
|
3137
|
-
declare const __VLS_export$31: __VLS_WithSlots$15<vue.DefineComponent<PopoverRootProps & {
|
|
3138
|
-
modelValue?: boolean;
|
|
3139
|
-
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3140
|
-
"update:modelValue": (value: boolean) => any;
|
|
3141
|
-
}, string, vue.PublicProps, Readonly<PopoverRootProps & {
|
|
3142
|
-
modelValue?: boolean;
|
|
3143
|
-
}> & Readonly<{
|
|
3144
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3145
|
-
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3146
|
-
default: (props: PopoverRootSlotProps) => any;
|
|
3147
|
-
}>;
|
|
3148
|
-
type __VLS_WithSlots$15<T, S> = T & {
|
|
3149
|
-
new (): {
|
|
3150
|
-
$slots: S;
|
|
3151
|
-
};
|
|
3152
|
-
};
|
|
3153
|
-
//#endregion
|
|
3154
|
-
//#region src/components/Popover/PopoverActivator.vue.d.ts
|
|
3155
|
-
interface PopoverActivatorProps extends AtomProps {
|
|
3156
|
-
/** Target popover ID (defaults to parent PopoverRoot id) */
|
|
3157
|
-
target?: string;
|
|
2912
|
+
//#region src/components/Pagination/PaginationRoot.vue.d.ts
|
|
2913
|
+
declare const usePaginationRoot: (key: string, defaultValue?: PaginationContext | undefined) => PaginationContext, providePaginationRoot: (key: string, context: PaginationContext, app?: vue.App) => PaginationContext;
|
|
2914
|
+
declare const usePaginationControls: (key: string, defaultValue?: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>> | undefined) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, providePaginationControls: (key: string, context: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, app?: vue.App) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>;
|
|
2915
|
+
declare const usePaginationItems: (key: string, defaultValue?: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>> | undefined) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, providePaginationItems: (key: string, context: RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>, app?: vue.App) => RegistryContext<RegistryTicketInput<unknown>, RegistryTicket<unknown> & RegistryTicketInput<unknown>>;
|
|
2916
|
+
interface PaginationRootProps extends AtomProps {
|
|
2917
|
+
/** Namespace for dependency injection */
|
|
2918
|
+
namespace?: string;
|
|
2919
|
+
/** Total number of items */
|
|
2920
|
+
size?: number;
|
|
2921
|
+
/**
|
|
2922
|
+
* Number of visible page buttons.
|
|
2923
|
+
* If undefined, auto-calculates based on container width.
|
|
2924
|
+
*/
|
|
2925
|
+
totalVisible?: number;
|
|
2926
|
+
/** Number of items per page */
|
|
2927
|
+
itemsPerPage?: number;
|
|
2928
|
+
/** Ellipsis character */
|
|
2929
|
+
ellipsis?: string | false;
|
|
3158
2930
|
}
|
|
3159
|
-
interface
|
|
3160
|
-
/**
|
|
3161
|
-
|
|
3162
|
-
/**
|
|
2931
|
+
interface PaginationRootSlotProps {
|
|
2932
|
+
/** Current page (1-indexed) */
|
|
2933
|
+
page: number;
|
|
2934
|
+
/** Total number of items */
|
|
2935
|
+
size: number;
|
|
2936
|
+
/** Total number of pages */
|
|
2937
|
+
pages: number;
|
|
2938
|
+
/** Items per page */
|
|
2939
|
+
itemsPerPage: number;
|
|
2940
|
+
/** Visible page items for rendering */
|
|
2941
|
+
items: PaginationTicket[];
|
|
2942
|
+
/** Start index of items on current page (0-indexed) */
|
|
2943
|
+
pageStart: number;
|
|
2944
|
+
/** End index of items on current page (exclusive) */
|
|
2945
|
+
pageStop: number;
|
|
2946
|
+
/** Whether on first page */
|
|
2947
|
+
isFirst: boolean;
|
|
2948
|
+
/** Whether on last page */
|
|
2949
|
+
isLast: boolean;
|
|
2950
|
+
/** Go to first page */
|
|
2951
|
+
first: () => void;
|
|
2952
|
+
/** Go to last page */
|
|
2953
|
+
last: () => void;
|
|
2954
|
+
/** Go to next page */
|
|
2955
|
+
next: () => void;
|
|
2956
|
+
/** Go to previous page */
|
|
2957
|
+
prev: () => void;
|
|
2958
|
+
/** Go to specific page */
|
|
2959
|
+
select: (page: number) => void;
|
|
2960
|
+
/** Attributes to bind to the root element */
|
|
3163
2961
|
attrs: {
|
|
3164
|
-
'
|
|
2962
|
+
'aria-label': string;
|
|
2963
|
+
'role': 'navigation' | undefined;
|
|
2964
|
+
};
|
|
2965
|
+
}
|
|
2966
|
+
declare const _default$46: typeof __VLS_export$46;
|
|
2967
|
+
declare const __VLS_export$46: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
2968
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$14<(PaginationRootProps & {
|
|
2969
|
+
modelValue?: number;
|
|
2970
|
+
}) & {
|
|
2971
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
2972
|
+
}> & (typeof globalThis extends {
|
|
2973
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
2974
|
+
} ? P : {});
|
|
2975
|
+
expose: (exposed: {}) => void;
|
|
2976
|
+
attrs: any;
|
|
2977
|
+
slots: {
|
|
2978
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
2979
|
+
};
|
|
2980
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
2981
|
+
}>) => vue.VNode & {
|
|
2982
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
2983
|
+
};
|
|
2984
|
+
type __VLS_PrettifyLocal$14<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
2985
|
+
//#endregion
|
|
2986
|
+
//#region src/components/Pagination/PaginationItem.vue.d.ts
|
|
2987
|
+
interface PaginationItemProps extends AtomProps {
|
|
2988
|
+
/** Namespace for dependency injection */
|
|
2989
|
+
namespace?: string;
|
|
2990
|
+
/** Page number this item represents */
|
|
2991
|
+
value: number;
|
|
2992
|
+
/** Override disabled state */
|
|
2993
|
+
disabled?: boolean;
|
|
2994
|
+
/** Unique identifier for registration */
|
|
2995
|
+
id?: string;
|
|
2996
|
+
}
|
|
2997
|
+
interface PaginationItemSlotProps {
|
|
2998
|
+
/** Page number */
|
|
2999
|
+
page: number;
|
|
3000
|
+
/** Whether this page is currently selected */
|
|
3001
|
+
isSelected: boolean;
|
|
3002
|
+
/** Whether this item is disabled */
|
|
3003
|
+
isDisabled: boolean;
|
|
3004
|
+
/** Go to this page */
|
|
3005
|
+
select: () => void;
|
|
3006
|
+
/** Attributes to bind to the item element */
|
|
3007
|
+
attrs: {
|
|
3008
|
+
'aria-label': string;
|
|
3009
|
+
'aria-current': 'page' | undefined;
|
|
3010
|
+
'aria-disabled': boolean;
|
|
3011
|
+
'data-selected': true | undefined;
|
|
3012
|
+
'data-disabled': true | undefined;
|
|
3013
|
+
'disabled': boolean | undefined;
|
|
3014
|
+
'tabindex': number;
|
|
3165
3015
|
'type': 'button' | undefined;
|
|
3166
|
-
'
|
|
3016
|
+
'onClick': () => void;
|
|
3167
3017
|
};
|
|
3168
3018
|
}
|
|
3169
|
-
declare const _default$
|
|
3170
|
-
declare const __VLS_export$
|
|
3171
|
-
default: (props:
|
|
3019
|
+
declare const _default$45: typeof __VLS_export$45;
|
|
3020
|
+
declare const __VLS_export$45: __VLS_WithSlots$28<vue.DefineComponent<PaginationItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3021
|
+
default: (props: PaginationItemSlotProps) => any;
|
|
3172
3022
|
}>;
|
|
3173
|
-
type __VLS_WithSlots$
|
|
3023
|
+
type __VLS_WithSlots$28<T, S> = T & {
|
|
3174
3024
|
new (): {
|
|
3175
3025
|
$slots: S;
|
|
3176
3026
|
};
|
|
3177
3027
|
};
|
|
3178
3028
|
//#endregion
|
|
3179
|
-
//#region src/components/
|
|
3180
|
-
interface
|
|
3181
|
-
/**
|
|
3029
|
+
//#region src/components/Pagination/PaginationFirst.vue.d.ts
|
|
3030
|
+
interface PaginationFirstProps extends AtomProps {
|
|
3031
|
+
/** Namespace for dependency injection */
|
|
3032
|
+
namespace?: string;
|
|
3033
|
+
/** Override disabled state */
|
|
3034
|
+
disabled?: boolean;
|
|
3035
|
+
/** Unique identifier for registration */
|
|
3182
3036
|
id?: string;
|
|
3183
|
-
/** CSS position-area value for anchor positioning */
|
|
3184
|
-
positionArea?: string;
|
|
3185
|
-
/** CSS position-try value for fallback positioning */
|
|
3186
|
-
positionTry?: string;
|
|
3187
3037
|
}
|
|
3188
|
-
interface
|
|
3189
|
-
|
|
3038
|
+
interface PaginationFirstSlotProps {
|
|
3039
|
+
/** Whether button is disabled */
|
|
3040
|
+
isDisabled: boolean;
|
|
3041
|
+
/** Go to first page */
|
|
3042
|
+
first: () => void;
|
|
3043
|
+
/** Attributes to bind to the button element */
|
|
3044
|
+
attrs: {
|
|
3045
|
+
'aria-label': string;
|
|
3046
|
+
'aria-disabled': boolean;
|
|
3047
|
+
'data-disabled': true | undefined;
|
|
3048
|
+
'disabled': boolean | undefined;
|
|
3049
|
+
'tabindex': number;
|
|
3050
|
+
'type': 'button' | undefined;
|
|
3051
|
+
'onClick': () => void;
|
|
3052
|
+
};
|
|
3190
3053
|
}
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3054
|
+
declare const _default$44: typeof __VLS_export$44;
|
|
3055
|
+
declare const __VLS_export$44: __VLS_WithSlots$27<vue.DefineComponent<PaginationFirstProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3056
|
+
default: (props: PaginationFirstSlotProps) => any;
|
|
3057
|
+
}>;
|
|
3058
|
+
type __VLS_WithSlots$27<T, S> = T & {
|
|
3059
|
+
new (): {
|
|
3060
|
+
$slots: S;
|
|
3061
|
+
};
|
|
3062
|
+
};
|
|
3063
|
+
//#endregion
|
|
3064
|
+
//#region src/components/Pagination/PaginationPrev.vue.d.ts
|
|
3065
|
+
interface PaginationPrevProps extends AtomProps {
|
|
3066
|
+
/** Namespace for dependency injection */
|
|
3067
|
+
namespace?: string;
|
|
3068
|
+
/** Override disabled state */
|
|
3069
|
+
disabled?: boolean;
|
|
3070
|
+
/** Unique identifier for registration */
|
|
3071
|
+
id?: string;
|
|
3072
|
+
}
|
|
3073
|
+
interface PaginationPrevSlotProps {
|
|
3074
|
+
/** Whether button is disabled */
|
|
3075
|
+
isDisabled: boolean;
|
|
3076
|
+
/** Go to previous page */
|
|
3077
|
+
prev: () => void;
|
|
3078
|
+
/** Attributes to bind to the button element */
|
|
3195
3079
|
attrs: {
|
|
3196
|
-
|
|
3197
|
-
|
|
3080
|
+
'aria-label': string;
|
|
3081
|
+
'aria-disabled': boolean;
|
|
3082
|
+
'data-disabled': true | undefined;
|
|
3083
|
+
'disabled': boolean | undefined;
|
|
3084
|
+
'tabindex': number;
|
|
3085
|
+
'type': 'button' | undefined;
|
|
3086
|
+
'onClick': () => void;
|
|
3087
|
+
};
|
|
3088
|
+
}
|
|
3089
|
+
declare const _default$43: typeof __VLS_export$43;
|
|
3090
|
+
declare const __VLS_export$43: __VLS_WithSlots$26<vue.DefineComponent<PaginationPrevProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3091
|
+
default: (props: PaginationPrevSlotProps) => any;
|
|
3092
|
+
}>;
|
|
3093
|
+
type __VLS_WithSlots$26<T, S> = T & {
|
|
3094
|
+
new (): {
|
|
3095
|
+
$slots: S;
|
|
3096
|
+
};
|
|
3097
|
+
};
|
|
3098
|
+
//#endregion
|
|
3099
|
+
//#region src/components/Pagination/PaginationEllipsis.vue.d.ts
|
|
3100
|
+
interface PaginationEllipsisProps extends AtomProps {
|
|
3101
|
+
/** Namespace for dependency injection */
|
|
3102
|
+
namespace?: string;
|
|
3103
|
+
/** Ellipsis character to display (overrides context) */
|
|
3104
|
+
ellipsis?: string;
|
|
3105
|
+
/** Unique identifier for registration */
|
|
3106
|
+
id?: string;
|
|
3107
|
+
}
|
|
3108
|
+
interface PaginationEllipsisSlotProps {
|
|
3109
|
+
/** Ellipsis character */
|
|
3110
|
+
ellipsis: string | false;
|
|
3111
|
+
/** Attributes to bind to the ellipsis element */
|
|
3112
|
+
attrs: {
|
|
3113
|
+
'aria-hidden': 'true';
|
|
3114
|
+
};
|
|
3115
|
+
}
|
|
3116
|
+
declare const _default$42: typeof __VLS_export$42;
|
|
3117
|
+
declare const __VLS_export$42: __VLS_WithSlots$25<vue.DefineComponent<PaginationEllipsisProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3118
|
+
default: (props: PaginationEllipsisSlotProps) => any;
|
|
3119
|
+
}>;
|
|
3120
|
+
type __VLS_WithSlots$25<T, S> = T & {
|
|
3121
|
+
new (): {
|
|
3122
|
+
$slots: S;
|
|
3123
|
+
};
|
|
3124
|
+
};
|
|
3125
|
+
//#endregion
|
|
3126
|
+
//#region src/components/Pagination/PaginationNext.vue.d.ts
|
|
3127
|
+
interface PaginationNextProps extends AtomProps {
|
|
3128
|
+
/** Namespace for dependency injection */
|
|
3129
|
+
namespace?: string;
|
|
3130
|
+
/** Override disabled state */
|
|
3131
|
+
disabled?: boolean;
|
|
3132
|
+
/** Unique identifier for registration */
|
|
3133
|
+
id?: string;
|
|
3134
|
+
}
|
|
3135
|
+
interface PaginationNextSlotProps {
|
|
3136
|
+
/** Whether button is disabled */
|
|
3137
|
+
isDisabled: boolean;
|
|
3138
|
+
/** Go to next page */
|
|
3139
|
+
next: () => void;
|
|
3140
|
+
/** Attributes to bind to the button element */
|
|
3141
|
+
attrs: {
|
|
3142
|
+
'aria-label': string;
|
|
3143
|
+
'aria-disabled': boolean;
|
|
3144
|
+
'data-disabled': true | undefined;
|
|
3145
|
+
'disabled': boolean | undefined;
|
|
3146
|
+
'tabindex': number;
|
|
3147
|
+
'type': 'button' | undefined;
|
|
3148
|
+
'onClick': () => void;
|
|
3149
|
+
};
|
|
3150
|
+
}
|
|
3151
|
+
declare const _default$41: typeof __VLS_export$41;
|
|
3152
|
+
declare const __VLS_export$41: __VLS_WithSlots$24<vue.DefineComponent<PaginationNextProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3153
|
+
default: (props: PaginationNextSlotProps) => any;
|
|
3154
|
+
}>;
|
|
3155
|
+
type __VLS_WithSlots$24<T, S> = T & {
|
|
3156
|
+
new (): {
|
|
3157
|
+
$slots: S;
|
|
3158
|
+
};
|
|
3159
|
+
};
|
|
3160
|
+
//#endregion
|
|
3161
|
+
//#region src/components/Pagination/PaginationLast.vue.d.ts
|
|
3162
|
+
interface PaginationLastProps extends AtomProps {
|
|
3163
|
+
/** Namespace for dependency injection */
|
|
3164
|
+
namespace?: string;
|
|
3165
|
+
/** Override disabled state */
|
|
3166
|
+
disabled?: boolean;
|
|
3167
|
+
/** Unique identifier for registration */
|
|
3168
|
+
id?: string;
|
|
3169
|
+
}
|
|
3170
|
+
interface PaginationLastSlotProps {
|
|
3171
|
+
/** Whether button is disabled */
|
|
3172
|
+
isDisabled: boolean;
|
|
3173
|
+
/** Go to last page */
|
|
3174
|
+
last: () => void;
|
|
3175
|
+
/** Attributes to bind to the button element */
|
|
3176
|
+
attrs: {
|
|
3177
|
+
'aria-label': string;
|
|
3178
|
+
'aria-disabled': boolean;
|
|
3179
|
+
'data-disabled': true | undefined;
|
|
3180
|
+
'disabled': boolean | undefined;
|
|
3181
|
+
'tabindex': number;
|
|
3182
|
+
'type': 'button' | undefined;
|
|
3183
|
+
'onClick': () => void;
|
|
3184
|
+
};
|
|
3185
|
+
}
|
|
3186
|
+
declare const _default$40: typeof __VLS_export$40;
|
|
3187
|
+
declare const __VLS_export$40: __VLS_WithSlots$23<vue.DefineComponent<PaginationLastProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3188
|
+
default: (props: PaginationLastSlotProps) => any;
|
|
3189
|
+
}>;
|
|
3190
|
+
type __VLS_WithSlots$23<T, S> = T & {
|
|
3191
|
+
new (): {
|
|
3192
|
+
$slots: S;
|
|
3193
|
+
};
|
|
3194
|
+
};
|
|
3195
|
+
//#endregion
|
|
3196
|
+
//#region src/components/Pagination/PaginationStatus.vue.d.ts
|
|
3197
|
+
interface PaginationStatusProps extends AtomProps {
|
|
3198
|
+
/** Namespace for dependency injection */
|
|
3199
|
+
namespace?: string;
|
|
3200
|
+
}
|
|
3201
|
+
interface PaginationStatusSlotProps {
|
|
3202
|
+
/** Current page (1-indexed) */
|
|
3203
|
+
page: number;
|
|
3204
|
+
/** Total number of pages */
|
|
3205
|
+
pages: number;
|
|
3206
|
+
/** Announcement text */
|
|
3207
|
+
text: string;
|
|
3208
|
+
/** Attributes to bind to the status element */
|
|
3209
|
+
attrs: {
|
|
3210
|
+
'aria-atomic': true;
|
|
3211
|
+
'aria-live': 'polite';
|
|
3212
|
+
'role': 'status';
|
|
3213
|
+
};
|
|
3214
|
+
}
|
|
3215
|
+
declare const _default$39: typeof __VLS_export$39;
|
|
3216
|
+
declare const __VLS_export$39: __VLS_WithSlots$22<vue.DefineComponent<PaginationStatusProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3217
|
+
default: (props: PaginationStatusSlotProps) => any;
|
|
3218
|
+
}>;
|
|
3219
|
+
type __VLS_WithSlots$22<T, S> = T & {
|
|
3220
|
+
new (): {
|
|
3221
|
+
$slots: S;
|
|
3222
|
+
};
|
|
3223
|
+
};
|
|
3224
|
+
//#endregion
|
|
3225
|
+
//#region src/components/Pagination/index.d.ts
|
|
3226
|
+
/**
|
|
3227
|
+
* Pagination component with sub-components for building pagination controls.
|
|
3228
|
+
*
|
|
3229
|
+
* @see https://0.vuetifyjs.com/components/pagination
|
|
3230
|
+
*/
|
|
3231
|
+
declare const Pagination: {
|
|
3232
|
+
/**
|
|
3233
|
+
* Root component for pagination controls.
|
|
3234
|
+
*
|
|
3235
|
+
* @see https://0.vuetifyjs.com/components/pagination
|
|
3236
|
+
*
|
|
3237
|
+
* @example
|
|
3238
|
+
* ```vue
|
|
3239
|
+
* <script lang="ts" setup>
|
|
3240
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3241
|
+
* </script>
|
|
3242
|
+
*
|
|
3243
|
+
* <template>
|
|
3244
|
+
* <Pagination.Root v-model="page" :size="100">
|
|
3245
|
+
* <Pagination.First />
|
|
3246
|
+
*
|
|
3247
|
+
* <Pagination.Prev />
|
|
3248
|
+
*
|
|
3249
|
+
* <template v-for="item in items" :key="item.value">
|
|
3250
|
+
* <Pagination.Item v-if="item.type === 'page'" :value="item.value" />
|
|
3251
|
+
*
|
|
3252
|
+
* <Pagination.Ellipsis v-else />
|
|
3253
|
+
* </template>
|
|
3254
|
+
*
|
|
3255
|
+
* <Pagination.Next />
|
|
3256
|
+
*
|
|
3257
|
+
* <Pagination.Last />
|
|
3258
|
+
* </Pagination.Root>
|
|
3259
|
+
* </template>
|
|
3260
|
+
* ```
|
|
3261
|
+
*/
|
|
3262
|
+
Root: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3263
|
+
slots: {
|
|
3264
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
3265
|
+
};
|
|
3266
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
3267
|
+
attrs: any;
|
|
3268
|
+
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3269
|
+
props: vue.PublicProps & {
|
|
3270
|
+
[x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
|
|
3271
|
+
namespace?: string | undefined;
|
|
3272
|
+
size?: number | undefined;
|
|
3273
|
+
totalVisible?: number | undefined;
|
|
3274
|
+
itemsPerPage?: number | undefined;
|
|
3275
|
+
ellipsis?: string | false | undefined;
|
|
3276
|
+
as?: (DOMElement | null) | undefined;
|
|
3277
|
+
renderless?: boolean | undefined;
|
|
3278
|
+
modelValue?: number | undefined;
|
|
3279
|
+
} & (typeof globalThis extends {
|
|
3280
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
3281
|
+
} ? P : {});
|
|
3282
|
+
expose: (exposed: {}) => void;
|
|
3283
|
+
attrs: any;
|
|
3284
|
+
slots: {
|
|
3285
|
+
default: (props: PaginationRootSlotProps) => any;
|
|
3286
|
+
};
|
|
3287
|
+
emit: ((evt: "update:model-value", ...args: T | T[]) => void) & ((event: "update:modelValue", value: number) => void);
|
|
3288
|
+
}>) => vue.VNode & {
|
|
3289
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3290
|
+
};
|
|
3291
|
+
/**
|
|
3292
|
+
* Individual page button that navigates to a specific page number.
|
|
3293
|
+
*
|
|
3294
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationitem
|
|
3295
|
+
*
|
|
3296
|
+
* @example
|
|
3297
|
+
* ```vue
|
|
3298
|
+
* <script lang="ts" setup>
|
|
3299
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3300
|
+
* </script>
|
|
3301
|
+
*
|
|
3302
|
+
* <template>
|
|
3303
|
+
* <Pagination.Item :value="1">1</Pagination.Item>
|
|
3304
|
+
*
|
|
3305
|
+
* <!-- With slot props -->
|
|
3306
|
+
* <Pagination.Item :value="2" v-slot="{ isSelected }">
|
|
3307
|
+
* <span :class="{ 'font-bold': isSelected }">2</span>
|
|
3308
|
+
* </Pagination.Item>
|
|
3309
|
+
* </template>
|
|
3310
|
+
* ```
|
|
3311
|
+
*/
|
|
3312
|
+
Item: {
|
|
3313
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3314
|
+
P: {};
|
|
3315
|
+
B: {};
|
|
3316
|
+
D: {};
|
|
3317
|
+
C: {};
|
|
3318
|
+
M: {};
|
|
3319
|
+
Defaults: {};
|
|
3320
|
+
}, Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3321
|
+
__isFragment?: never;
|
|
3322
|
+
__isTeleport?: never;
|
|
3323
|
+
__isSuspense?: never;
|
|
3324
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationItemProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3325
|
+
$slots: {
|
|
3326
|
+
default: (props: PaginationItemSlotProps) => any;
|
|
3327
|
+
};
|
|
3328
|
+
});
|
|
3329
|
+
/**
|
|
3330
|
+
* Navigation button that jumps to the first page. Automatically
|
|
3331
|
+
* disables when already on the first page.
|
|
3332
|
+
*
|
|
3333
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationfirst
|
|
3334
|
+
*
|
|
3335
|
+
* @example
|
|
3336
|
+
* ```vue
|
|
3337
|
+
* <script lang="ts" setup>
|
|
3338
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3339
|
+
* </script>
|
|
3340
|
+
*
|
|
3341
|
+
* <template>
|
|
3342
|
+
* <Pagination.First>First</Pagination.First>
|
|
3343
|
+
*
|
|
3344
|
+
* <!-- With slot props -->
|
|
3345
|
+
* <Pagination.First v-slot="{ isDisabled }">
|
|
3346
|
+
* <span :class="{ 'opacity-50': isDisabled }">«</span>
|
|
3347
|
+
* </Pagination.First>
|
|
3348
|
+
*
|
|
3349
|
+
* <!-- With data attributes -->
|
|
3350
|
+
* <Pagination.First class="data-[disabled]:opacity-50">
|
|
3351
|
+
* First
|
|
3352
|
+
* </Pagination.First>
|
|
3353
|
+
* </template>
|
|
3354
|
+
* ```
|
|
3355
|
+
*/
|
|
3356
|
+
First: {
|
|
3357
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3358
|
+
P: {};
|
|
3359
|
+
B: {};
|
|
3360
|
+
D: {};
|
|
3361
|
+
C: {};
|
|
3362
|
+
M: {};
|
|
3363
|
+
Defaults: {};
|
|
3364
|
+
}, Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3365
|
+
__isFragment?: never;
|
|
3366
|
+
__isTeleport?: never;
|
|
3367
|
+
__isSuspense?: never;
|
|
3368
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationFirstProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3369
|
+
$slots: {
|
|
3370
|
+
default: (props: PaginationFirstSlotProps) => any;
|
|
3371
|
+
};
|
|
3372
|
+
});
|
|
3373
|
+
/**
|
|
3374
|
+
* Navigation button that moves to the previous page. Automatically
|
|
3375
|
+
* disables when already on the first page.
|
|
3376
|
+
*
|
|
3377
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationprev
|
|
3378
|
+
*
|
|
3379
|
+
* @example
|
|
3380
|
+
* ```vue
|
|
3381
|
+
* <script lang="ts" setup>
|
|
3382
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3383
|
+
* </script>
|
|
3384
|
+
*
|
|
3385
|
+
* <template>
|
|
3386
|
+
* <Pagination.Prev>Prev</Pagination.Prev>
|
|
3387
|
+
*
|
|
3388
|
+
* <!-- With slot props -->
|
|
3389
|
+
* <Pagination.Prev v-slot="{ isDisabled }">
|
|
3390
|
+
* <span :class="{ 'opacity-50': isDisabled }">‹</span>
|
|
3391
|
+
* </Pagination.Prev>
|
|
3392
|
+
*
|
|
3393
|
+
* <!-- With data attributes -->
|
|
3394
|
+
* <Pagination.Prev class="data-[disabled]:opacity-50">
|
|
3395
|
+
* Prev
|
|
3396
|
+
* </Pagination.Prev>
|
|
3397
|
+
* </template>
|
|
3398
|
+
* ```
|
|
3399
|
+
*/
|
|
3400
|
+
Prev: {
|
|
3401
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3402
|
+
P: {};
|
|
3403
|
+
B: {};
|
|
3404
|
+
D: {};
|
|
3405
|
+
C: {};
|
|
3406
|
+
M: {};
|
|
3407
|
+
Defaults: {};
|
|
3408
|
+
}, Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3409
|
+
__isFragment?: never;
|
|
3410
|
+
__isTeleport?: never;
|
|
3411
|
+
__isSuspense?: never;
|
|
3412
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationPrevProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3413
|
+
$slots: {
|
|
3414
|
+
default: (props: PaginationPrevSlotProps) => any;
|
|
3415
|
+
};
|
|
3416
|
+
});
|
|
3417
|
+
/**
|
|
3418
|
+
* Visual indicator for omitted page numbers. Hidden from screen
|
|
3419
|
+
* readers via aria-hidden. Inherits ellipsis character from Root
|
|
3420
|
+
* or can be overridden via prop.
|
|
3421
|
+
*
|
|
3422
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationellipsis
|
|
3423
|
+
*
|
|
3424
|
+
* @example
|
|
3425
|
+
* ```vue
|
|
3426
|
+
* <script lang="ts" setup>
|
|
3427
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3428
|
+
* </script>
|
|
3429
|
+
*
|
|
3430
|
+
* <template>
|
|
3431
|
+
* <!-- Uses default "..." from Root -->
|
|
3432
|
+
* <Pagination.Ellipsis />
|
|
3433
|
+
*
|
|
3434
|
+
* <!-- Override ellipsis character -->
|
|
3435
|
+
* <Pagination.Ellipsis ellipsis="…" />
|
|
3436
|
+
* </template>
|
|
3437
|
+
* ```
|
|
3438
|
+
*/
|
|
3439
|
+
Ellipsis: {
|
|
3440
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3441
|
+
P: {};
|
|
3442
|
+
B: {};
|
|
3443
|
+
D: {};
|
|
3444
|
+
C: {};
|
|
3445
|
+
M: {};
|
|
3446
|
+
Defaults: {};
|
|
3447
|
+
}, Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3448
|
+
__isFragment?: never;
|
|
3449
|
+
__isTeleport?: never;
|
|
3450
|
+
__isSuspense?: never;
|
|
3451
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationEllipsisProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3452
|
+
$slots: {
|
|
3453
|
+
default: (props: PaginationEllipsisSlotProps) => any;
|
|
3454
|
+
};
|
|
3455
|
+
});
|
|
3456
|
+
/**
|
|
3457
|
+
* Navigation button that moves to the next page. Automatically
|
|
3458
|
+
* disables when already on the last page.
|
|
3459
|
+
*
|
|
3460
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationnext
|
|
3461
|
+
*
|
|
3462
|
+
* @example
|
|
3463
|
+
* ```vue
|
|
3464
|
+
* <script lang="ts" setup>
|
|
3465
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3466
|
+
* </script>
|
|
3467
|
+
*
|
|
3468
|
+
* <template>
|
|
3469
|
+
* <Pagination.Next>Next</Pagination.Next>
|
|
3470
|
+
*
|
|
3471
|
+
* <!-- With slot props -->
|
|
3472
|
+
* <Pagination.Next v-slot="{ isDisabled }">
|
|
3473
|
+
* <span :class="{ 'opacity-50': isDisabled }">›</span>
|
|
3474
|
+
* </Pagination.Next>
|
|
3475
|
+
*
|
|
3476
|
+
* <!-- With data attributes -->
|
|
3477
|
+
* <Pagination.Next class="data-[disabled]:opacity-50">
|
|
3478
|
+
* Next
|
|
3479
|
+
* </Pagination.Next>
|
|
3480
|
+
* </template>
|
|
3481
|
+
* ```
|
|
3482
|
+
*/
|
|
3483
|
+
Next: {
|
|
3484
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3485
|
+
P: {};
|
|
3486
|
+
B: {};
|
|
3487
|
+
D: {};
|
|
3488
|
+
C: {};
|
|
3489
|
+
M: {};
|
|
3490
|
+
Defaults: {};
|
|
3491
|
+
}, Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3492
|
+
__isFragment?: never;
|
|
3493
|
+
__isTeleport?: never;
|
|
3494
|
+
__isSuspense?: never;
|
|
3495
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationNextProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3496
|
+
$slots: {
|
|
3497
|
+
default: (props: PaginationNextSlotProps) => any;
|
|
3498
|
+
};
|
|
3499
|
+
});
|
|
3500
|
+
/**
|
|
3501
|
+
* Navigation button that jumps to the last page. Automatically
|
|
3502
|
+
* disables when already on the last page.
|
|
3503
|
+
*
|
|
3504
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationlast
|
|
3505
|
+
*
|
|
3506
|
+
* @example
|
|
3507
|
+
* ```vue
|
|
3508
|
+
* <script lang="ts" setup>
|
|
3509
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3510
|
+
* </script>
|
|
3511
|
+
*
|
|
3512
|
+
* <template>
|
|
3513
|
+
* <Pagination.Last>Last</Pagination.Last>
|
|
3514
|
+
*
|
|
3515
|
+
* <!-- With slot props -->
|
|
3516
|
+
* <Pagination.Last v-slot="{ isDisabled }">
|
|
3517
|
+
* <span :class="{ 'opacity-50': isDisabled }">»</span>
|
|
3518
|
+
* </Pagination.Last>
|
|
3519
|
+
*
|
|
3520
|
+
* <!-- With data attributes -->
|
|
3521
|
+
* <Pagination.Last class="data-[disabled]:opacity-50">
|
|
3522
|
+
* Last
|
|
3523
|
+
* </Pagination.Last>
|
|
3524
|
+
* </template>
|
|
3525
|
+
* ```
|
|
3526
|
+
*/
|
|
3527
|
+
Last: {
|
|
3528
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3529
|
+
P: {};
|
|
3530
|
+
B: {};
|
|
3531
|
+
D: {};
|
|
3532
|
+
C: {};
|
|
3533
|
+
M: {};
|
|
3534
|
+
Defaults: {};
|
|
3535
|
+
}, Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3536
|
+
__isFragment?: never;
|
|
3537
|
+
__isTeleport?: never;
|
|
3538
|
+
__isSuspense?: never;
|
|
3539
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationLastProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3540
|
+
$slots: {
|
|
3541
|
+
default: (props: PaginationLastSlotProps) => any;
|
|
3542
|
+
};
|
|
3543
|
+
});
|
|
3544
|
+
/**
|
|
3545
|
+
* Visually-hidden live region that announces page changes to screen
|
|
3546
|
+
* readers. Should be styled with sr-only/visually-hidden CSS.
|
|
3547
|
+
*
|
|
3548
|
+
* @see https://0.vuetifyjs.com/components/pagination#paginationstatus
|
|
3549
|
+
*
|
|
3550
|
+
* @example
|
|
3551
|
+
* ```vue
|
|
3552
|
+
* <script lang="ts" setup>
|
|
3553
|
+
* import { Pagination } from '@vuetify/v0'
|
|
3554
|
+
* </script>
|
|
3555
|
+
*
|
|
3556
|
+
* <template>
|
|
3557
|
+
* <Pagination.Root v-model="page" :size="100">
|
|
3558
|
+
* <Pagination.Status class="sr-only" />
|
|
3559
|
+
* <!-- other pagination items -->
|
|
3560
|
+
* </Pagination.Root>
|
|
3561
|
+
* </template>
|
|
3562
|
+
* ```
|
|
3563
|
+
*/
|
|
3564
|
+
Status: {
|
|
3565
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3566
|
+
P: {};
|
|
3567
|
+
B: {};
|
|
3568
|
+
D: {};
|
|
3569
|
+
C: {};
|
|
3570
|
+
M: {};
|
|
3571
|
+
Defaults: {};
|
|
3572
|
+
}, Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3573
|
+
__isFragment?: never;
|
|
3574
|
+
__isTeleport?: never;
|
|
3575
|
+
__isSuspense?: never;
|
|
3576
|
+
} & vue.ComponentOptionsBase<Readonly<PaginationStatusProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3577
|
+
$slots: {
|
|
3578
|
+
default: (props: PaginationStatusSlotProps) => any;
|
|
3579
|
+
};
|
|
3580
|
+
});
|
|
3581
|
+
};
|
|
3582
|
+
//#endregion
|
|
3583
|
+
//#region src/components/Popover/PopoverRoot.vue.d.ts
|
|
3584
|
+
interface PopoverContext extends PopoverReturn {
|
|
3585
|
+
/** @deprecated Use `isOpen` instead */
|
|
3586
|
+
isSelected: Ref<boolean>;
|
|
3587
|
+
}
|
|
3588
|
+
interface PopoverRootProps extends AtomProps {
|
|
3589
|
+
/** Unique identifier for the popover (auto-generated if not provided) */
|
|
3590
|
+
id?: string;
|
|
3591
|
+
}
|
|
3592
|
+
interface PopoverRootSlotProps {
|
|
3593
|
+
/** Unique identifier */
|
|
3594
|
+
id: string;
|
|
3595
|
+
/** Whether the popover is currently open */
|
|
3596
|
+
isSelected: boolean;
|
|
3597
|
+
/** Toggle the popover open/closed state */
|
|
3598
|
+
toggle: () => void;
|
|
3599
|
+
}
|
|
3600
|
+
declare const usePopoverContext: () => PopoverContext, providePopoverContext: (context: PopoverContext, app?: vue.App) => PopoverContext;
|
|
3601
|
+
declare const _default$38: typeof __VLS_export$38;
|
|
3602
|
+
declare const __VLS_export$38: __VLS_WithSlots$21<vue.DefineComponent<PopoverRootProps & {
|
|
3603
|
+
modelValue?: boolean;
|
|
3604
|
+
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3605
|
+
"update:modelValue": (value: boolean) => any;
|
|
3606
|
+
}, string, vue.PublicProps, Readonly<PopoverRootProps & {
|
|
3607
|
+
modelValue?: boolean;
|
|
3608
|
+
}> & Readonly<{
|
|
3609
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3610
|
+
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3611
|
+
default: (props: PopoverRootSlotProps) => any;
|
|
3612
|
+
}>;
|
|
3613
|
+
type __VLS_WithSlots$21<T, S> = T & {
|
|
3614
|
+
new (): {
|
|
3615
|
+
$slots: S;
|
|
3616
|
+
};
|
|
3617
|
+
};
|
|
3618
|
+
//#endregion
|
|
3619
|
+
//#region src/components/Popover/PopoverActivator.vue.d.ts
|
|
3620
|
+
interface PopoverActivatorProps extends AtomProps {
|
|
3621
|
+
/** Target popover ID (defaults to parent PopoverRoot id) */
|
|
3622
|
+
target?: string;
|
|
3623
|
+
}
|
|
3624
|
+
interface PopoverActivatorSlotProps {
|
|
3625
|
+
/** Whether the popover is currently open */
|
|
3626
|
+
isOpen: boolean;
|
|
3627
|
+
/** Attributes to bind to the anchor element */
|
|
3628
|
+
attrs: {
|
|
3629
|
+
'popovertarget': string;
|
|
3630
|
+
'type': 'button' | undefined;
|
|
3631
|
+
'data-popover-open': '' | undefined;
|
|
3632
|
+
};
|
|
3633
|
+
}
|
|
3634
|
+
declare const _default$37: typeof __VLS_export$37;
|
|
3635
|
+
declare const __VLS_export$37: __VLS_WithSlots$20<vue.DefineComponent<PopoverActivatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3636
|
+
default: (props: PopoverActivatorSlotProps) => any;
|
|
3637
|
+
}>;
|
|
3638
|
+
type __VLS_WithSlots$20<T, S> = T & {
|
|
3639
|
+
new (): {
|
|
3640
|
+
$slots: S;
|
|
3641
|
+
};
|
|
3642
|
+
};
|
|
3643
|
+
//#endregion
|
|
3644
|
+
//#region src/components/Popover/PopoverContent.vue.d.ts
|
|
3645
|
+
interface PopoverContentProps extends AtomProps {
|
|
3646
|
+
/** Unique identifier (defaults to parent PopoverRoot id) */
|
|
3647
|
+
id?: string;
|
|
3648
|
+
/** CSS position-area value for anchor positioning */
|
|
3649
|
+
positionArea?: string;
|
|
3650
|
+
/** CSS position-try value for fallback positioning */
|
|
3651
|
+
positionTry?: string;
|
|
3652
|
+
}
|
|
3653
|
+
interface PopoverContentEmits {
|
|
3654
|
+
beforetoggle: [e: ToggleEvent];
|
|
3655
|
+
}
|
|
3656
|
+
interface PopoverContentSlotProps {
|
|
3657
|
+
/** Whether the popover is currently open */
|
|
3658
|
+
isOpen: boolean;
|
|
3659
|
+
/** Attributes to bind to the content element */
|
|
3660
|
+
attrs: {
|
|
3661
|
+
id: string;
|
|
3662
|
+
popover: '';
|
|
3663
|
+
};
|
|
3664
|
+
}
|
|
3665
|
+
declare const _default$36: typeof __VLS_export$36;
|
|
3666
|
+
declare const __VLS_export$36: __VLS_WithSlots$19<vue.DefineComponent<PopoverContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3667
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
3668
|
+
}, string, vue.PublicProps, Readonly<PopoverContentProps> & Readonly<{
|
|
3669
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3670
|
+
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
3671
|
+
default: (props: PopoverContentSlotProps) => any;
|
|
3672
|
+
}>;
|
|
3673
|
+
type __VLS_WithSlots$19<T, S> = T & {
|
|
3674
|
+
new (): {
|
|
3675
|
+
$slots: S;
|
|
3676
|
+
};
|
|
3677
|
+
};
|
|
3678
|
+
//#endregion
|
|
3679
|
+
//#region src/components/Popover/index.d.ts
|
|
3680
|
+
/**
|
|
3681
|
+
* Popover component with sub-components for building popovers.
|
|
3682
|
+
*
|
|
3683
|
+
* @see https://0.vuetifyjs.com/components/popover
|
|
3684
|
+
*/
|
|
3685
|
+
declare const Popover: {
|
|
3686
|
+
/**
|
|
3687
|
+
* Root component for popovers.
|
|
3688
|
+
*
|
|
3689
|
+
* @see https://0.vuetifyjs.com/components/popover
|
|
3690
|
+
*
|
|
3691
|
+
* @example
|
|
3692
|
+
* ```vue
|
|
3693
|
+
* <script lang="ts" setup>
|
|
3694
|
+
* import { Popover } from '@vuetify/v0'
|
|
3695
|
+
* </script>
|
|
3696
|
+
*
|
|
3697
|
+
* <template>
|
|
3698
|
+
* <Popover.Root>
|
|
3699
|
+
* <Popover.Activator>
|
|
3700
|
+
* Click to toggle
|
|
3701
|
+
* </Popover.Activator>
|
|
3702
|
+
*
|
|
3703
|
+
* <Popover.Content>
|
|
3704
|
+
* Popover content goes here.
|
|
3705
|
+
* </Popover.Content>
|
|
3706
|
+
* </Popover.Root>
|
|
3707
|
+
* </template>
|
|
3708
|
+
* ```
|
|
3709
|
+
*/
|
|
3710
|
+
Root: {
|
|
3711
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PopoverRootProps & {
|
|
3712
|
+
modelValue?: boolean;
|
|
3713
|
+
}> & Readonly<{
|
|
3714
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3715
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3716
|
+
"update:modelValue": (value: boolean) => any;
|
|
3717
|
+
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3718
|
+
P: {};
|
|
3719
|
+
B: {};
|
|
3720
|
+
D: {};
|
|
3721
|
+
C: {};
|
|
3722
|
+
M: {};
|
|
3723
|
+
Defaults: {};
|
|
3724
|
+
}, Readonly<PopoverRootProps & {
|
|
3725
|
+
modelValue?: boolean;
|
|
3726
|
+
}> & Readonly<{
|
|
3727
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3728
|
+
}>, {}, {}, {}, {}, {}>;
|
|
3729
|
+
__isFragment?: never;
|
|
3730
|
+
__isTeleport?: never;
|
|
3731
|
+
__isSuspense?: never;
|
|
3732
|
+
} & vue.ComponentOptionsBase<Readonly<PopoverRootProps & {
|
|
3733
|
+
modelValue?: boolean;
|
|
3734
|
+
}> & Readonly<{
|
|
3735
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3736
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3737
|
+
"update:modelValue": (value: boolean) => any;
|
|
3738
|
+
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3739
|
+
$slots: {
|
|
3740
|
+
default: (props: PopoverRootSlotProps) => any;
|
|
3741
|
+
};
|
|
3742
|
+
});
|
|
3743
|
+
/**
|
|
3744
|
+
* Activator component that opens the popover.
|
|
3745
|
+
*
|
|
3746
|
+
* @see https://0.vuetifyjs.com/components/popover#popoveractivator
|
|
3747
|
+
*
|
|
3748
|
+
* @example
|
|
3749
|
+
* ```vue
|
|
3750
|
+
* <script lang="ts" setup>
|
|
3751
|
+
* import { Popover } from '@vuetify/v0'
|
|
3752
|
+
* </script>
|
|
3753
|
+
*
|
|
3754
|
+
* <template>
|
|
3755
|
+
* <Popover.Activator>
|
|
3756
|
+
* Click to toggle
|
|
3757
|
+
* </Popover.Activator>
|
|
3758
|
+
* </template>
|
|
3759
|
+
* ```
|
|
3760
|
+
*/
|
|
3761
|
+
Activator: {
|
|
3762
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3763
|
+
P: {};
|
|
3764
|
+
B: {};
|
|
3765
|
+
D: {};
|
|
3766
|
+
C: {};
|
|
3767
|
+
M: {};
|
|
3768
|
+
Defaults: {};
|
|
3769
|
+
}, Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3770
|
+
__isFragment?: never;
|
|
3771
|
+
__isTeleport?: never;
|
|
3772
|
+
__isSuspense?: never;
|
|
3773
|
+
} & vue.ComponentOptionsBase<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3774
|
+
$slots: {
|
|
3775
|
+
default: (props: PopoverActivatorSlotProps) => any;
|
|
3776
|
+
};
|
|
3777
|
+
});
|
|
3778
|
+
/**
|
|
3779
|
+
* Component for the content section of a popover.
|
|
3780
|
+
*
|
|
3781
|
+
* @see https://0.vuetifyjs.com/components/popover#popovercontent
|
|
3782
|
+
*
|
|
3783
|
+
* @example
|
|
3784
|
+
* ```vue
|
|
3785
|
+
* <script lang="ts" setup>
|
|
3786
|
+
* import { Popover } from '@vuetify/v0'
|
|
3787
|
+
* </script>
|
|
3788
|
+
*
|
|
3789
|
+
* <template>
|
|
3790
|
+
* <Popover.Content>
|
|
3791
|
+
* Popover content goes here.
|
|
3792
|
+
* </Popover.Content>
|
|
3793
|
+
* </template>
|
|
3794
|
+
* ```
|
|
3795
|
+
*/
|
|
3796
|
+
Content: {
|
|
3797
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PopoverContentProps> & Readonly<{
|
|
3798
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3799
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3800
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
3801
|
+
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3802
|
+
P: {};
|
|
3803
|
+
B: {};
|
|
3804
|
+
D: {};
|
|
3805
|
+
C: {};
|
|
3806
|
+
M: {};
|
|
3807
|
+
Defaults: {};
|
|
3808
|
+
}, Readonly<PopoverContentProps> & Readonly<{
|
|
3809
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3810
|
+
}>, {}, {}, {}, {}, {}>;
|
|
3811
|
+
__isFragment?: never;
|
|
3812
|
+
__isTeleport?: never;
|
|
3813
|
+
__isSuspense?: never;
|
|
3814
|
+
} & vue.ComponentOptionsBase<Readonly<PopoverContentProps> & Readonly<{
|
|
3815
|
+
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3816
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3817
|
+
beforetoggle: (e: ToggleEvent) => any;
|
|
3818
|
+
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3819
|
+
$slots: {
|
|
3820
|
+
default: (props: PopoverContentSlotProps) => any;
|
|
3821
|
+
};
|
|
3822
|
+
});
|
|
3823
|
+
};
|
|
3824
|
+
//#endregion
|
|
3825
|
+
//#region src/components/Radio/RadioGroup.vue.d.ts
|
|
3826
|
+
/** Ticket for radio items with element reference for focus management */
|
|
3827
|
+
interface RadioTicket extends SingleTicket {
|
|
3828
|
+
/** Element reference for roving tabindex focus management */
|
|
3829
|
+
el?: MaybeRefOrGetter<HTMLElement | null | undefined>;
|
|
3830
|
+
}
|
|
3831
|
+
/** Activation mode alias for Radio component API */
|
|
3832
|
+
type RadioActivation = Activation;
|
|
3833
|
+
interface RadioGroupContext extends SingleContext<RadioTicket> {
|
|
3834
|
+
/** Form field name shared by all radios in the group */
|
|
3835
|
+
name?: string;
|
|
3836
|
+
/** Activation mode for the group */
|
|
3837
|
+
activation: Ref<RadioActivation>;
|
|
3838
|
+
}
|
|
3839
|
+
interface RadioGroupProps extends AtomProps {
|
|
3840
|
+
/** Namespace for dependency injection */
|
|
3841
|
+
namespace?: string;
|
|
3842
|
+
/**
|
|
3843
|
+
* Disables the entire radio group
|
|
3844
|
+
*
|
|
3845
|
+
* @example
|
|
3846
|
+
* ```vue
|
|
3847
|
+
* <template>
|
|
3848
|
+
* <Radio.Group disabled>
|
|
3849
|
+
* <Radio.Root value="a">Option A</Radio.Root>
|
|
3850
|
+
* </Radio.Group>
|
|
3851
|
+
* </template>
|
|
3852
|
+
* ```
|
|
3853
|
+
*/
|
|
3854
|
+
disabled?: boolean;
|
|
3855
|
+
/**
|
|
3856
|
+
* Auto-selects the first non-disabled item on mount.
|
|
3857
|
+
* Radio groups are inherently mandatory (selection can only be changed, not cleared),
|
|
3858
|
+
* so `mandatory="force"` is the only meaningful option.
|
|
3859
|
+
*
|
|
3860
|
+
* @example
|
|
3861
|
+
* ```vue
|
|
3862
|
+
* <template>
|
|
3863
|
+
* <Radio.Group v-model="selected" mandatory="force">
|
|
3864
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
3865
|
+
* <Radio.Root value="medium">Medium</Radio.Root>
|
|
3866
|
+
* </Radio.Group>
|
|
3867
|
+
* </template>
|
|
3868
|
+
* ```
|
|
3869
|
+
*/
|
|
3870
|
+
mandatory?: boolean | 'force';
|
|
3871
|
+
/**
|
|
3872
|
+
* Accessible name for the group
|
|
3873
|
+
*
|
|
3874
|
+
* @example
|
|
3875
|
+
* ```vue
|
|
3876
|
+
* <template>
|
|
3877
|
+
* <Radio.Group label="Select size">
|
|
3878
|
+
* <Radio.Root value="s">Small</Radio.Root>
|
|
3879
|
+
* <Radio.Root value="m">Medium</Radio.Root>
|
|
3880
|
+
* </Radio.Group>
|
|
3881
|
+
* </template>
|
|
3882
|
+
* ```
|
|
3883
|
+
*/
|
|
3884
|
+
label?: string;
|
|
3885
|
+
/** ID of element that labels this group */
|
|
3886
|
+
ariaLabelledby?: string;
|
|
3887
|
+
/** ID of element that describes this group */
|
|
3888
|
+
ariaDescribedby?: string;
|
|
3889
|
+
/** Whether a selection is required before form submission */
|
|
3890
|
+
ariaRequired?: boolean;
|
|
3891
|
+
/**
|
|
3892
|
+
* Form field name - enables native form submission for all radios in group
|
|
3893
|
+
*
|
|
3894
|
+
* @example
|
|
3895
|
+
* ```vue
|
|
3896
|
+
* <template>
|
|
3897
|
+
* <Radio.Group v-model="size" name="product_size">
|
|
3898
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
3899
|
+
* <Radio.Root value="large">Large</Radio.Root>
|
|
3900
|
+
* </Radio.Group>
|
|
3901
|
+
* </template>
|
|
3902
|
+
* ```
|
|
3903
|
+
*/
|
|
3904
|
+
name?: string;
|
|
3905
|
+
/**
|
|
3906
|
+
* Activation mode controlling when selection occurs:
|
|
3907
|
+
* - `automatic` (default): Selection follows focus (arrow keys select)
|
|
3908
|
+
* - `manual`: Selection requires explicit Enter/Space key press
|
|
3909
|
+
*
|
|
3910
|
+
* Per WAI-ARIA APG, radio groups should have selection follow focus by default.
|
|
3911
|
+
* Use `manual` for toolbar radio groups or when deliberate selection is preferred.
|
|
3912
|
+
*
|
|
3913
|
+
* @example
|
|
3914
|
+
* ```vue
|
|
3915
|
+
* <template>
|
|
3916
|
+
* <Radio.Group v-model="selected" activation="manual">
|
|
3917
|
+
* <Radio.Root value="a">Option A</Radio.Root>
|
|
3918
|
+
* <Radio.Root value="b">Option B</Radio.Root>
|
|
3919
|
+
* </Radio.Group>
|
|
3920
|
+
* </template>
|
|
3921
|
+
* ```
|
|
3922
|
+
*/
|
|
3923
|
+
activation?: RadioActivation;
|
|
3924
|
+
}
|
|
3925
|
+
interface RadioGroupSlotProps {
|
|
3926
|
+
/** Whether the radio group is disabled */
|
|
3927
|
+
isDisabled: boolean;
|
|
3928
|
+
/** Whether no items are currently selected */
|
|
3929
|
+
isNoneSelected: boolean;
|
|
3930
|
+
/** Current activation mode */
|
|
3931
|
+
activation: RadioActivation;
|
|
3932
|
+
/** Attributes to bind to the root element */
|
|
3933
|
+
attrs: {
|
|
3934
|
+
'role': 'radiogroup';
|
|
3935
|
+
'aria-label': string | undefined;
|
|
3936
|
+
'aria-labelledby': string | undefined;
|
|
3937
|
+
'aria-describedby': string | undefined;
|
|
3938
|
+
'aria-required': boolean | undefined;
|
|
3939
|
+
};
|
|
3940
|
+
}
|
|
3941
|
+
declare const useRadioGroup: (key: string, defaultValue?: RadioGroupContext | undefined) => RadioGroupContext, provideRadioGroup: (key: string, context: RadioGroupContext, app?: vue.App) => RadioGroupContext;
|
|
3942
|
+
declare const _default$35: typeof __VLS_export$35;
|
|
3943
|
+
declare const __VLS_export$35: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$13<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3944
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$13<(RadioGroupProps & {
|
|
3945
|
+
modelValue?: T;
|
|
3946
|
+
}) & {
|
|
3947
|
+
"onUpdate:model-value"?: ((value: T) => any) | undefined;
|
|
3948
|
+
"onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
|
|
3949
|
+
}> & (typeof globalThis extends {
|
|
3950
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
3951
|
+
} ? P : {});
|
|
3952
|
+
expose: (exposed: {}) => void;
|
|
3953
|
+
attrs: any;
|
|
3954
|
+
slots: {
|
|
3955
|
+
/**
|
|
3956
|
+
* Default slot with group state and ARIA attributes
|
|
3957
|
+
*
|
|
3958
|
+
* @example
|
|
3959
|
+
* ```vue
|
|
3960
|
+
* <template>
|
|
3961
|
+
* <Radio.Group v-slot="{ isNoneSelected, attrs }">
|
|
3962
|
+
* <div v-bind="attrs">
|
|
3963
|
+
* <p v-if="isNoneSelected">Please select an option</p>
|
|
3964
|
+
* <Radio.Root value="a">Option A</Radio.Root>
|
|
3965
|
+
* </div>
|
|
3966
|
+
* </Radio.Group>
|
|
3967
|
+
* </template>
|
|
3968
|
+
* ```
|
|
3969
|
+
*/
|
|
3970
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
3971
|
+
};
|
|
3972
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((event: "update:modelValue", value: T | undefined) => void);
|
|
3973
|
+
}>) => vue.VNode & {
|
|
3974
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3975
|
+
};
|
|
3976
|
+
type __VLS_PrettifyLocal$13<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
3977
|
+
//#endregion
|
|
3978
|
+
//#region src/components/Radio/RadioHiddenInput.vue.d.ts
|
|
3979
|
+
interface RadioHiddenInputProps {
|
|
3980
|
+
/** Namespace for context injection from parent Radio.Root */
|
|
3981
|
+
namespace?: string;
|
|
3982
|
+
/**
|
|
3983
|
+
* Form field name (defaults to context value from Radio.Group)
|
|
3984
|
+
*
|
|
3985
|
+
* @example
|
|
3986
|
+
* ```vue
|
|
3987
|
+
* <template>
|
|
3988
|
+
* <Radio.Root value="a">
|
|
3989
|
+
* <Radio.HiddenInput name="choice" />
|
|
3990
|
+
* <Radio.Indicator />
|
|
3991
|
+
* </Radio.Root>
|
|
3992
|
+
* </template>
|
|
3993
|
+
* ```
|
|
3994
|
+
*/
|
|
3995
|
+
name?: string;
|
|
3996
|
+
/**
|
|
3997
|
+
* Submitted value when checked (defaults to context value or 'on').
|
|
3998
|
+
* Use to override the Radio.Root value for form submission.
|
|
3999
|
+
*
|
|
4000
|
+
* @example
|
|
4001
|
+
* ```vue
|
|
4002
|
+
* <template>
|
|
4003
|
+
* <Radio.Root value="internal-id">
|
|
4004
|
+
* <Radio.HiddenInput name="choice" value="user-friendly-value" />
|
|
4005
|
+
* </Radio.Root>
|
|
4006
|
+
* </template>
|
|
4007
|
+
* ```
|
|
4008
|
+
*/
|
|
4009
|
+
value?: string;
|
|
4010
|
+
/**
|
|
4011
|
+
* Associate with form by ID (for inputs outside the form element)
|
|
4012
|
+
*
|
|
4013
|
+
* @example
|
|
4014
|
+
* ```vue
|
|
4015
|
+
* <template>
|
|
4016
|
+
* <Radio.Root value="a">
|
|
4017
|
+
* <Radio.HiddenInput name="choice" form="external-form" />
|
|
4018
|
+
* </Radio.Root>
|
|
4019
|
+
* </template>
|
|
4020
|
+
* ```
|
|
4021
|
+
*/
|
|
4022
|
+
form?: string;
|
|
4023
|
+
}
|
|
4024
|
+
declare const _default$34: typeof __VLS_export$34;
|
|
4025
|
+
declare const __VLS_export$34: vue.DefineComponent<RadioHiddenInputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
4026
|
+
//#endregion
|
|
4027
|
+
//#region src/components/Radio/RadioRoot.vue.d.ts
|
|
4028
|
+
/** Visual state of the radio for styling purposes */
|
|
4029
|
+
type RadioState = 'checked' | 'unchecked';
|
|
4030
|
+
interface RadioRootContext {
|
|
4031
|
+
/** Unique identifier */
|
|
4032
|
+
readonly id: ID;
|
|
4033
|
+
/** Optional display label */
|
|
4034
|
+
readonly label?: string;
|
|
4035
|
+
/** Value associated with this radio */
|
|
4036
|
+
readonly value: unknown;
|
|
4037
|
+
/** Form field name (triggers auto hidden input when provided) */
|
|
4038
|
+
readonly name?: string;
|
|
4039
|
+
/** Associate with form by ID */
|
|
4040
|
+
readonly form?: string;
|
|
4041
|
+
/** Whether this radio is currently checked */
|
|
4042
|
+
isChecked: Readonly<Ref<boolean>>;
|
|
4043
|
+
/** Whether this radio is disabled */
|
|
4044
|
+
isDisabled: Readonly<Ref<boolean>>;
|
|
4045
|
+
/** Check this radio */
|
|
4046
|
+
select: () => void;
|
|
4047
|
+
}
|
|
4048
|
+
interface RadioRootProps<V = unknown> extends AtomProps {
|
|
4049
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
4050
|
+
id?: ID;
|
|
4051
|
+
/** Optional display label (passed through to slot) */
|
|
4052
|
+
label?: string;
|
|
4053
|
+
/**
|
|
4054
|
+
* Value associated with this radio for group selection and form submission
|
|
4055
|
+
*
|
|
4056
|
+
* @example
|
|
4057
|
+
* ```vue
|
|
4058
|
+
* <template>
|
|
4059
|
+
* <Radio.Group v-model="size">
|
|
4060
|
+
* <Radio.Root value="small">Small</Radio.Root>
|
|
4061
|
+
* <Radio.Root value="large">Large</Radio.Root>
|
|
4062
|
+
* </Radio.Group>
|
|
4063
|
+
* </template>
|
|
4064
|
+
* ```
|
|
4065
|
+
*/
|
|
4066
|
+
value?: V;
|
|
4067
|
+
/** Form field name - triggers auto hidden input when provided */
|
|
4068
|
+
name?: string;
|
|
4069
|
+
/**
|
|
4070
|
+
* Associate with a form by ID (for radios outside the form element)
|
|
4071
|
+
*
|
|
4072
|
+
* @example
|
|
4073
|
+
* ```vue
|
|
4074
|
+
* <template>
|
|
4075
|
+
* <form id="my-form">...</form>
|
|
4076
|
+
* <Radio.Root value="a" form="my-form">Option</Radio.Root>
|
|
4077
|
+
* </template>
|
|
4078
|
+
* ```
|
|
4079
|
+
*/
|
|
4080
|
+
form?: string;
|
|
4081
|
+
/**
|
|
4082
|
+
* Disables this radio (prevents selection and keyboard focus)
|
|
4083
|
+
*
|
|
4084
|
+
* @example
|
|
4085
|
+
* ```vue
|
|
4086
|
+
* <template>
|
|
4087
|
+
* <Radio.Root value="premium" disabled>
|
|
4088
|
+
* Premium (Coming soon)
|
|
4089
|
+
* </Radio.Root>
|
|
4090
|
+
* </template>
|
|
4091
|
+
* ```
|
|
4092
|
+
*/
|
|
4093
|
+
disabled?: MaybeRefOrGetter<boolean>;
|
|
4094
|
+
/** Namespace for context provision to children (Indicator, HiddenInput) */
|
|
4095
|
+
namespace?: string;
|
|
4096
|
+
/** Namespace for connecting to parent Radio.Group */
|
|
4097
|
+
groupNamespace?: string;
|
|
4098
|
+
/** ID of element that labels this radio */
|
|
4099
|
+
ariaLabelledby?: string;
|
|
4100
|
+
/** ID of element that describes this radio */
|
|
4101
|
+
ariaDescribedby?: string;
|
|
4102
|
+
/**
|
|
4103
|
+
* Marks the radio as invalid for form validation
|
|
4104
|
+
*
|
|
4105
|
+
* @example
|
|
4106
|
+
* ```vue
|
|
4107
|
+
* <template>
|
|
4108
|
+
* <Radio.Root :aria-invalid="hasError" value="a">
|
|
4109
|
+
* Option A
|
|
4110
|
+
* </Radio.Root>
|
|
4111
|
+
* </template>
|
|
4112
|
+
* ```
|
|
4113
|
+
*/
|
|
4114
|
+
ariaInvalid?: boolean;
|
|
4115
|
+
}
|
|
4116
|
+
interface RadioRootSlotProps<V = unknown> {
|
|
4117
|
+
/** Unique identifier */
|
|
4118
|
+
id: ID;
|
|
4119
|
+
/** Optional display label */
|
|
4120
|
+
label?: string;
|
|
4121
|
+
/** Value associated with this radio */
|
|
4122
|
+
value: V | undefined;
|
|
4123
|
+
/** Whether this radio is currently checked */
|
|
4124
|
+
isChecked: boolean;
|
|
4125
|
+
/** Whether this radio is disabled */
|
|
4126
|
+
isDisabled: boolean;
|
|
4127
|
+
/** Check this radio */
|
|
4128
|
+
select: () => void;
|
|
4129
|
+
/** Attributes to bind to the radio element */
|
|
4130
|
+
attrs: {
|
|
4131
|
+
'type': 'button' | undefined;
|
|
4132
|
+
'role': 'radio';
|
|
4133
|
+
'aria-checked': boolean;
|
|
4134
|
+
'aria-disabled': boolean | undefined;
|
|
4135
|
+
'aria-label': string | undefined;
|
|
4136
|
+
'aria-labelledby': string | undefined;
|
|
4137
|
+
'aria-describedby': string | undefined;
|
|
4138
|
+
'aria-invalid': boolean | undefined;
|
|
4139
|
+
'tabindex': 0 | -1;
|
|
4140
|
+
'data-state': RadioState;
|
|
4141
|
+
'data-disabled': true | undefined;
|
|
4142
|
+
'data-radio-id': ID;
|
|
4143
|
+
};
|
|
4144
|
+
}
|
|
4145
|
+
declare const useRadioRoot: (key: string, defaultValue?: RadioRootContext | undefined) => RadioRootContext, provideRadioRoot: (key: string, context: RadioRootContext, app?: vue.App) => RadioRootContext;
|
|
4146
|
+
declare const _default$33: typeof __VLS_export$33;
|
|
4147
|
+
declare const __VLS_export$33: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal$12<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4148
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$12<RadioRootProps<V>> & (typeof globalThis extends {
|
|
4149
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
4150
|
+
} ? P : {});
|
|
4151
|
+
expose: (exposed: {}) => void;
|
|
4152
|
+
attrs: any;
|
|
4153
|
+
slots: {
|
|
4154
|
+
/**
|
|
4155
|
+
* Default slot with radio state, actions, and ARIA attributes
|
|
4156
|
+
*
|
|
4157
|
+
* @example
|
|
4158
|
+
* ```vue
|
|
4159
|
+
* <template>
|
|
4160
|
+
* <Radio.Root v-slot="{ isChecked, select, attrs }" value="a">
|
|
4161
|
+
* <div v-bind="attrs" v-on:click="select">
|
|
4162
|
+
* <span :class="{ 'font-bold': isChecked }">Option A</span>
|
|
4163
|
+
* </div>
|
|
4164
|
+
* </Radio.Root>
|
|
4165
|
+
* </template>
|
|
4166
|
+
* ```
|
|
4167
|
+
*/
|
|
4168
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
4169
|
+
};
|
|
4170
|
+
emit: {};
|
|
4171
|
+
}>) => vue.VNode & {
|
|
4172
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
4173
|
+
};
|
|
4174
|
+
type __VLS_PrettifyLocal$12<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
4175
|
+
//#endregion
|
|
4176
|
+
//#region src/components/Radio/RadioIndicator.vue.d.ts
|
|
4177
|
+
interface RadioIndicatorProps extends AtomProps {
|
|
4178
|
+
/** Namespace for context injection from parent Radio.Root */
|
|
4179
|
+
namespace?: string;
|
|
4180
|
+
}
|
|
4181
|
+
interface RadioIndicatorSlotProps {
|
|
4182
|
+
/** Whether this radio is currently checked */
|
|
4183
|
+
isChecked: boolean;
|
|
4184
|
+
/** Attributes to bind to the indicator element */
|
|
4185
|
+
attrs: {
|
|
4186
|
+
'data-state': RadioState;
|
|
4187
|
+
'style': {
|
|
4188
|
+
visibility: 'visible' | 'hidden';
|
|
4189
|
+
};
|
|
3198
4190
|
};
|
|
3199
4191
|
}
|
|
3200
|
-
declare const _default$
|
|
3201
|
-
declare const __VLS_export$
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
4192
|
+
declare const _default$32: typeof __VLS_export$32;
|
|
4193
|
+
declare const __VLS_export$32: __VLS_WithSlots$18<vue.DefineComponent<RadioIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4194
|
+
/**
|
|
4195
|
+
* Default slot for custom indicator content
|
|
4196
|
+
*
|
|
4197
|
+
* @example
|
|
4198
|
+
* ```vue
|
|
4199
|
+
* <template>
|
|
4200
|
+
* <Radio.Indicator v-slot="{ isChecked }">
|
|
4201
|
+
* <CheckIcon v-if="isChecked" />
|
|
4202
|
+
* </Radio.Indicator>
|
|
4203
|
+
* </template>
|
|
4204
|
+
* ```
|
|
4205
|
+
*/
|
|
4206
|
+
default: (props: RadioIndicatorSlotProps) => any;
|
|
3207
4207
|
}>;
|
|
3208
|
-
type __VLS_WithSlots$
|
|
4208
|
+
type __VLS_WithSlots$18<T, S> = T & {
|
|
3209
4209
|
new (): {
|
|
3210
4210
|
$slots: S;
|
|
3211
4211
|
};
|
|
3212
4212
|
};
|
|
3213
4213
|
//#endregion
|
|
3214
|
-
//#region src/components/
|
|
4214
|
+
//#region src/components/Radio/index.d.ts
|
|
3215
4215
|
/**
|
|
3216
|
-
*
|
|
4216
|
+
* Radio component with sub-components for radio button controls.
|
|
3217
4217
|
*
|
|
3218
|
-
* @see https://0.vuetifyjs.com/components/
|
|
4218
|
+
* @see https://0.vuetifyjs.com/components/forms/radio
|
|
4219
|
+
*
|
|
4220
|
+
* @example
|
|
4221
|
+
* ```vue
|
|
4222
|
+
* <script lang="ts" setup>
|
|
4223
|
+
* import { Radio } from '@vuetify/v0'
|
|
4224
|
+
* import { ref } from 'vue'
|
|
4225
|
+
*
|
|
4226
|
+
* const selected = ref<string>()
|
|
4227
|
+
* </script>
|
|
4228
|
+
*
|
|
4229
|
+
* <template>
|
|
4230
|
+
* <Radio.Group v-model="selected">
|
|
4231
|
+
* <label>
|
|
4232
|
+
* <Radio.Root value="a">
|
|
4233
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4234
|
+
* </Radio.Root>
|
|
4235
|
+
* Option A
|
|
4236
|
+
* </label>
|
|
4237
|
+
* <label>
|
|
4238
|
+
* <Radio.Root value="b">
|
|
4239
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4240
|
+
* </Radio.Root>
|
|
4241
|
+
* Option B
|
|
4242
|
+
* </label>
|
|
4243
|
+
* </Radio.Group>
|
|
4244
|
+
* </template>
|
|
4245
|
+
* ```
|
|
3219
4246
|
*/
|
|
3220
|
-
declare const
|
|
4247
|
+
declare const Radio: {
|
|
3221
4248
|
/**
|
|
3222
|
-
*
|
|
4249
|
+
* Group component for managing radio buttons with single-selection.
|
|
3223
4250
|
*
|
|
3224
|
-
* @see https://0.vuetifyjs.com/components/
|
|
4251
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#group
|
|
3225
4252
|
*
|
|
3226
4253
|
* @example
|
|
3227
4254
|
* ```vue
|
|
3228
|
-
* <script lang="ts"
|
|
3229
|
-
* import {
|
|
4255
|
+
* <script setup lang="ts">
|
|
4256
|
+
* import { Radio } from '@vuetify/v0'
|
|
4257
|
+
* import { ref } from 'vue'
|
|
4258
|
+
*
|
|
4259
|
+
* const selected = ref<string>()
|
|
3230
4260
|
* </script>
|
|
3231
4261
|
*
|
|
3232
4262
|
* <template>
|
|
3233
|
-
* <
|
|
3234
|
-
* <
|
|
3235
|
-
*
|
|
3236
|
-
*
|
|
3237
|
-
*
|
|
3238
|
-
* <
|
|
3239
|
-
*
|
|
3240
|
-
*
|
|
3241
|
-
*
|
|
4263
|
+
* <Radio.Group v-model="selected" mandatory>
|
|
4264
|
+
* <Radio.Root value="a">
|
|
4265
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4266
|
+
* Option A
|
|
4267
|
+
* </Radio.Root>
|
|
4268
|
+
* <Radio.Root value="b">
|
|
4269
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4270
|
+
* Option B
|
|
4271
|
+
* </Radio.Root>
|
|
4272
|
+
* </Radio.Group>
|
|
3242
4273
|
* </template>
|
|
3243
4274
|
* ```
|
|
3244
4275
|
*/
|
|
3245
|
-
|
|
3246
|
-
|
|
3247
|
-
|
|
3248
|
-
}> & Readonly<{
|
|
3249
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3250
|
-
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3251
|
-
"update:modelValue": (value: boolean) => any;
|
|
3252
|
-
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3253
|
-
P: {};
|
|
3254
|
-
B: {};
|
|
3255
|
-
D: {};
|
|
3256
|
-
C: {};
|
|
3257
|
-
M: {};
|
|
3258
|
-
Defaults: {};
|
|
3259
|
-
}, Readonly<PopoverRootProps & {
|
|
3260
|
-
modelValue?: boolean;
|
|
3261
|
-
}> & Readonly<{
|
|
3262
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3263
|
-
}>, {}, {}, {}, {}, {}>;
|
|
3264
|
-
__isFragment?: never;
|
|
3265
|
-
__isTeleport?: never;
|
|
3266
|
-
__isSuspense?: never;
|
|
3267
|
-
} & vue.ComponentOptionsBase<Readonly<PopoverRootProps & {
|
|
3268
|
-
modelValue?: boolean;
|
|
3269
|
-
}> & Readonly<{
|
|
3270
|
-
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
3271
|
-
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3272
|
-
"update:modelValue": (value: boolean) => any;
|
|
3273
|
-
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3274
|
-
$slots: {
|
|
3275
|
-
default: (props: PopoverRootSlotProps) => any;
|
|
4276
|
+
Group: <T = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
4277
|
+
slots: {
|
|
4278
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
3276
4279
|
};
|
|
3277
|
-
|
|
4280
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((event: "update:modelValue", value: T | undefined) => void);
|
|
4281
|
+
attrs: any;
|
|
4282
|
+
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4283
|
+
props: vue.PublicProps & {
|
|
4284
|
+
namespace?: string | undefined;
|
|
4285
|
+
disabled?: boolean | undefined;
|
|
4286
|
+
mandatory?: boolean | "force" | undefined;
|
|
4287
|
+
label?: string | undefined;
|
|
4288
|
+
ariaLabelledby?: string | undefined;
|
|
4289
|
+
ariaDescribedby?: string | undefined;
|
|
4290
|
+
ariaRequired?: boolean | undefined;
|
|
4291
|
+
name?: string | undefined;
|
|
4292
|
+
activation?: RadioActivation | undefined;
|
|
4293
|
+
as?: (DOMElement | null) | undefined;
|
|
4294
|
+
renderless?: boolean | undefined;
|
|
4295
|
+
modelValue?: T | undefined;
|
|
4296
|
+
"onUpdate:model-value"?: ((value: T) => any) | undefined;
|
|
4297
|
+
"onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
|
|
4298
|
+
} & (typeof globalThis extends {
|
|
4299
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
4300
|
+
} ? P : {});
|
|
4301
|
+
expose: (exposed: {}) => void;
|
|
4302
|
+
attrs: any;
|
|
4303
|
+
slots: {
|
|
4304
|
+
default: (props: RadioGroupSlotProps) => any;
|
|
4305
|
+
};
|
|
4306
|
+
emit: ((evt: "update:model-value", value: T) => void) & ((event: "update:modelValue", value: T | undefined) => void);
|
|
4307
|
+
}>) => vue.VNode & {
|
|
4308
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
4309
|
+
};
|
|
3278
4310
|
/**
|
|
3279
|
-
*
|
|
4311
|
+
* Hidden input component for form submission.
|
|
3280
4312
|
*
|
|
3281
|
-
*
|
|
4313
|
+
* Auto-rendered by Root when Group has a `name` prop.
|
|
4314
|
+
* Can also be used explicitly for custom form integration.
|
|
4315
|
+
*
|
|
4316
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#hiddeninput
|
|
3282
4317
|
*
|
|
3283
4318
|
* @example
|
|
3284
4319
|
* ```vue
|
|
3285
|
-
* <script lang="ts"
|
|
3286
|
-
* import {
|
|
4320
|
+
* <script setup lang="ts">
|
|
4321
|
+
* import { Radio } from '@vuetify/v0'
|
|
3287
4322
|
* </script>
|
|
3288
4323
|
*
|
|
3289
4324
|
* <template>
|
|
3290
|
-
* <
|
|
3291
|
-
*
|
|
3292
|
-
*
|
|
4325
|
+
* <Radio.Group v-model="selected">
|
|
4326
|
+
* <Radio.Root value="yes">
|
|
4327
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4328
|
+
* <Radio.HiddenInput name="choice" />
|
|
4329
|
+
* </Radio.Root>
|
|
4330
|
+
* </Radio.Group>
|
|
3293
4331
|
* </template>
|
|
3294
4332
|
* ```
|
|
3295
4333
|
*/
|
|
3296
|
-
|
|
3297
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3298
|
-
P: {};
|
|
3299
|
-
B: {};
|
|
3300
|
-
D: {};
|
|
3301
|
-
C: {};
|
|
3302
|
-
M: {};
|
|
3303
|
-
Defaults: {};
|
|
3304
|
-
}, Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3305
|
-
__isFragment?: never;
|
|
3306
|
-
__isTeleport?: never;
|
|
3307
|
-
__isSuspense?: never;
|
|
3308
|
-
} & vue.ComponentOptionsBase<Readonly<PopoverActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3309
|
-
$slots: {
|
|
3310
|
-
default: (props: PopoverActivatorSlotProps) => any;
|
|
3311
|
-
};
|
|
3312
|
-
});
|
|
4334
|
+
HiddenInput: vue.DefineComponent<RadioHiddenInputProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<RadioHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
|
3313
4335
|
/**
|
|
3314
|
-
*
|
|
4336
|
+
* Visual indicator component for radio buttons.
|
|
3315
4337
|
*
|
|
3316
|
-
*
|
|
4338
|
+
* Renders as a span and only displays when checked.
|
|
4339
|
+
* Must be used within a Radio.Root component.
|
|
4340
|
+
*
|
|
4341
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#indicator
|
|
3317
4342
|
*
|
|
3318
4343
|
* @example
|
|
3319
4344
|
* ```vue
|
|
3320
|
-
* <script lang="ts"
|
|
3321
|
-
* import {
|
|
4345
|
+
* <script setup lang="ts">
|
|
4346
|
+
* import { Radio } from '@vuetify/v0'
|
|
3322
4347
|
* </script>
|
|
3323
4348
|
*
|
|
3324
4349
|
* <template>
|
|
3325
|
-
* <
|
|
3326
|
-
*
|
|
3327
|
-
*
|
|
4350
|
+
* <Radio.Group v-model="selected">
|
|
4351
|
+
* <Radio.Root value="a">
|
|
4352
|
+
* <Radio.Indicator>
|
|
4353
|
+
* <svg viewBox="0 0 24 24">
|
|
4354
|
+
* <circle cx="12" cy="12" r="6" />
|
|
4355
|
+
* </svg>
|
|
4356
|
+
* </Radio.Indicator>
|
|
4357
|
+
* </Radio.Root>
|
|
4358
|
+
* </Radio.Group>
|
|
3328
4359
|
* </template>
|
|
3329
4360
|
* ```
|
|
3330
4361
|
*/
|
|
3331
|
-
|
|
3332
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
3333
|
-
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3334
|
-
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3335
|
-
beforetoggle: (e: ToggleEvent) => any;
|
|
3336
|
-
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
4362
|
+
Indicator: {
|
|
4363
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3337
4364
|
P: {};
|
|
3338
4365
|
B: {};
|
|
3339
4366
|
D: {};
|
|
3340
4367
|
C: {};
|
|
3341
4368
|
M: {};
|
|
3342
4369
|
Defaults: {};
|
|
3343
|
-
}, Readonly<
|
|
3344
|
-
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3345
|
-
}>, {}, {}, {}, {}, {}>;
|
|
4370
|
+
}, Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3346
4371
|
__isFragment?: never;
|
|
3347
4372
|
__isTeleport?: never;
|
|
3348
4373
|
__isSuspense?: never;
|
|
3349
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
3350
|
-
onBeforetoggle?: ((e: ToggleEvent) => any) | undefined;
|
|
3351
|
-
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
3352
|
-
beforetoggle: (e: ToggleEvent) => any;
|
|
3353
|
-
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
4374
|
+
} & vue.ComponentOptionsBase<Readonly<RadioIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3354
4375
|
$slots: {
|
|
3355
|
-
default: (props:
|
|
3356
|
-
};
|
|
3357
|
-
});
|
|
3358
|
-
};
|
|
3359
|
-
//#endregion
|
|
3360
|
-
//#region src/components/Radio/RadioGroup.vue.d.ts
|
|
3361
|
-
/** Ticket for radio items with element reference for focus management */
|
|
3362
|
-
interface RadioTicket extends SingleTicket {
|
|
3363
|
-
/** Element reference for roving tabindex focus management */
|
|
3364
|
-
el?: MaybeRefOrGetter<HTMLElement | null | undefined>;
|
|
3365
|
-
}
|
|
3366
|
-
/** Activation mode alias for Radio component API */
|
|
3367
|
-
type RadioActivation = Activation;
|
|
3368
|
-
interface RadioGroupContext extends SingleContext<RadioTicket> {
|
|
3369
|
-
/** Form field name shared by all radios in the group */
|
|
3370
|
-
name?: string;
|
|
3371
|
-
/** Activation mode for the group */
|
|
3372
|
-
activation: Ref<RadioActivation>;
|
|
3373
|
-
}
|
|
3374
|
-
interface RadioGroupProps extends AtomProps {
|
|
3375
|
-
/** Namespace for dependency injection */
|
|
3376
|
-
namespace?: string;
|
|
4376
|
+
default: (props: RadioIndicatorSlotProps) => any;
|
|
4377
|
+
};
|
|
4378
|
+
});
|
|
3377
4379
|
/**
|
|
3378
|
-
*
|
|
4380
|
+
* Root component for individual radio buttons.
|
|
4381
|
+
*
|
|
4382
|
+
* Must be used within a Radio.Group. Renders as a button with proper
|
|
4383
|
+
* ARIA attributes and handles click/keyboard interactions. When the
|
|
4384
|
+
* group has a `name` prop, automatically renders a hidden input for
|
|
4385
|
+
* form submission.
|
|
4386
|
+
*
|
|
4387
|
+
* @see https://0.vuetifyjs.com/components/forms/radio#root
|
|
3379
4388
|
*
|
|
3380
4389
|
* @example
|
|
3381
4390
|
* ```vue
|
|
4391
|
+
* <script setup lang="ts">
|
|
4392
|
+
* import { Radio } from '@vuetify/v0'
|
|
4393
|
+
* </script>
|
|
4394
|
+
*
|
|
3382
4395
|
* <template>
|
|
3383
|
-
* <Radio.Group
|
|
3384
|
-
* <Radio.Root value="
|
|
4396
|
+
* <Radio.Group v-model="selected">
|
|
4397
|
+
* <Radio.Root value="option1">
|
|
4398
|
+
* <Radio.Indicator>●</Radio.Indicator>
|
|
4399
|
+
* Option 1
|
|
4400
|
+
* </Radio.Root>
|
|
3385
4401
|
* </Radio.Group>
|
|
3386
4402
|
* </template>
|
|
3387
4403
|
* ```
|
|
3388
4404
|
*/
|
|
3389
|
-
|
|
4405
|
+
Root: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
4406
|
+
slots: {
|
|
4407
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
4408
|
+
};
|
|
4409
|
+
emit: {};
|
|
4410
|
+
attrs: any;
|
|
4411
|
+
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4412
|
+
props: vue.PublicProps & {
|
|
4413
|
+
id?: ID | undefined;
|
|
4414
|
+
label?: string | undefined;
|
|
4415
|
+
value?: V | undefined;
|
|
4416
|
+
name?: string | undefined;
|
|
4417
|
+
form?: string | undefined;
|
|
4418
|
+
disabled?: vue.MaybeRefOrGetter<boolean> | undefined;
|
|
4419
|
+
namespace?: string | undefined;
|
|
4420
|
+
groupNamespace?: string | undefined;
|
|
4421
|
+
ariaLabelledby?: string | undefined;
|
|
4422
|
+
ariaDescribedby?: string | undefined;
|
|
4423
|
+
ariaInvalid?: boolean | undefined;
|
|
4424
|
+
as?: (DOMElement | null) | undefined;
|
|
4425
|
+
renderless?: boolean | undefined;
|
|
4426
|
+
} & (typeof globalThis extends {
|
|
4427
|
+
__VLS_PROPS_FALLBACK: infer P;
|
|
4428
|
+
} ? P : {});
|
|
4429
|
+
expose: (exposed: {}) => void;
|
|
4430
|
+
attrs: any;
|
|
4431
|
+
slots: {
|
|
4432
|
+
default: (props: RadioRootSlotProps<V>) => any;
|
|
4433
|
+
};
|
|
4434
|
+
emit: {};
|
|
4435
|
+
}>) => vue.VNode & {
|
|
4436
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
4437
|
+
};
|
|
4438
|
+
};
|
|
4439
|
+
//#endregion
|
|
4440
|
+
//#region src/components/Scrim/Scrim.vue.d.ts
|
|
4441
|
+
interface ScrimProps extends AtomProps {
|
|
3390
4442
|
/**
|
|
3391
|
-
*
|
|
3392
|
-
* Radio groups are inherently mandatory (selection can only be changed, not cleared),
|
|
3393
|
-
* so `mandatory="force"` is the only meaningful option.
|
|
4443
|
+
* Transition name for enter/leave animations
|
|
3394
4444
|
*
|
|
3395
|
-
* @
|
|
3396
|
-
* ```vue
|
|
3397
|
-
* <template>
|
|
3398
|
-
* <Radio.Group v-model="selected" mandatory="force">
|
|
3399
|
-
* <Radio.Root value="small">Small</Radio.Root>
|
|
3400
|
-
* <Radio.Root value="medium">Medium</Radio.Root>
|
|
3401
|
-
* </Radio.Group>
|
|
3402
|
-
* </template>
|
|
3403
|
-
* ```
|
|
4445
|
+
* @default 'fade'
|
|
3404
4446
|
*/
|
|
3405
|
-
|
|
4447
|
+
transition?: string;
|
|
3406
4448
|
/**
|
|
3407
|
-
*
|
|
4449
|
+
* Whether to teleport the scrim to the body element
|
|
3408
4450
|
*
|
|
3409
|
-
* @
|
|
3410
|
-
* ```vue
|
|
3411
|
-
* <template>
|
|
3412
|
-
* <Radio.Group label="Select size">
|
|
3413
|
-
* <Radio.Root value="s">Small</Radio.Root>
|
|
3414
|
-
* <Radio.Root value="m">Medium</Radio.Root>
|
|
3415
|
-
* </Radio.Group>
|
|
3416
|
-
* </template>
|
|
3417
|
-
* ```
|
|
4451
|
+
* @default true
|
|
3418
4452
|
*/
|
|
3419
|
-
|
|
3420
|
-
/** ID of element that labels this group */
|
|
3421
|
-
ariaLabelledby?: string;
|
|
3422
|
-
/** ID of element that describes this group */
|
|
3423
|
-
ariaDescribedby?: string;
|
|
3424
|
-
/** Whether a selection is required before form submission */
|
|
3425
|
-
ariaRequired?: boolean;
|
|
4453
|
+
teleport?: boolean;
|
|
3426
4454
|
/**
|
|
3427
|
-
*
|
|
4455
|
+
* Target selector or element for teleport
|
|
3428
4456
|
*
|
|
3429
|
-
* @
|
|
3430
|
-
* ```vue
|
|
3431
|
-
* <template>
|
|
3432
|
-
* <Radio.Group v-model="size" name="product_size">
|
|
3433
|
-
* <Radio.Root value="small">Small</Radio.Root>
|
|
3434
|
-
* <Radio.Root value="large">Large</Radio.Root>
|
|
3435
|
-
* </Radio.Group>
|
|
3436
|
-
* </template>
|
|
3437
|
-
* ```
|
|
4457
|
+
* @default 'body'
|
|
3438
4458
|
*/
|
|
4459
|
+
teleportTo?: string | HTMLElement;
|
|
4460
|
+
}
|
|
4461
|
+
interface ScrimSlotProps {
|
|
4462
|
+
/** The ticket for this scrim layer */
|
|
4463
|
+
ticket: StackTicket;
|
|
4464
|
+
/** Z-index for this scrim layer (one below the overlay) */
|
|
4465
|
+
zIndex: number;
|
|
4466
|
+
/** Whether this ticket's overlay blocks scrim dismissal */
|
|
4467
|
+
isBlocking: boolean;
|
|
4468
|
+
/** Dismiss this overlay */
|
|
4469
|
+
dismiss: () => void;
|
|
4470
|
+
}
|
|
4471
|
+
declare const _default$31: typeof __VLS_export$31;
|
|
4472
|
+
declare const __VLS_export$31: __VLS_WithSlots$17<vue.DefineComponent<ScrimProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ScrimProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4473
|
+
default: (props: ScrimSlotProps) => any;
|
|
4474
|
+
}>;
|
|
4475
|
+
type __VLS_WithSlots$17<T, S> = T & {
|
|
4476
|
+
new (): {
|
|
4477
|
+
$slots: S;
|
|
4478
|
+
};
|
|
4479
|
+
};
|
|
4480
|
+
//#endregion
|
|
4481
|
+
//#region src/components/Select/SelectRoot.vue.d.ts
|
|
4482
|
+
interface SelectContext {
|
|
4483
|
+
/** Whether the dropdown is open */
|
|
4484
|
+
isOpen: Ref<boolean>;
|
|
4485
|
+
/** Whether the entire select is disabled */
|
|
4486
|
+
disabled: MaybeRefOrGetter<boolean>;
|
|
4487
|
+
/** Whether multiple selection is enabled */
|
|
4488
|
+
multiple: boolean;
|
|
4489
|
+
/** Root identifier */
|
|
4490
|
+
id: string;
|
|
4491
|
+
/** ID for the listbox element */
|
|
4492
|
+
listboxId: string;
|
|
4493
|
+
/** ID for the activator element */
|
|
4494
|
+
activatorId: string;
|
|
4495
|
+
/** Form field name */
|
|
4496
|
+
name: string | undefined;
|
|
4497
|
+
/** Associated form ID */
|
|
4498
|
+
form: string | undefined;
|
|
4499
|
+
/** Reference to the activator DOM element */
|
|
4500
|
+
activatorEl: Ref<HTMLElement | null>;
|
|
4501
|
+
/** Selection context for managing selected items */
|
|
4502
|
+
selection: SelectionContext;
|
|
4503
|
+
/** Virtual focus for keyboard navigation */
|
|
4504
|
+
virtualFocus: VirtualFocusReturn;
|
|
4505
|
+
/** Popover for dropdown positioning */
|
|
4506
|
+
popover: PopoverReturn;
|
|
4507
|
+
/** Open the dropdown */
|
|
4508
|
+
open: () => void;
|
|
4509
|
+
/** Close the dropdown */
|
|
4510
|
+
close: () => void;
|
|
4511
|
+
/** Toggle the dropdown */
|
|
4512
|
+
toggle: () => void;
|
|
4513
|
+
/** Select an item by ID, closing dropdown in single-select mode */
|
|
4514
|
+
select: (id: ID) => void;
|
|
4515
|
+
}
|
|
4516
|
+
interface SelectRootProps extends AtomProps {
|
|
4517
|
+
/** Namespace for dependency injection */
|
|
4518
|
+
namespace?: string;
|
|
4519
|
+
/** Unique identifier (auto-generated if not provided) */
|
|
4520
|
+
id?: string;
|
|
4521
|
+
/** Form field name — auto-renders hidden input when provided */
|
|
3439
4522
|
name?: string;
|
|
4523
|
+
/** Associate with a form by ID */
|
|
4524
|
+
form?: string;
|
|
4525
|
+
/** Disables the entire select */
|
|
4526
|
+
disabled?: boolean;
|
|
4527
|
+
/** Enable multi-selection mode */
|
|
4528
|
+
multiple?: boolean;
|
|
3440
4529
|
/**
|
|
3441
|
-
*
|
|
3442
|
-
* -
|
|
3443
|
-
* -
|
|
3444
|
-
*
|
|
3445
|
-
* Per WAI-ARIA APG, radio groups should have selection follow focus by default.
|
|
3446
|
-
* Use `manual` for toolbar radio groups or when deliberate selection is preferred.
|
|
3447
|
-
*
|
|
3448
|
-
* @example
|
|
3449
|
-
* ```vue
|
|
3450
|
-
* <template>
|
|
3451
|
-
* <Radio.Group v-model="selected" activation="manual">
|
|
3452
|
-
* <Radio.Root value="a">Option A</Radio.Root>
|
|
3453
|
-
* <Radio.Root value="b">Option B</Radio.Root>
|
|
3454
|
-
* </Radio.Group>
|
|
3455
|
-
* </template>
|
|
3456
|
-
* ```
|
|
4530
|
+
* Controls mandatory selection behavior:
|
|
4531
|
+
* - false (default): No mandatory selection enforcement
|
|
4532
|
+
* - true: Prevents deselecting the last selected item
|
|
4533
|
+
* - `force`: Automatically selects the first non-disabled item
|
|
3457
4534
|
*/
|
|
3458
|
-
|
|
4535
|
+
mandatory?: boolean | 'force';
|
|
3459
4536
|
}
|
|
3460
|
-
interface
|
|
3461
|
-
/**
|
|
4537
|
+
interface SelectRootSlotProps {
|
|
4538
|
+
/** Root identifier */
|
|
4539
|
+
id: string;
|
|
4540
|
+
/** Whether the dropdown is open */
|
|
4541
|
+
isOpen: boolean;
|
|
4542
|
+
/** Whether the select is disabled */
|
|
3462
4543
|
isDisabled: boolean;
|
|
3463
|
-
/**
|
|
3464
|
-
|
|
3465
|
-
/**
|
|
3466
|
-
|
|
3467
|
-
/**
|
|
4544
|
+
/** Open the dropdown */
|
|
4545
|
+
open: () => void;
|
|
4546
|
+
/** Close the dropdown */
|
|
4547
|
+
close: () => void;
|
|
4548
|
+
/** Toggle the dropdown */
|
|
4549
|
+
toggle: () => void;
|
|
4550
|
+
}
|
|
4551
|
+
declare const useSelectContext: (key: string, defaultValue?: SelectContext | undefined) => SelectContext, provideSelectContext: (key: string, context: SelectContext, app?: vue.App) => SelectContext;
|
|
4552
|
+
declare const _default$30: typeof __VLS_export$30;
|
|
4553
|
+
declare const __VLS_export$30: __VLS_WithSlots$16<vue.DefineComponent<SelectRootProps & {
|
|
4554
|
+
modelValue?: ID | ID[];
|
|
4555
|
+
}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
4556
|
+
"update:model-value": (value: ID | ID[]) => any;
|
|
4557
|
+
"update:modelValue": (value: ID | ID[] | undefined) => any;
|
|
4558
|
+
}, string, vue.PublicProps, Readonly<SelectRootProps & {
|
|
4559
|
+
modelValue?: ID | ID[];
|
|
4560
|
+
}> & Readonly<{
|
|
4561
|
+
"onUpdate:model-value"?: ((value: ID | ID[]) => any) | undefined;
|
|
4562
|
+
"onUpdate:modelValue"?: ((value: ID | ID[] | undefined) => any) | undefined;
|
|
4563
|
+
}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4564
|
+
default: (props: SelectRootSlotProps) => any;
|
|
4565
|
+
}>;
|
|
4566
|
+
type __VLS_WithSlots$16<T, S> = T & {
|
|
4567
|
+
new (): {
|
|
4568
|
+
$slots: S;
|
|
4569
|
+
};
|
|
4570
|
+
};
|
|
4571
|
+
//#endregion
|
|
4572
|
+
//#region src/components/Select/SelectActivator.vue.d.ts
|
|
4573
|
+
interface SelectActivatorProps extends AtomProps {
|
|
4574
|
+
/** Namespace for dependency injection */
|
|
4575
|
+
namespace?: string;
|
|
4576
|
+
}
|
|
4577
|
+
interface SelectActivatorSlotProps {
|
|
4578
|
+
/** Whether the dropdown is open */
|
|
4579
|
+
isOpen: boolean;
|
|
4580
|
+
/** Attributes to bind to the trigger element */
|
|
3468
4581
|
attrs: {
|
|
3469
|
-
'
|
|
3470
|
-
'
|
|
3471
|
-
'
|
|
3472
|
-
'aria-
|
|
3473
|
-
'aria-
|
|
4582
|
+
'id': string;
|
|
4583
|
+
'role': 'combobox';
|
|
4584
|
+
'type': 'button' | undefined;
|
|
4585
|
+
'aria-expanded': boolean;
|
|
4586
|
+
'aria-haspopup': 'listbox';
|
|
4587
|
+
'aria-controls': string;
|
|
4588
|
+
'data-select-open': '' | undefined;
|
|
3474
4589
|
};
|
|
3475
4590
|
}
|
|
3476
|
-
declare const
|
|
4591
|
+
declare const _default$29: typeof __VLS_export$29;
|
|
4592
|
+
declare const __VLS_export$29: __VLS_WithSlots$15<vue.DefineComponent<SelectActivatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SelectActivatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4593
|
+
default: (props: SelectActivatorSlotProps) => any;
|
|
4594
|
+
}>;
|
|
4595
|
+
type __VLS_WithSlots$15<T, S> = T & {
|
|
4596
|
+
new (): {
|
|
4597
|
+
$slots: S;
|
|
4598
|
+
};
|
|
4599
|
+
};
|
|
4600
|
+
//#endregion
|
|
4601
|
+
//#region src/components/Select/SelectValue.vue.d.ts
|
|
4602
|
+
interface SelectValueProps extends AtomProps {
|
|
4603
|
+
/** Namespace for dependency injection */
|
|
4604
|
+
namespace?: string;
|
|
4605
|
+
}
|
|
4606
|
+
interface SelectValueSlotProps {
|
|
4607
|
+
/** The first selected item (ticket) — useful for single select */
|
|
4608
|
+
selectedItem: unknown | undefined;
|
|
4609
|
+
/** All selected items (tickets) — useful for multi select */
|
|
4610
|
+
selectedItems: unknown[];
|
|
4611
|
+
/** The first selected value — useful for single select */
|
|
4612
|
+
selectedValue: unknown | undefined;
|
|
4613
|
+
/** All selected values — useful for multi select */
|
|
4614
|
+
selectedValues: unknown[];
|
|
4615
|
+
/** Whether any value is selected */
|
|
4616
|
+
hasValue: boolean;
|
|
4617
|
+
/** Attributes to bind to the value element */
|
|
4618
|
+
attrs: Record<string, never>;
|
|
4619
|
+
}
|
|
3477
4620
|
declare const _default$28: typeof __VLS_export$28;
|
|
3478
|
-
declare const __VLS_export$28: <
|
|
3479
|
-
props:
|
|
3480
|
-
|
|
3481
|
-
|
|
3482
|
-
|
|
3483
|
-
|
|
3484
|
-
}
|
|
3485
|
-
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
|
|
3490
|
-
|
|
3491
|
-
|
|
3492
|
-
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
|
|
3496
|
-
|
|
3497
|
-
|
|
3498
|
-
|
|
3499
|
-
|
|
3500
|
-
|
|
3501
|
-
|
|
3502
|
-
|
|
3503
|
-
* ```
|
|
3504
|
-
*/
|
|
3505
|
-
default: (props: RadioGroupSlotProps) => any;
|
|
4621
|
+
declare const __VLS_export$28: __VLS_WithSlots$14<vue.DefineComponent<SelectValueProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SelectValueProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4622
|
+
default: (props: SelectValueSlotProps) => any;
|
|
4623
|
+
}>;
|
|
4624
|
+
type __VLS_WithSlots$14<T, S> = T & {
|
|
4625
|
+
new (): {
|
|
4626
|
+
$slots: S;
|
|
4627
|
+
};
|
|
4628
|
+
};
|
|
4629
|
+
//#endregion
|
|
4630
|
+
//#region src/components/Select/SelectContent.vue.d.ts
|
|
4631
|
+
interface SelectContentProps extends AtomProps {
|
|
4632
|
+
/** Namespace for dependency injection */
|
|
4633
|
+
namespace?: string;
|
|
4634
|
+
}
|
|
4635
|
+
interface SelectContentSlotProps {
|
|
4636
|
+
/** Whether the dropdown is open */
|
|
4637
|
+
isOpen: boolean;
|
|
4638
|
+
}
|
|
4639
|
+
declare const _default$27: typeof __VLS_export$27;
|
|
4640
|
+
declare const __VLS_export$27: __VLS_WithSlots$13<vue.DefineComponent<SelectContentProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SelectContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4641
|
+
default: (props: SelectContentSlotProps) => any;
|
|
4642
|
+
}>;
|
|
4643
|
+
type __VLS_WithSlots$13<T, S> = T & {
|
|
4644
|
+
new (): {
|
|
4645
|
+
$slots: S;
|
|
3506
4646
|
};
|
|
3507
|
-
emit: ((evt: "update:model-value", value: T) => void) & ((event: "update:modelValue", value: T | undefined) => void);
|
|
3508
|
-
}>) => vue.VNode & {
|
|
3509
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3510
4647
|
};
|
|
3511
|
-
type __VLS_PrettifyLocal$12<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
3512
4648
|
//#endregion
|
|
3513
|
-
//#region src/components/
|
|
3514
|
-
interface
|
|
3515
|
-
/** Namespace for context injection from parent Radio.Root */
|
|
4649
|
+
//#region src/components/Select/SelectCue.vue.d.ts
|
|
4650
|
+
interface SelectCueProps extends AtomProps {
|
|
3516
4651
|
namespace?: string;
|
|
3517
|
-
/**
|
|
3518
|
-
* Form field name (defaults to context value from Radio.Group)
|
|
3519
|
-
*
|
|
3520
|
-
* @example
|
|
3521
|
-
* ```vue
|
|
3522
|
-
* <template>
|
|
3523
|
-
* <Radio.Root value="a">
|
|
3524
|
-
* <Radio.HiddenInput name="choice" />
|
|
3525
|
-
* <Radio.Indicator />
|
|
3526
|
-
* </Radio.Root>
|
|
3527
|
-
* </template>
|
|
3528
|
-
* ```
|
|
3529
|
-
*/
|
|
3530
|
-
name?: string;
|
|
3531
|
-
/**
|
|
3532
|
-
* Submitted value when checked (defaults to context value or 'on').
|
|
3533
|
-
* Use to override the Radio.Root value for form submission.
|
|
3534
|
-
*
|
|
3535
|
-
* @example
|
|
3536
|
-
* ```vue
|
|
3537
|
-
* <template>
|
|
3538
|
-
* <Radio.Root value="internal-id">
|
|
3539
|
-
* <Radio.HiddenInput name="choice" value="user-friendly-value" />
|
|
3540
|
-
* </Radio.Root>
|
|
3541
|
-
* </template>
|
|
3542
|
-
* ```
|
|
3543
|
-
*/
|
|
3544
|
-
value?: string;
|
|
3545
|
-
/**
|
|
3546
|
-
* Associate with form by ID (for inputs outside the form element)
|
|
3547
|
-
*
|
|
3548
|
-
* @example
|
|
3549
|
-
* ```vue
|
|
3550
|
-
* <template>
|
|
3551
|
-
* <Radio.Root value="a">
|
|
3552
|
-
* <Radio.HiddenInput name="choice" form="external-form" />
|
|
3553
|
-
* </Radio.Root>
|
|
3554
|
-
* </template>
|
|
3555
|
-
* ```
|
|
3556
|
-
*/
|
|
3557
|
-
form?: string;
|
|
3558
4652
|
}
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
interface RadioRootContext {
|
|
3566
|
-
/** Unique identifier */
|
|
3567
|
-
readonly id: ID;
|
|
3568
|
-
/** Optional display label */
|
|
3569
|
-
readonly label?: string;
|
|
3570
|
-
/** Value associated with this radio */
|
|
3571
|
-
readonly value: unknown;
|
|
3572
|
-
/** Form field name (triggers auto hidden input when provided) */
|
|
3573
|
-
readonly name?: string;
|
|
3574
|
-
/** Associate with form by ID */
|
|
3575
|
-
readonly form?: string;
|
|
3576
|
-
/** Whether this radio is currently checked */
|
|
3577
|
-
isChecked: Readonly<Ref<boolean>>;
|
|
3578
|
-
/** Whether this radio is disabled */
|
|
3579
|
-
isDisabled: Readonly<Ref<boolean>>;
|
|
3580
|
-
/** Check this radio */
|
|
3581
|
-
select: () => void;
|
|
4653
|
+
interface SelectCueSlotProps {
|
|
4654
|
+
isOpen: boolean;
|
|
4655
|
+
attrs: {
|
|
4656
|
+
'aria-hidden': true;
|
|
4657
|
+
'data-state': 'open' | 'closed';
|
|
4658
|
+
};
|
|
3582
4659
|
}
|
|
3583
|
-
|
|
4660
|
+
declare const _default$26: typeof __VLS_export$26;
|
|
4661
|
+
declare const __VLS_export$26: __VLS_WithSlots$12<vue.DefineComponent<SelectCueProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SelectCueProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4662
|
+
default: (props: SelectCueSlotProps) => any;
|
|
4663
|
+
}>;
|
|
4664
|
+
type __VLS_WithSlots$12<T, S> = T & {
|
|
4665
|
+
new (): {
|
|
4666
|
+
$slots: S;
|
|
4667
|
+
};
|
|
4668
|
+
};
|
|
4669
|
+
//#endregion
|
|
4670
|
+
//#region src/components/Select/SelectItem.vue.d.ts
|
|
4671
|
+
interface SelectItemProps<V = unknown> extends AtomProps {
|
|
4672
|
+
/** Namespace for dependency injection */
|
|
4673
|
+
namespace?: string;
|
|
3584
4674
|
/** Unique identifier (auto-generated if not provided) */
|
|
3585
|
-
id?:
|
|
3586
|
-
/**
|
|
3587
|
-
label?: string;
|
|
3588
|
-
/**
|
|
3589
|
-
* Value associated with this radio for group selection and form submission
|
|
3590
|
-
*
|
|
3591
|
-
* @example
|
|
3592
|
-
* ```vue
|
|
3593
|
-
* <template>
|
|
3594
|
-
* <Radio.Group v-model="size">
|
|
3595
|
-
* <Radio.Root value="small">Small</Radio.Root>
|
|
3596
|
-
* <Radio.Root value="large">Large</Radio.Root>
|
|
3597
|
-
* </Radio.Group>
|
|
3598
|
-
* </template>
|
|
3599
|
-
* ```
|
|
3600
|
-
*/
|
|
4675
|
+
id?: string;
|
|
4676
|
+
/** Value associated with this option */
|
|
3601
4677
|
value?: V;
|
|
3602
|
-
/**
|
|
3603
|
-
name?: string;
|
|
3604
|
-
/**
|
|
3605
|
-
* Associate with a form by ID (for radios outside the form element)
|
|
3606
|
-
*
|
|
3607
|
-
* @example
|
|
3608
|
-
* ```vue
|
|
3609
|
-
* <template>
|
|
3610
|
-
* <form id="my-form">...</form>
|
|
3611
|
-
* <Radio.Root value="a" form="my-form">Option</Radio.Root>
|
|
3612
|
-
* </template>
|
|
3613
|
-
* ```
|
|
3614
|
-
*/
|
|
3615
|
-
form?: string;
|
|
3616
|
-
/**
|
|
3617
|
-
* Disables this radio (prevents selection and keyboard focus)
|
|
3618
|
-
*
|
|
3619
|
-
* @example
|
|
3620
|
-
* ```vue
|
|
3621
|
-
* <template>
|
|
3622
|
-
* <Radio.Root value="premium" disabled>
|
|
3623
|
-
* Premium (Coming soon)
|
|
3624
|
-
* </Radio.Root>
|
|
3625
|
-
* </template>
|
|
3626
|
-
* ```
|
|
3627
|
-
*/
|
|
4678
|
+
/** Disables this specific option */
|
|
3628
4679
|
disabled?: MaybeRefOrGetter<boolean>;
|
|
3629
|
-
/** Namespace for context provision to children (Indicator, HiddenInput) */
|
|
3630
|
-
namespace?: string;
|
|
3631
|
-
/** Namespace for connecting to parent Radio.Group */
|
|
3632
|
-
groupNamespace?: string;
|
|
3633
|
-
/** ID of element that labels this radio */
|
|
3634
|
-
ariaLabelledby?: string;
|
|
3635
|
-
/** ID of element that describes this radio */
|
|
3636
|
-
ariaDescribedby?: string;
|
|
3637
|
-
/**
|
|
3638
|
-
* Marks the radio as invalid for form validation
|
|
3639
|
-
*
|
|
3640
|
-
* @example
|
|
3641
|
-
* ```vue
|
|
3642
|
-
* <template>
|
|
3643
|
-
* <Radio.Root :aria-invalid="hasError" value="a">
|
|
3644
|
-
* Option A
|
|
3645
|
-
* </Radio.Root>
|
|
3646
|
-
* </template>
|
|
3647
|
-
* ```
|
|
3648
|
-
*/
|
|
3649
|
-
ariaInvalid?: boolean;
|
|
3650
4680
|
}
|
|
3651
|
-
interface
|
|
3652
|
-
/**
|
|
3653
|
-
id: ID;
|
|
3654
|
-
/** Optional display label */
|
|
3655
|
-
label?: string;
|
|
3656
|
-
/** Value associated with this radio */
|
|
4681
|
+
interface SelectItemSlotProps<V = unknown> {
|
|
4682
|
+
/** Value associated with this option */
|
|
3657
4683
|
value: V | undefined;
|
|
3658
|
-
/** Whether this
|
|
3659
|
-
|
|
3660
|
-
/** Whether this
|
|
4684
|
+
/** Whether this option is currently selected */
|
|
4685
|
+
isSelected: boolean;
|
|
4686
|
+
/** Whether this option is currently highlighted via virtual focus */
|
|
4687
|
+
isHighlighted: boolean;
|
|
4688
|
+
/** Whether this option is disabled */
|
|
3661
4689
|
isDisabled: boolean;
|
|
3662
|
-
/**
|
|
4690
|
+
/** Select this option */
|
|
3663
4691
|
select: () => void;
|
|
3664
|
-
/** Attributes to bind to the
|
|
4692
|
+
/** Attributes to bind to the option element */
|
|
3665
4693
|
attrs: {
|
|
3666
|
-
'
|
|
3667
|
-
'role': '
|
|
3668
|
-
'aria-
|
|
4694
|
+
'id': string;
|
|
4695
|
+
'role': 'option';
|
|
4696
|
+
'aria-selected': boolean;
|
|
3669
4697
|
'aria-disabled': boolean | undefined;
|
|
3670
|
-
'
|
|
3671
|
-
'
|
|
3672
|
-
'aria-describedby': string | undefined;
|
|
3673
|
-
'aria-invalid': boolean | undefined;
|
|
3674
|
-
'tabindex': 0 | -1;
|
|
3675
|
-
'data-state': RadioState;
|
|
4698
|
+
'data-selected': true | undefined;
|
|
4699
|
+
'data-highlighted': '' | undefined;
|
|
3676
4700
|
'data-disabled': true | undefined;
|
|
3677
|
-
'data-
|
|
4701
|
+
'data-id': string;
|
|
3678
4702
|
};
|
|
3679
4703
|
}
|
|
3680
|
-
declare const
|
|
3681
|
-
declare const
|
|
3682
|
-
|
|
3683
|
-
props: vue.PublicProps & __VLS_PrettifyLocal$11<RadioRootProps<V>> & (typeof globalThis extends {
|
|
4704
|
+
declare const _default$25: typeof __VLS_export$25;
|
|
4705
|
+
declare const __VLS_export$25: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4706
|
+
props: vue.PublicProps & __VLS_PrettifyLocal$11<SelectItemProps<V>> & (typeof globalThis extends {
|
|
3684
4707
|
__VLS_PROPS_FALLBACK: infer P;
|
|
3685
4708
|
} ? P : {});
|
|
3686
4709
|
expose: (exposed: {}) => void;
|
|
3687
4710
|
attrs: any;
|
|
3688
4711
|
slots: {
|
|
3689
|
-
|
|
3690
|
-
* Default slot with radio state, actions, and ARIA attributes
|
|
3691
|
-
*
|
|
3692
|
-
* @example
|
|
3693
|
-
* ```vue
|
|
3694
|
-
* <template>
|
|
3695
|
-
* <Radio.Root v-slot="{ isChecked, select, attrs }" value="a">
|
|
3696
|
-
* <div v-bind="attrs" v-on:click="select">
|
|
3697
|
-
* <span :class="{ 'font-bold': isChecked }">Option A</span>
|
|
3698
|
-
* </div>
|
|
3699
|
-
* </Radio.Root>
|
|
3700
|
-
* </template>
|
|
3701
|
-
* ```
|
|
3702
|
-
*/
|
|
3703
|
-
default: (props: RadioRootSlotProps<V>) => any;
|
|
4712
|
+
default: (props: SelectItemSlotProps<V>) => any;
|
|
3704
4713
|
};
|
|
3705
4714
|
emit: {};
|
|
3706
4715
|
}>) => vue.VNode & {
|
|
@@ -3708,254 +4717,303 @@ declare const __VLS_export$26: <V = unknown>(__VLS_props: NonNullable<Awaited<ty
|
|
|
3708
4717
|
};
|
|
3709
4718
|
type __VLS_PrettifyLocal$11<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
|
|
3710
4719
|
//#endregion
|
|
3711
|
-
//#region src/components/
|
|
3712
|
-
interface
|
|
3713
|
-
/** Namespace for context injection from parent Radio.Root */
|
|
4720
|
+
//#region src/components/Select/SelectPlaceholder.vue.d.ts
|
|
4721
|
+
interface SelectPlaceholderProps extends AtomProps {
|
|
3714
4722
|
namespace?: string;
|
|
3715
4723
|
}
|
|
3716
|
-
interface
|
|
3717
|
-
|
|
3718
|
-
isChecked: boolean;
|
|
3719
|
-
/** Attributes to bind to the indicator element */
|
|
3720
|
-
attrs: {
|
|
3721
|
-
'data-state': RadioState;
|
|
3722
|
-
'style': {
|
|
3723
|
-
visibility: 'visible' | 'hidden';
|
|
3724
|
-
};
|
|
3725
|
-
};
|
|
4724
|
+
interface SelectPlaceholderSlotProps {
|
|
4725
|
+
hasValue: boolean;
|
|
3726
4726
|
}
|
|
3727
|
-
declare const _default$
|
|
3728
|
-
declare const __VLS_export$
|
|
3729
|
-
|
|
3730
|
-
* Default slot for custom indicator content
|
|
3731
|
-
*
|
|
3732
|
-
* @example
|
|
3733
|
-
* ```vue
|
|
3734
|
-
* <template>
|
|
3735
|
-
* <Radio.Indicator v-slot="{ isChecked }">
|
|
3736
|
-
* <CheckIcon v-if="isChecked" />
|
|
3737
|
-
* </Radio.Indicator>
|
|
3738
|
-
* </template>
|
|
3739
|
-
* ```
|
|
3740
|
-
*/
|
|
3741
|
-
default: (props: RadioIndicatorSlotProps) => any;
|
|
4727
|
+
declare const _default$24: typeof __VLS_export$24;
|
|
4728
|
+
declare const __VLS_export$24: __VLS_WithSlots$11<vue.DefineComponent<SelectPlaceholderProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<SelectPlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>, {
|
|
4729
|
+
default: (props: SelectPlaceholderSlotProps) => any;
|
|
3742
4730
|
}>;
|
|
3743
|
-
type __VLS_WithSlots$
|
|
4731
|
+
type __VLS_WithSlots$11<T, S> = T & {
|
|
3744
4732
|
new (): {
|
|
3745
4733
|
$slots: S;
|
|
3746
4734
|
};
|
|
3747
|
-
};
|
|
3748
|
-
//#endregion
|
|
3749
|
-
//#region src/components/
|
|
3750
|
-
/**
|
|
3751
|
-
*
|
|
3752
|
-
*
|
|
3753
|
-
* @see https://0.vuetifyjs.com/components/
|
|
3754
|
-
*
|
|
3755
|
-
* @example
|
|
3756
|
-
* ```vue
|
|
3757
|
-
* <script lang="ts" setup>
|
|
3758
|
-
* import {
|
|
3759
|
-
* import { ref } from 'vue'
|
|
3760
|
-
*
|
|
3761
|
-
* const selected = ref
|
|
3762
|
-
*
|
|
3763
|
-
*
|
|
3764
|
-
*
|
|
3765
|
-
*
|
|
3766
|
-
*
|
|
3767
|
-
*
|
|
3768
|
-
*
|
|
3769
|
-
*
|
|
3770
|
-
*
|
|
3771
|
-
*
|
|
3772
|
-
*
|
|
3773
|
-
*
|
|
3774
|
-
*
|
|
3775
|
-
* </
|
|
3776
|
-
*
|
|
3777
|
-
*
|
|
3778
|
-
*
|
|
4735
|
+
};
|
|
4736
|
+
//#endregion
|
|
4737
|
+
//#region src/components/Select/index.d.ts
|
|
4738
|
+
/**
|
|
4739
|
+
* Select component with sub-components for building dropdown selects.
|
|
4740
|
+
*
|
|
4741
|
+
* @see https://0.vuetifyjs.com/components/select
|
|
4742
|
+
*
|
|
4743
|
+
* @example
|
|
4744
|
+
* ```vue
|
|
4745
|
+
* <script lang="ts" setup>
|
|
4746
|
+
* import { Select } from '@vuetify/v0'
|
|
4747
|
+
* import { ref } from 'vue'
|
|
4748
|
+
*
|
|
4749
|
+
* const selected = ref()
|
|
4750
|
+
* const items = [
|
|
4751
|
+
* { id: 'apple', label: 'Apple' },
|
|
4752
|
+
* { id: 'banana', label: 'Banana' },
|
|
4753
|
+
* { id: 'cherry', label: 'Cherry' },
|
|
4754
|
+
* ]
|
|
4755
|
+
* </script>
|
|
4756
|
+
*
|
|
4757
|
+
* <template>
|
|
4758
|
+
* <Select.Root v-model="selected">
|
|
4759
|
+
* <Select.Activator>
|
|
4760
|
+
* <Select.Value v-slot="{ selectedValue }">
|
|
4761
|
+
* {{ selectedValue }}
|
|
4762
|
+
* </Select.Value>
|
|
4763
|
+
* <Select.Placeholder>Pick a fruit</Select.Placeholder>
|
|
4764
|
+
* </Select.Activator>
|
|
4765
|
+
*
|
|
4766
|
+
* <Select.Content>
|
|
4767
|
+
* <Select.Item
|
|
4768
|
+
* v-for="item in items"
|
|
4769
|
+
* :key="item.id"
|
|
4770
|
+
* :id="item.id"
|
|
4771
|
+
* :value="item.label"
|
|
4772
|
+
* v-slot="{ isSelected, attrs }"
|
|
4773
|
+
* >
|
|
4774
|
+
* <div v-bind="attrs">{{ item.label }}</div>
|
|
4775
|
+
* </Select.Item>
|
|
4776
|
+
* </Select.Content>
|
|
4777
|
+
* </Select.Root>
|
|
3779
4778
|
* </template>
|
|
3780
4779
|
* ```
|
|
3781
4780
|
*/
|
|
3782
|
-
declare const
|
|
4781
|
+
declare const Select: {
|
|
3783
4782
|
/**
|
|
3784
|
-
*
|
|
4783
|
+
* Root component for selects. Creates selection, virtual focus, and popover contexts.
|
|
3785
4784
|
*
|
|
3786
|
-
* @see https://0.vuetifyjs.com/components/
|
|
4785
|
+
* @see https://0.vuetifyjs.com/components/select
|
|
3787
4786
|
*
|
|
3788
4787
|
* @example
|
|
3789
4788
|
* ```vue
|
|
3790
|
-
* <script
|
|
3791
|
-
* import {
|
|
4789
|
+
* <script lang="ts" setup>
|
|
4790
|
+
* import { Select } from '@vuetify/v0'
|
|
3792
4791
|
* import { ref } from 'vue'
|
|
3793
4792
|
*
|
|
3794
|
-
* const selected = ref
|
|
4793
|
+
* const selected = ref()
|
|
3795
4794
|
* </script>
|
|
3796
4795
|
*
|
|
3797
4796
|
* <template>
|
|
3798
|
-
* <
|
|
3799
|
-
* <
|
|
3800
|
-
* <
|
|
3801
|
-
|
|
3802
|
-
* </
|
|
3803
|
-
* <
|
|
3804
|
-
* <
|
|
3805
|
-
*
|
|
3806
|
-
*
|
|
3807
|
-
* </Radio.Group>
|
|
4797
|
+
* <Select.Root v-model="selected">
|
|
4798
|
+
* <Select.Activator>
|
|
4799
|
+
* <Select.Value />
|
|
4800
|
+
* <Select.Placeholder>Choose...</Select.Placeholder>
|
|
4801
|
+
* </Select.Activator>
|
|
4802
|
+
* <Select.Content>
|
|
4803
|
+
* <Select.Item id="a" value="A">Option A</Select.Item>
|
|
4804
|
+
* </Select.Content>
|
|
4805
|
+
* </Select.Root>
|
|
3808
4806
|
* </template>
|
|
3809
4807
|
* ```
|
|
3810
4808
|
*/
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3814
|
-
}
|
|
3815
|
-
|
|
3816
|
-
|
|
3817
|
-
|
|
3818
|
-
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
|
|
3822
|
-
|
|
3823
|
-
|
|
3824
|
-
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
"onUpdate:
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3836
|
-
|
|
3837
|
-
|
|
3838
|
-
|
|
3839
|
-
|
|
4809
|
+
Root: {
|
|
4810
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectRootProps & {
|
|
4811
|
+
modelValue?: ID | ID[];
|
|
4812
|
+
}> & Readonly<{
|
|
4813
|
+
"onUpdate:model-value"?: ((value: ID | ID[]) => any) | undefined;
|
|
4814
|
+
"onUpdate:modelValue"?: ((value: ID | ID[] | undefined) => any) | undefined;
|
|
4815
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
4816
|
+
"update:model-value": (value: ID | ID[]) => any;
|
|
4817
|
+
"update:modelValue": (value: ID | ID[] | undefined) => any;
|
|
4818
|
+
}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
4819
|
+
P: {};
|
|
4820
|
+
B: {};
|
|
4821
|
+
D: {};
|
|
4822
|
+
C: {};
|
|
4823
|
+
M: {};
|
|
4824
|
+
Defaults: {};
|
|
4825
|
+
}, Readonly<SelectRootProps & {
|
|
4826
|
+
modelValue?: ID | ID[];
|
|
4827
|
+
}> & Readonly<{
|
|
4828
|
+
"onUpdate:model-value"?: ((value: ID | ID[]) => any) | undefined;
|
|
4829
|
+
"onUpdate:modelValue"?: ((value: ID | ID[] | undefined) => any) | undefined;
|
|
4830
|
+
}>, {}, {}, {}, {}, {}>;
|
|
4831
|
+
__isFragment?: never;
|
|
4832
|
+
__isTeleport?: never;
|
|
4833
|
+
__isSuspense?: never;
|
|
4834
|
+
} & vue.ComponentOptionsBase<Readonly<SelectRootProps & {
|
|
4835
|
+
modelValue?: ID | ID[];
|
|
4836
|
+
}> & Readonly<{
|
|
4837
|
+
"onUpdate:model-value"?: ((value: ID | ID[]) => any) | undefined;
|
|
4838
|
+
"onUpdate:modelValue"?: ((value: ID | ID[] | undefined) => any) | undefined;
|
|
4839
|
+
}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
4840
|
+
"update:model-value": (value: ID | ID[]) => any;
|
|
4841
|
+
"update:modelValue": (value: ID | ID[] | undefined) => any;
|
|
4842
|
+
}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
4843
|
+
$slots: {
|
|
4844
|
+
default: (props: SelectRootSlotProps) => any;
|
|
3840
4845
|
};
|
|
3841
|
-
|
|
3842
|
-
}>) => vue.VNode & {
|
|
3843
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3844
|
-
};
|
|
4846
|
+
});
|
|
3845
4847
|
/**
|
|
3846
|
-
*
|
|
3847
|
-
*
|
|
3848
|
-
* Auto-rendered by Root when Group has a `name` prop.
|
|
3849
|
-
* Can also be used explicitly for custom form integration.
|
|
4848
|
+
* Activator button that opens the select dropdown.
|
|
3850
4849
|
*
|
|
3851
|
-
* @see https://0.vuetifyjs.com/components/
|
|
4850
|
+
* @see https://0.vuetifyjs.com/components/select#selectactivator
|
|
3852
4851
|
*
|
|
3853
4852
|
* @example
|
|
3854
4853
|
* ```vue
|
|
3855
|
-
* <script
|
|
3856
|
-
* import {
|
|
4854
|
+
* <script lang="ts" setup>
|
|
4855
|
+
* import { Select } from '@vuetify/v0'
|
|
3857
4856
|
* </script>
|
|
3858
4857
|
*
|
|
3859
4858
|
* <template>
|
|
3860
|
-
* <
|
|
3861
|
-
*
|
|
3862
|
-
*
|
|
3863
|
-
* <Radio.HiddenInput name="choice" />
|
|
3864
|
-
* </Radio.Root>
|
|
3865
|
-
* </Radio.Group>
|
|
4859
|
+
* <Select.Activator>
|
|
4860
|
+
* Click to open
|
|
4861
|
+
* </Select.Activator>
|
|
3866
4862
|
* </template>
|
|
3867
4863
|
* ```
|
|
3868
4864
|
*/
|
|
3869
|
-
|
|
4865
|
+
Activator: {
|
|
4866
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
4867
|
+
P: {};
|
|
4868
|
+
B: {};
|
|
4869
|
+
D: {};
|
|
4870
|
+
C: {};
|
|
4871
|
+
M: {};
|
|
4872
|
+
Defaults: {};
|
|
4873
|
+
}, Readonly<SelectActivatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
4874
|
+
__isFragment?: never;
|
|
4875
|
+
__isTeleport?: never;
|
|
4876
|
+
__isSuspense?: never;
|
|
4877
|
+
} & vue.ComponentOptionsBase<Readonly<SelectActivatorProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
4878
|
+
$slots: {
|
|
4879
|
+
default: (props: SelectActivatorSlotProps) => any;
|
|
4880
|
+
};
|
|
4881
|
+
});
|
|
3870
4882
|
/**
|
|
3871
|
-
*
|
|
4883
|
+
* Display component for the selected value. Slot-based — consumers provide rendering.
|
|
3872
4884
|
*
|
|
3873
|
-
*
|
|
3874
|
-
* Must be used within a Radio.Root component.
|
|
4885
|
+
* @see https://0.vuetifyjs.com/components/select#selectvalue
|
|
3875
4886
|
*
|
|
3876
|
-
* @
|
|
4887
|
+
* @example
|
|
4888
|
+
* ```vue
|
|
4889
|
+
* <script lang="ts" setup>
|
|
4890
|
+
* import { Select } from '@vuetify/v0'
|
|
4891
|
+
* </script>
|
|
4892
|
+
*
|
|
4893
|
+
* <template>
|
|
4894
|
+
* <Select.Value v-slot="{ selectedValue }">
|
|
4895
|
+
* {{ selectedValue }}
|
|
4896
|
+
* </Select.Value>
|
|
4897
|
+
* <Select.Placeholder>Pick one</Select.Placeholder>
|
|
4898
|
+
* </template>
|
|
4899
|
+
* ```
|
|
4900
|
+
*/
|
|
4901
|
+
Value: {
|
|
4902
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectValueProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
4903
|
+
P: {};
|
|
4904
|
+
B: {};
|
|
4905
|
+
D: {};
|
|
4906
|
+
C: {};
|
|
4907
|
+
M: {};
|
|
4908
|
+
Defaults: {};
|
|
4909
|
+
}, Readonly<SelectValueProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
4910
|
+
__isFragment?: never;
|
|
4911
|
+
__isTeleport?: never;
|
|
4912
|
+
__isSuspense?: never;
|
|
4913
|
+
} & vue.ComponentOptionsBase<Readonly<SelectValueProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
4914
|
+
$slots: {
|
|
4915
|
+
default: (props: SelectValueSlotProps) => any;
|
|
4916
|
+
};
|
|
4917
|
+
});
|
|
4918
|
+
/**
|
|
4919
|
+
* Dropdown content container using native popover API with CSS anchor positioning.
|
|
4920
|
+
*
|
|
4921
|
+
* @see https://0.vuetifyjs.com/components/select#selectcontent
|
|
3877
4922
|
*
|
|
3878
4923
|
* @example
|
|
3879
4924
|
* ```vue
|
|
3880
|
-
* <script
|
|
3881
|
-
* import {
|
|
4925
|
+
* <script lang="ts" setup>
|
|
4926
|
+
* import { Select } from '@vuetify/v0'
|
|
3882
4927
|
* </script>
|
|
3883
4928
|
*
|
|
3884
4929
|
* <template>
|
|
3885
|
-
* <
|
|
3886
|
-
* <
|
|
3887
|
-
*
|
|
3888
|
-
*
|
|
3889
|
-
* <circle cx="12" cy="12" r="6" />
|
|
3890
|
-
* </svg>
|
|
3891
|
-
* </Radio.Indicator>
|
|
3892
|
-
* </Radio.Root>
|
|
3893
|
-
* </Radio.Group>
|
|
4930
|
+
* <Select.Content>
|
|
4931
|
+
* <Select.Item id="a" value="A">Option A</Select.Item>
|
|
4932
|
+
* <Select.Item id="b" value="B">Option B</Select.Item>
|
|
4933
|
+
* </Select.Content>
|
|
3894
4934
|
* </template>
|
|
3895
4935
|
* ```
|
|
3896
4936
|
*/
|
|
3897
|
-
|
|
3898
|
-
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<
|
|
4937
|
+
Content: {
|
|
4938
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectContentProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
3899
4939
|
P: {};
|
|
3900
4940
|
B: {};
|
|
3901
4941
|
D: {};
|
|
3902
4942
|
C: {};
|
|
3903
4943
|
M: {};
|
|
3904
4944
|
Defaults: {};
|
|
3905
|
-
}, Readonly<
|
|
4945
|
+
}, Readonly<SelectContentProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
3906
4946
|
__isFragment?: never;
|
|
3907
4947
|
__isTeleport?: never;
|
|
3908
4948
|
__isSuspense?: never;
|
|
3909
|
-
} & vue.ComponentOptionsBase<Readonly<
|
|
4949
|
+
} & vue.ComponentOptionsBase<Readonly<SelectContentProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
3910
4950
|
$slots: {
|
|
3911
|
-
default: (props:
|
|
4951
|
+
default: (props: SelectContentSlotProps) => any;
|
|
3912
4952
|
};
|
|
3913
4953
|
});
|
|
3914
4954
|
/**
|
|
3915
|
-
*
|
|
4955
|
+
* Visual cue for open/close state. Exposes `data-state="open|closed"` for CSS-driven styling.
|
|
3916
4956
|
*
|
|
3917
|
-
*
|
|
3918
|
-
* ARIA attributes and handles click/keyboard interactions. When the
|
|
3919
|
-
* group has a `name` prop, automatically renders a hidden input for
|
|
3920
|
-
* form submission.
|
|
4957
|
+
* @see https://0.vuetifyjs.com/components/select#selectcue
|
|
3921
4958
|
*
|
|
3922
|
-
* @
|
|
4959
|
+
* @example
|
|
4960
|
+
* ```vue
|
|
4961
|
+
* <Select.Activator>
|
|
4962
|
+
* <Select.Value />
|
|
4963
|
+
* <Select.Placeholder>Choose...</Select.Placeholder>
|
|
4964
|
+
* <Select.Cue v-slot="{ isOpen }">
|
|
4965
|
+
* {{ isOpen ? '▲' : '▼' }}
|
|
4966
|
+
* </Select.Cue>
|
|
4967
|
+
* </Select.Activator>
|
|
4968
|
+
* ```
|
|
4969
|
+
*/
|
|
4970
|
+
Cue: {
|
|
4971
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectCueProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
4972
|
+
P: {};
|
|
4973
|
+
B: {};
|
|
4974
|
+
D: {};
|
|
4975
|
+
C: {};
|
|
4976
|
+
M: {};
|
|
4977
|
+
Defaults: {};
|
|
4978
|
+
}, Readonly<SelectCueProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
4979
|
+
__isFragment?: never;
|
|
4980
|
+
__isTeleport?: never;
|
|
4981
|
+
__isSuspense?: never;
|
|
4982
|
+
} & vue.ComponentOptionsBase<Readonly<SelectCueProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
4983
|
+
$slots: {
|
|
4984
|
+
default: (props: SelectCueSlotProps) => any;
|
|
4985
|
+
};
|
|
4986
|
+
});
|
|
4987
|
+
/**
|
|
4988
|
+
* Option item within the select dropdown. Registers with selection and virtual focus.
|
|
4989
|
+
*
|
|
4990
|
+
* @see https://0.vuetifyjs.com/components/select#selectitem
|
|
3923
4991
|
*
|
|
3924
4992
|
* @example
|
|
3925
4993
|
* ```vue
|
|
3926
|
-
* <script
|
|
3927
|
-
* import {
|
|
4994
|
+
* <script lang="ts" setup>
|
|
4995
|
+
* import { Select } from '@vuetify/v0'
|
|
3928
4996
|
* </script>
|
|
3929
4997
|
*
|
|
3930
4998
|
* <template>
|
|
3931
|
-
* <
|
|
3932
|
-
* <
|
|
3933
|
-
*
|
|
3934
|
-
* Option 1
|
|
3935
|
-
* </Radio.Root>
|
|
3936
|
-
* </Radio.Group>
|
|
4999
|
+
* <Select.Item id="apple" value="Apple" v-slot="{ isSelected, attrs }">
|
|
5000
|
+
* <div v-bind="attrs">Apple {{ isSelected ? '✓' : '' }}</div>
|
|
5001
|
+
* </Select.Item>
|
|
3937
5002
|
* </template>
|
|
3938
5003
|
* ```
|
|
3939
5004
|
*/
|
|
3940
|
-
|
|
5005
|
+
Item: <V = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
|
|
3941
5006
|
slots: {
|
|
3942
|
-
default: (props:
|
|
5007
|
+
default: (props: SelectItemSlotProps<V>) => any;
|
|
3943
5008
|
};
|
|
3944
5009
|
emit: {};
|
|
3945
5010
|
attrs: any;
|
|
3946
5011
|
}, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3947
5012
|
props: vue.PublicProps & {
|
|
3948
|
-
|
|
3949
|
-
|
|
5013
|
+
namespace?: string | undefined;
|
|
5014
|
+
id?: string | undefined;
|
|
3950
5015
|
value?: V | undefined;
|
|
3951
|
-
name?: string | undefined;
|
|
3952
|
-
form?: string | undefined;
|
|
3953
5016
|
disabled?: vue.MaybeRefOrGetter<boolean> | undefined;
|
|
3954
|
-
namespace?: string | undefined;
|
|
3955
|
-
groupNamespace?: string | undefined;
|
|
3956
|
-
ariaLabelledby?: string | undefined;
|
|
3957
|
-
ariaDescribedby?: string | undefined;
|
|
3958
|
-
ariaInvalid?: boolean | undefined;
|
|
3959
5017
|
as?: (DOMElement | null) | undefined;
|
|
3960
5018
|
renderless?: boolean | undefined;
|
|
3961
5019
|
} & (typeof globalThis extends {
|
|
@@ -3964,53 +5022,43 @@ declare const Radio: {
|
|
|
3964
5022
|
expose: (exposed: {}) => void;
|
|
3965
5023
|
attrs: any;
|
|
3966
5024
|
slots: {
|
|
3967
|
-
default: (props:
|
|
5025
|
+
default: (props: SelectItemSlotProps<V>) => any;
|
|
3968
5026
|
};
|
|
3969
5027
|
emit: {};
|
|
3970
5028
|
}>) => vue.VNode & {
|
|
3971
5029
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
3972
5030
|
};
|
|
3973
|
-
};
|
|
3974
|
-
//#endregion
|
|
3975
|
-
//#region src/components/Scrim/Scrim.vue.d.ts
|
|
3976
|
-
interface ScrimProps extends AtomProps {
|
|
3977
|
-
/**
|
|
3978
|
-
* Transition name for enter/leave animations
|
|
3979
|
-
*
|
|
3980
|
-
* @default 'fade'
|
|
3981
|
-
*/
|
|
3982
|
-
transition?: string;
|
|
3983
5031
|
/**
|
|
3984
|
-
*
|
|
5032
|
+
* Placeholder text shown when no value is selected. Automatically hidden when a selection exists.
|
|
3985
5033
|
*
|
|
3986
|
-
* @
|
|
3987
|
-
*/
|
|
3988
|
-
teleport?: boolean;
|
|
3989
|
-
/**
|
|
3990
|
-
* Target selector or element for teleport
|
|
5034
|
+
* @see https://0.vuetifyjs.com/components/select#selectplaceholder
|
|
3991
5035
|
*
|
|
3992
|
-
* @
|
|
5036
|
+
* @example
|
|
5037
|
+
* ```vue
|
|
5038
|
+
* <Select.Activator>
|
|
5039
|
+
* <Select.Value />
|
|
5040
|
+
* <Select.Placeholder>Choose an option…</Select.Placeholder>
|
|
5041
|
+
* <Select.Cue />
|
|
5042
|
+
* </Select.Activator>
|
|
5043
|
+
* ```
|
|
3993
5044
|
*/
|
|
3994
|
-
|
|
3995
|
-
}
|
|
3996
|
-
|
|
3997
|
-
|
|
3998
|
-
|
|
3999
|
-
|
|
4000
|
-
|
|
4001
|
-
|
|
4002
|
-
|
|
4003
|
-
|
|
4004
|
-
|
|
4005
|
-
|
|
4006
|
-
|
|
4007
|
-
|
|
4008
|
-
|
|
4009
|
-
}
|
|
4010
|
-
|
|
4011
|
-
new (): {
|
|
4012
|
-
$slots: S;
|
|
4013
|
-
};
|
|
5045
|
+
Placeholder: {
|
|
5046
|
+
new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<SelectPlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
|
|
5047
|
+
P: {};
|
|
5048
|
+
B: {};
|
|
5049
|
+
D: {};
|
|
5050
|
+
C: {};
|
|
5051
|
+
M: {};
|
|
5052
|
+
Defaults: {};
|
|
5053
|
+
}, Readonly<SelectPlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
5054
|
+
__isFragment?: never;
|
|
5055
|
+
__isTeleport?: never;
|
|
5056
|
+
__isSuspense?: never;
|
|
5057
|
+
} & vue.ComponentOptionsBase<Readonly<SelectPlaceholderProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
|
|
5058
|
+
$slots: {
|
|
5059
|
+
default: (props: SelectPlaceholderSlotProps) => any;
|
|
5060
|
+
};
|
|
5061
|
+
});
|
|
4014
5062
|
};
|
|
4015
5063
|
//#endregion
|
|
4016
5064
|
//#region src/components/Selection/SelectionRoot.vue.d.ts
|
|
@@ -6392,4 +7440,4 @@ declare const Tabs: {
|
|
|
6392
7440
|
};
|
|
6393
7441
|
};
|
|
6394
7442
|
//#endregion
|
|
6395
|
-
export { provideSwitchRoot as $,
|
|
7443
|
+
export { provideSwitchRoot as $, BreadcrumbsRootContext as $a, _default$62 as $i, PopoverContentSlotProps as $n, _default$48 as $r, provideSelectionRoot as $t, SingleItemProps as A, Breadcrumbs as Aa, ExpansionPanelItemSlotProps as Ai, RadioIndicatorProps as An, PaginationItemSlotProps as Ar, SliderThumbProps as At, SwitchTrackSlotProps as B, BreadcrumbsPageSlotProps as Ba, Dialog as Bi, RadioHiddenInputProps as Bn, usePaginationRoot as Br, SliderRootContext as Bt, _default$4 as C, CheckboxHiddenInputProps as Ca, ExpansionPanelActivatorSlotProps as Ci, _default$30 as Cn, PaginationPrevProps as Cr, SplitterRootSlotProps as Ct, provideStepRoot as D, _default$69 as Da, _default$56 as Di, ScrimSlotProps as Dn, PaginationFirstSlotProps as Dr, Slider as Dt, _default$5 as E, CheckboxGroupSlotProps as Ea, ExpansionPanelHeaderSlotProps as Ei, ScrimProps as En, PaginationFirstProps as Er, useSplitterRoot as Et, _default$7 as F, _default$71 as Fa, ExpansionPanelRootProps as Fi, RadioRootSlotProps as Fn, providePaginationControls as Fr, SliderRangeSlotProps as Ft, SwitchSelectAllProps as G, BreadcrumbsListProps as Ga, DialogDescriptionSlotProps as Gi, RadioGroupSlotProps as Gn, InputState as Gr, useSliderRoot as Gt, SwitchThumbProps as H, BreadcrumbsItemProps as Ha, DialogCloseSlotProps as Hi, RadioActivation as Hn, InputRootContext as Hr, SliderRootSlotProps as Ht, provideSingleRoot as I, BreadcrumbsDividerProps as Ia, ExpansionPanelRootSlotProps as Ii, RadioState as In, providePaginationItems as Ir, _default$19 as It, SwitchRootContext as J, BreadcrumbsRootProps as Ja, DialogTitleSlotProps as Ji, provideRadioGroup as Jn, _default$47 as Jr, SelectionItemSlotProps as Jt, SwitchSelectAllSlotProps as K, BreadcrumbsListSlotProps as Ka, _default$60 as Ki, RadioTicket as Kn, ValidateEvent as Kr, Selection as Kt, useSingleRoot as L, BreadcrumbsDividerSlotProps as La, _default$58 as Li, _default$33 as Ln, providePaginationRoot as Lr, SliderTrackProps as Lt, _default$6 as M, _default$70 as Ma, provideExpansionPanelItem as Mi, _default$32 as Mn, PaginationRootProps as Mr, SliderThumbState as Mt, SingleRootProps as N, BreadcrumbsEllipsisProps as Na, useExpansionPanelItem as Ni, RadioRootContext as Nn, PaginationRootSlotProps as Nr, _default$18 as Nt, useStepRoot as O, provideCheckboxGroup as Oa, ExpansionPanelItemContext as Oi, _default$31 as On, _default$44 as Or, SliderHiddenInputProps as Ot, SingleRootSlotProps as P, BreadcrumbsEllipsisSlotProps as Pa, ExpansionPanelOptionsContext as Pi, RadioRootProps as Pn, _default$46 as Pr, SliderRangeProps as Pt, _default$11 as Q, useBreadcrumbsRoot as Qa, DialogContentSlotProps as Qi, PopoverContentProps as Qn, InputErrorSlotProps as Qr, _default$23 as Qt, Switch as R, _default$72 as Ra, provideExpansionPanelRoot as Ri, provideRadioRoot as Rn, usePaginationControls as Rr, SliderTrackSlotProps as Rt, StepItemSlotProps as S, useCheckboxRoot as Sa, ExpansionPanelActivatorProps as Si, SelectRootSlotProps as Sn, _default$42 as Sr, SplitterRootProps as St, StepRootSlotProps as T, CheckboxGroupProps as Ta, ExpansionPanelHeaderProps as Ti, useSelectContext as Tn, _default$43 as Tr, provideSplitterRoot as Tt, SwitchThumbSlotProps as U, BreadcrumbsItemSlotProps as Ua, _default$59 as Ui, RadioGroupContext as Un, InputRootProps as Ur, _default$21 as Ut, _default$8 as V, _default$73 as Va, DialogCloseProps as Vi, _default$34 as Vn, Input as Vr, SliderRootProps as Vt, _default$9 as W, _default$74 as Wa, DialogDescriptionProps as Wi, RadioGroupProps as Wn, InputRootSlotProps as Wr, provideSliderRoot as Wt, SwitchRootSlotProps as X, _default$76 as Xa, DialogContentEmits as Xi, Popover as Xn, useInputRoot as Xr, SelectionRootProps as Xt, SwitchRootProps as Y, BreadcrumbsRootSlotProps as Ya, _default$61 as Yi, useRadioGroup as Yn, provideInputRoot as Yr, _default$22 as Yt, SwitchState as Z, provideBreadcrumbsRoot as Za, DialogContentProps as Zi, PopoverContentEmits as Zn, InputErrorProps as Zr, SelectionRootSlotProps as Zt, _default$3 as _, CheckboxRootProps as _a, _default$53 as _i, SelectActivatorProps as _n, AtomProps as _o, PaginationNextProps as _r, SplitterContext as _t, TabsItemProps as a, DialogRootSlotProps as aa, _default$50 as ai, SelectItemProps as an, _default$77 as ao, PopoverRootProps as ar, _default$13 as at, Step as b, _default$67 as ba, ExpansionPanelContentSlotProps as bi, SelectContext as bn, PaginationEllipsisProps as br, SplitterPanelTicket as bt, TabsListProps as c, useDialogContext as ca, GroupItemSlotProps as ci, SelectCueProps as cn, AvatarImageSlotProps as co, providePopoverContext as cr, Splitter as ct, TabsActivation as d, CheckboxSelectAllSlotProps as da, GroupRootSlotProps as di, SelectContentProps as dn, AvatarRootProps as do, PaginationStatusProps as dr, SplitterHandleState as dt, DialogActivatorProps as ea, InputDescriptionProps as ei, useSelectionRoot as en, BreadcrumbsTicket as eo, _default$36 as er, useSwitchRoot as et, TabsContext as f, _default$65 as fa, _default$52 as fi, SelectContentSlotProps as fn, AvatarTicket as fo, PaginationStatusSlotProps as fr, _default$14 as ft, TabsTicket as g, CheckboxRootContext as ga, FormSlotProps as gi, _default$28 as gn, AtomExpose as go, _default$40 as gr, _default$15 as gt, TabsRootSlotProps as h, _default$66 as ha, FormProps as hi, SelectValueSlotProps as hn, useAvatarRoot as ho, PaginationLastSlotProps as hr, SplitterPanelSlotProps as ht, _default as i, DialogRootProps as ia, InputControlSlotProps as ii, _default$24 as in, AvatarFallbackSlotProps as io, PopoverContext as ir, SwitchGroupSlotProps as it, SingleItemSlotProps as j, BreadcrumbsLinkProps as ja, _default$57 as ji, RadioIndicatorSlotProps as jn, _default$45 as jr, SliderThumbSlotProps as jt, Single as k, useCheckboxGroup as ka, ExpansionPanelItemProps as ki, Radio as kn, PaginationItemProps as kr, _default$17 as kt, TabsListSlotProps as l, Checkbox as la, _default$51 as li, SelectCueSlotProps as ln, _default$78 as lo, usePopoverContext as lr, SplitterHandleProps as lt, TabsRootProps as m, CheckboxIndicatorSlotProps as ma, useGroupRoot as mi, SelectValueProps as mn, provideAvatarRoot as mo, PaginationLastProps as mr, SplitterPanelProps as mt, TabsPanelProps as n, _default$63 as na, _default$49 as ni, SelectPlaceholderProps as nn, Avatar as no, PopoverActivatorSlotProps as nr, _default$12 as nt, TabsItemSlotProps as o, _default$64 as oa, Group as oi, SelectItemSlotProps as on, AvatarImageEmits as oo, PopoverRootSlotProps as or, provideSwitchGroup as ot, TabsOrientation as p, CheckboxIndicatorProps as pa, provideGroupRoot as pi, _default$27 as pn, _default$79 as po, _default$39 as pr, SplitterPanelExpose as pt, _default$10 as q, _default$75 as qa, DialogTitleProps as qi, _default$35 as qn, ValidateOn as qr, SelectionItemProps as qt, TabsPanelSlotProps as r, DialogContext as ra, InputControlProps as ri, SelectPlaceholderSlotProps as rn, AvatarFallbackProps as ro, _default$37 as rr, SwitchGroupProps as rt, _default$1 as s, provideDialogContext as sa, GroupItemProps as si, _default$25 as sn, AvatarImageProps as so, _default$38 as sr, useSwitchGroup as st, Tabs as t, DialogActivatorSlotProps as ta, InputDescriptionSlotProps as ti, Select as tn, BreadcrumbsTicketType as to, PopoverActivatorProps as tr, SwitchHiddenInputProps as tt, _default$2 as u, CheckboxSelectAllProps as ua, GroupRootProps as ui, _default$26 as un, AvatarContext as uo, Pagination as ur, SplitterHandleSlotProps as ut, provideTabsRoot as v, CheckboxRootSlotProps as va, ExpansionPanel as vi, SelectActivatorSlotProps as vn, AtomSlots as vo, PaginationNextSlotProps as vr, SplitterOrientation as vt, StepRootProps as w, _default$68 as wa, _default$55 as wi, provideSelectContext as wn, PaginationPrevSlotProps as wr, _default$16 as wt, StepItemProps as x, provideCheckboxRoot as xa, _default$54 as xi, SelectRootProps as xn, PaginationEllipsisSlotProps as xr, SplitterRootExpose as xt, useTabsRoot as y, CheckboxState as ya, ExpansionPanelContentProps as yi, _default$29 as yn, _default$80 as yo, _default$41 as yr, SplitterPanelInput as yt, SwitchTrackProps as z, BreadcrumbsPageProps as za, useExpansionPanelRoot as zi, useRadioRoot as zn, usePaginationItems as zr, _default$20 as zt };
|