@maltjoy/core-vue 4.1.0-next → 4.2.0
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/LICENSE +21 -0
- package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +8 -27
- package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +16 -67
- package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +15 -63
- package/dist/components/JoyButton/VJoyButton.vue.d.ts +1 -1
- package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +1 -1
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +13 -3
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +30 -10
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +11 -1
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +28 -8
- package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +2 -2
- package/dist/components/JoyInput/VJoyInput.vue.d.ts +9 -3
- package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +14 -60
- package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +0 -9
- package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +7 -37
- package/dist/components/JoySelectableItem/VJoySelectableItem.types.d.ts +0 -1
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +13 -37
- package/dist/components/JoyText/VJoyText.vue.d.ts +3 -3
- package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +4 -0
- package/dist/components/JoyTooltip/VJoyTooltip.vue.d.ts +2 -0
- package/dist/components.cjs +1 -1
- package/dist/components.js +2 -2
- package/dist/joy-core-vue-manifest.json +79 -1
- package/dist/main.cjs +1 -1
- package/dist/main.js +2 -2
- package/dist/pages/selectable-item-group.d.ts +10 -2
- package/dist/stories/tokens/tokens.d.ts +86 -0
- package/dist/style-C-vTPQ74.cjs +12 -0
- package/dist/style-DDAU_L91.js +7622 -0
- package/dist/style.css +1 -1
- package/package.json +41 -41
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +0 -281
- package/dist/style-C0qxfcvt.cjs +0 -18
- package/dist/style-CBJlucmr.js +0 -8349
|
@@ -10,6 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
10
10
|
preventBodyScroll: boolean;
|
|
11
11
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
12
12
|
focusTrap: boolean;
|
|
13
|
+
demoMode: boolean;
|
|
13
14
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
14
15
|
elevated: boolean;
|
|
15
16
|
}> & Omit<{
|
|
@@ -19,6 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
20
|
readonly preventBodyScroll: boolean;
|
|
20
21
|
readonly teleport: string | import("vue").RendererElement | null | undefined;
|
|
21
22
|
readonly focusTrap: boolean;
|
|
23
|
+
readonly demoMode: boolean;
|
|
22
24
|
readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
23
25
|
readonly elevated: boolean;
|
|
24
26
|
readonly id?: string | undefined;
|
|
@@ -31,7 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
31
33
|
readonly "onDrawer:after-hide"?: (() => any) | undefined;
|
|
32
34
|
readonly "onDrawer:before-unmount"?: (() => any) | undefined;
|
|
33
35
|
readonly "onDrawer:confirm"?: (() => any) | undefined;
|
|
34
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "buttonSize" | "elevated">;
|
|
36
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "buttonSize" | "elevated">;
|
|
35
37
|
$attrs: {
|
|
36
38
|
[x: string]: unknown;
|
|
37
39
|
};
|
|
@@ -74,6 +76,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
74
76
|
type: BooleanConstructor;
|
|
75
77
|
default: boolean;
|
|
76
78
|
};
|
|
79
|
+
demoMode: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
77
83
|
closeLabel: {
|
|
78
84
|
type: StringConstructor;
|
|
79
85
|
default: string;
|
|
@@ -99,7 +105,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
99
105
|
"onDrawer:before-unmount"?: (() => any) | undefined;
|
|
100
106
|
"onDrawer:confirm"?: (() => any) | undefined;
|
|
101
107
|
}>, {
|
|
102
|
-
focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
|
|
103
108
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
104
109
|
hide: (options?: {
|
|
105
110
|
fireHideEvent: boolean;
|
|
@@ -120,6 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
120
125
|
preventBodyScroll: boolean;
|
|
121
126
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
122
127
|
focusTrap: boolean;
|
|
128
|
+
demoMode: boolean;
|
|
123
129
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
124
130
|
elevated: boolean;
|
|
125
131
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
@@ -149,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
149
155
|
preventBodyScroll: boolean;
|
|
150
156
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
151
157
|
focusTrap: boolean;
|
|
158
|
+
demoMode: boolean;
|
|
152
159
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
153
160
|
elevated: boolean;
|
|
154
161
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -179,6 +186,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
179
186
|
type: BooleanConstructor;
|
|
180
187
|
default: boolean;
|
|
181
188
|
};
|
|
189
|
+
demoMode: {
|
|
190
|
+
type: BooleanConstructor;
|
|
191
|
+
default: boolean;
|
|
192
|
+
};
|
|
182
193
|
closeLabel: {
|
|
183
194
|
type: StringConstructor;
|
|
184
195
|
default: string;
|
|
@@ -203,8 +214,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
203
214
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
204
215
|
"onDrawer:before-unmount"?: (() => any) | undefined;
|
|
205
216
|
"onDrawer:confirm"?: (() => any) | undefined;
|
|
206
|
-
}>, "hide" | "show" | "isOpen" | "
|
|
207
|
-
focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
|
|
217
|
+
}>, "hide" | "show" | "isOpen" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "buttonSize" | "elevated")> & import("vue").ShallowUnwrapRef<{
|
|
208
218
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
209
219
|
hide: (options?: {
|
|
210
220
|
fireHideEvent: boolean;
|
|
@@ -242,6 +252,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
242
252
|
preventBodyScroll: boolean;
|
|
243
253
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
244
254
|
focusTrap: boolean;
|
|
255
|
+
demoMode: boolean;
|
|
245
256
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
246
257
|
elevated: boolean;
|
|
247
258
|
}> & Omit<{
|
|
@@ -251,6 +262,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
251
262
|
readonly preventBodyScroll: boolean;
|
|
252
263
|
readonly teleport: string | import("vue").RendererElement | null | undefined;
|
|
253
264
|
readonly focusTrap: boolean;
|
|
265
|
+
readonly demoMode: boolean;
|
|
254
266
|
readonly buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
255
267
|
readonly elevated: boolean;
|
|
256
268
|
readonly id?: string | undefined;
|
|
@@ -263,7 +275,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
263
275
|
readonly "onDrawer:after-hide"?: (() => any) | undefined;
|
|
264
276
|
readonly "onDrawer:before-unmount"?: (() => any) | undefined;
|
|
265
277
|
readonly "onDrawer:confirm"?: (() => any) | undefined;
|
|
266
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "buttonSize" | "elevated">;
|
|
278
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "buttonSize" | "elevated">;
|
|
267
279
|
$attrs: {
|
|
268
280
|
[x: string]: unknown;
|
|
269
281
|
};
|
|
@@ -306,6 +318,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
306
318
|
type: BooleanConstructor;
|
|
307
319
|
default: boolean;
|
|
308
320
|
};
|
|
321
|
+
demoMode: {
|
|
322
|
+
type: BooleanConstructor;
|
|
323
|
+
default: boolean;
|
|
324
|
+
};
|
|
309
325
|
closeLabel: {
|
|
310
326
|
type: StringConstructor;
|
|
311
327
|
default: string;
|
|
@@ -331,7 +347,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
331
347
|
"onDrawer:before-unmount"?: (() => any) | undefined;
|
|
332
348
|
"onDrawer:confirm"?: (() => any) | undefined;
|
|
333
349
|
}>, {
|
|
334
|
-
focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
|
|
335
350
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
336
351
|
hide: (options?: {
|
|
337
352
|
fireHideEvent: boolean;
|
|
@@ -352,6 +367,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
352
367
|
preventBodyScroll: boolean;
|
|
353
368
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
354
369
|
focusTrap: boolean;
|
|
370
|
+
demoMode: boolean;
|
|
355
371
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
356
372
|
elevated: boolean;
|
|
357
373
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
@@ -381,6 +397,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
381
397
|
preventBodyScroll: boolean;
|
|
382
398
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
383
399
|
focusTrap: boolean;
|
|
400
|
+
demoMode: boolean;
|
|
384
401
|
buttonSize: import("../components.types.js").TJoyButtonSizes;
|
|
385
402
|
elevated: boolean;
|
|
386
403
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -411,6 +428,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
411
428
|
type: BooleanConstructor;
|
|
412
429
|
default: boolean;
|
|
413
430
|
};
|
|
431
|
+
demoMode: {
|
|
432
|
+
type: BooleanConstructor;
|
|
433
|
+
default: boolean;
|
|
434
|
+
};
|
|
414
435
|
closeLabel: {
|
|
415
436
|
type: StringConstructor;
|
|
416
437
|
default: string;
|
|
@@ -435,8 +456,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
435
456
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
436
457
|
"onDrawer:before-unmount"?: (() => any) | undefined;
|
|
437
458
|
"onDrawer:confirm"?: (() => any) | undefined;
|
|
438
|
-
}>, "hide" | "show" | "isOpen" | "
|
|
439
|
-
focusTrapReturn: import("@vueuse/integrations/useFocusTrap.js").UseFocusTrapReturn;
|
|
459
|
+
}>, "hide" | "show" | "isOpen" | "hasFooterSlots" | ("size" | "closeLabel" | "open" | "preventBodyScroll" | "teleport" | "focusTrap" | "demoMode" | "buttonSize" | "elevated")> & import("vue").ShallowUnwrapRef<{
|
|
440
460
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
441
461
|
hide: (options?: {
|
|
442
462
|
fireHideEvent: boolean;
|
|
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
15
15
|
type: PropType<TJoyIndicatorsVariants>;
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
|
-
/** Indicators are text-less buttons by design. To make
|
|
18
|
+
/** Indicators are text-less buttons by design. To make them more accessible, you can pass them an aria-label that will describe more their action. */
|
|
19
19
|
ariaLabel: {
|
|
20
20
|
type: StringConstructor;
|
|
21
21
|
};
|
|
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
34
34
|
type: PropType<TJoyIndicatorsVariants>;
|
|
35
35
|
default: string;
|
|
36
36
|
};
|
|
37
|
-
/** Indicators are text-less buttons by design. To make
|
|
37
|
+
/** Indicators are text-less buttons by design. To make them more accessible, you can pass them an aria-label that will describe more their action. */
|
|
38
38
|
ariaLabel: {
|
|
39
39
|
type: StringConstructor;
|
|
40
40
|
};
|
|
@@ -25,6 +25,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
25
25
|
type: StringConstructor;
|
|
26
26
|
required: true;
|
|
27
27
|
};
|
|
28
|
+
placeholder: {
|
|
29
|
+
type: StringConstructor;
|
|
30
|
+
};
|
|
28
31
|
required: {
|
|
29
32
|
type: BooleanConstructor;
|
|
30
33
|
default: boolean;
|
|
@@ -44,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
44
47
|
default: boolean;
|
|
45
48
|
};
|
|
46
49
|
modelModifiers: {
|
|
50
|
+
type: PropType<Partial<Record<"number" | "trim" | "lazy", true>>>;
|
|
47
51
|
default: () => {
|
|
48
52
|
lazy: boolean;
|
|
49
53
|
};
|
|
@@ -99,6 +103,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
99
103
|
type: StringConstructor;
|
|
100
104
|
required: true;
|
|
101
105
|
};
|
|
106
|
+
placeholder: {
|
|
107
|
+
type: StringConstructor;
|
|
108
|
+
};
|
|
102
109
|
required: {
|
|
103
110
|
type: BooleanConstructor;
|
|
104
111
|
default: boolean;
|
|
@@ -118,6 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
118
125
|
default: boolean;
|
|
119
126
|
};
|
|
120
127
|
modelModifiers: {
|
|
128
|
+
type: PropType<Partial<Record<"number" | "trim" | "lazy", true>>>;
|
|
121
129
|
default: () => {
|
|
122
130
|
lazy: boolean;
|
|
123
131
|
};
|
|
@@ -157,9 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
157
165
|
autofocus: boolean;
|
|
158
166
|
labelSize: TJoyLabelSizes;
|
|
159
167
|
requiredMark: boolean;
|
|
160
|
-
modelModifiers:
|
|
161
|
-
lazy: boolean;
|
|
162
|
-
};
|
|
168
|
+
modelModifiers: Partial<Record<"number" | "trim" | "lazy", true>>;
|
|
163
169
|
clearable: boolean;
|
|
164
170
|
readonly: boolean;
|
|
165
171
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
1
|
import { TJoyLabelSizes } from '../JoyLabel/JoyLabel.types';
|
|
3
2
|
export interface Option {
|
|
4
3
|
id: string;
|
|
@@ -15,72 +14,27 @@ export interface Option {
|
|
|
15
14
|
*/
|
|
16
15
|
required?: boolean;
|
|
17
16
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
};
|
|
31
|
-
required: {
|
|
32
|
-
type: BooleanConstructor;
|
|
33
|
-
default: boolean;
|
|
34
|
-
};
|
|
35
|
-
label: StringConstructor;
|
|
36
|
-
labelSize: {
|
|
37
|
-
type: PropType<TJoyLabelSizes>;
|
|
38
|
-
default: string;
|
|
39
|
-
};
|
|
40
|
-
optionalLabel: StringConstructor;
|
|
41
|
-
/** Display the "*" next to the label */
|
|
42
|
-
requiredMark: {
|
|
43
|
-
type: BooleanConstructor;
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
17
|
+
interface MulticheckboxProps {
|
|
18
|
+
options: Option[];
|
|
19
|
+
id?: string;
|
|
20
|
+
/** TODO: better typings */
|
|
21
|
+
value?: any[];
|
|
22
|
+
required?: boolean;
|
|
23
|
+
label?: string;
|
|
24
|
+
labelSize?: TJoyLabelSizes;
|
|
25
|
+
optionalLabel?: string;
|
|
26
|
+
requiredMark?: boolean;
|
|
27
|
+
}
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<MulticheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
47
29
|
"update:value": (value: any[]) => any;
|
|
48
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
49
|
-
/** To render the list of checkboxes you have to use this property. See "Controls" for object model */
|
|
50
|
-
options: {
|
|
51
|
-
type: PropType<Option[]>;
|
|
52
|
-
required: true;
|
|
53
|
-
validator(value: Option[]): boolean;
|
|
54
|
-
};
|
|
55
|
-
id: StringConstructor;
|
|
56
|
-
/** Use it with `v-model:value` */
|
|
57
|
-
value: {
|
|
58
|
-
type: PropType<any[]>;
|
|
59
|
-
default(): never[];
|
|
60
|
-
};
|
|
61
|
-
required: {
|
|
62
|
-
type: BooleanConstructor;
|
|
63
|
-
default: boolean;
|
|
64
|
-
};
|
|
65
|
-
label: StringConstructor;
|
|
66
|
-
labelSize: {
|
|
67
|
-
type: PropType<TJoyLabelSizes>;
|
|
68
|
-
default: string;
|
|
69
|
-
};
|
|
70
|
-
optionalLabel: StringConstructor;
|
|
71
|
-
/** Display the "*" next to the label */
|
|
72
|
-
requiredMark: {
|
|
73
|
-
type: BooleanConstructor;
|
|
74
|
-
default: boolean;
|
|
75
|
-
};
|
|
76
|
-
}>> & Readonly<{
|
|
30
|
+
}, string, import("vue").PublicProps, Readonly<MulticheckboxProps> & Readonly<{
|
|
77
31
|
"onUpdate:value"?: ((value: any[]) => any) | undefined;
|
|
78
32
|
}>, {
|
|
79
33
|
required: boolean;
|
|
80
34
|
value: any[];
|
|
81
35
|
labelSize: TJoyLabelSizes;
|
|
82
36
|
requiredMark: boolean;
|
|
83
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions,
|
|
37
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
|
|
84
38
|
/** Customize the inner content of each checkboxes */
|
|
85
39
|
checkbox?: ((option: Option) => any) | undefined;
|
|
86
40
|
}> & {
|
|
@@ -8,10 +8,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
8
8
|
id: {
|
|
9
9
|
type: StringConstructor;
|
|
10
10
|
};
|
|
11
|
-
invalid: {
|
|
12
|
-
type: BooleanConstructor;
|
|
13
|
-
default: boolean;
|
|
14
|
-
};
|
|
15
11
|
name: {
|
|
16
12
|
type: StringConstructor;
|
|
17
13
|
};
|
|
@@ -44,10 +40,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
44
40
|
id: {
|
|
45
41
|
type: StringConstructor;
|
|
46
42
|
};
|
|
47
|
-
invalid: {
|
|
48
|
-
type: BooleanConstructor;
|
|
49
|
-
default: boolean;
|
|
50
|
-
};
|
|
51
43
|
name: {
|
|
52
44
|
type: StringConstructor;
|
|
53
45
|
};
|
|
@@ -70,7 +62,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
70
62
|
}>> & Readonly<{
|
|
71
63
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
72
64
|
}>, {
|
|
73
|
-
invalid: boolean;
|
|
74
65
|
required: boolean;
|
|
75
66
|
disabled: boolean;
|
|
76
67
|
theme: RadioThemes;
|
|
@@ -1,42 +1,12 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
1
|
import { RadioGroupDirection } from './JoyRadioGroup.types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
default: string;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* Applied to the generated fieldset. Can bind a form ID to your component if you can't include it into the form itself.
|
|
13
|
-
*/
|
|
14
|
-
form: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
};
|
|
17
|
-
name: {
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
};
|
|
20
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
|
-
/**
|
|
22
|
-
* Change the layout
|
|
23
|
-
*/
|
|
24
|
-
direction: {
|
|
25
|
-
type: PropType<RadioGroupDirection>;
|
|
26
|
-
default: string;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* Applied to the generated fieldset. Can bind a form ID to your component if you can't include it into the form itself.
|
|
30
|
-
*/
|
|
31
|
-
form: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
};
|
|
34
|
-
name: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
};
|
|
37
|
-
}>> & Readonly<{}>, {
|
|
2
|
+
export interface RadioGroupProps {
|
|
3
|
+
direction?: RadioGroupDirection;
|
|
4
|
+
form?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
}
|
|
7
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{}>, {
|
|
38
8
|
direction: RadioGroupDirection;
|
|
39
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions,
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
|
|
40
10
|
/** Label of the radio group */
|
|
41
11
|
'radio-group-legend': () => any;
|
|
42
12
|
/** Use it to render the VJoyRadio */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyScreenLoaderColors } from '../JoyScreenLoader/VJoyScreenLoader.types';
|
|
3
3
|
import { TJoyTemplateSidebarSide } from './JoyTemplate.types';
|
|
4
4
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -55,56 +55,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
55
55
|
shapes: boolean;
|
|
56
56
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
57
57
|
/** Slot to inject a "back" button left to the title */
|
|
58
|
-
'template-back': () =>
|
|
59
|
-
[key: string]: any;
|
|
60
|
-
}>[];
|
|
58
|
+
'template-back': () => any;
|
|
61
59
|
/** Main title of the template */
|
|
62
|
-
'template-title': () =>
|
|
63
|
-
[key: string]: any;
|
|
64
|
-
}>[];
|
|
60
|
+
'template-title': () => any;
|
|
65
61
|
/** Not mandatory, subtitle of the component */
|
|
66
|
-
'template-subtitle': () =>
|
|
67
|
-
[key: string]: any;
|
|
68
|
-
}>[];
|
|
62
|
+
'template-subtitle': () => any;
|
|
69
63
|
/** Top right corner, free slot (mostly for CTA) */
|
|
70
|
-
'template-actions': () =>
|
|
71
|
-
[key: string]: any;
|
|
72
|
-
}>[];
|
|
64
|
+
'template-actions': () => any;
|
|
73
65
|
/** Main content section */
|
|
74
|
-
'template-main': () =>
|
|
75
|
-
[key: string]: any;
|
|
76
|
-
}>[];
|
|
66
|
+
'template-main': () => any;
|
|
77
67
|
/** Aside content section */
|
|
78
|
-
'template-sidebar': () =>
|
|
79
|
-
[key: string]: any;
|
|
80
|
-
}>[];
|
|
68
|
+
'template-sidebar': () => any;
|
|
81
69
|
/** Customize the loading state content */
|
|
82
70
|
'template-loader-content': () => any;
|
|
83
71
|
}> & {
|
|
84
72
|
/** Slot to inject a "back" button left to the title */
|
|
85
|
-
'template-back': () =>
|
|
86
|
-
[key: string]: any;
|
|
87
|
-
}>[];
|
|
73
|
+
'template-back': () => any;
|
|
88
74
|
/** Main title of the template */
|
|
89
|
-
'template-title': () =>
|
|
90
|
-
[key: string]: any;
|
|
91
|
-
}>[];
|
|
75
|
+
'template-title': () => any;
|
|
92
76
|
/** Not mandatory, subtitle of the component */
|
|
93
|
-
'template-subtitle': () =>
|
|
94
|
-
[key: string]: any;
|
|
95
|
-
}>[];
|
|
77
|
+
'template-subtitle': () => any;
|
|
96
78
|
/** Top right corner, free slot (mostly for CTA) */
|
|
97
|
-
'template-actions': () =>
|
|
98
|
-
[key: string]: any;
|
|
99
|
-
}>[];
|
|
79
|
+
'template-actions': () => any;
|
|
100
80
|
/** Main content section */
|
|
101
|
-
'template-main': () =>
|
|
102
|
-
[key: string]: any;
|
|
103
|
-
}>[];
|
|
81
|
+
'template-main': () => any;
|
|
104
82
|
/** Aside content section */
|
|
105
|
-
'template-sidebar': () =>
|
|
106
|
-
[key: string]: any;
|
|
107
|
-
}>[];
|
|
83
|
+
'template-sidebar': () => any;
|
|
108
84
|
/** Customize the loading state content */
|
|
109
85
|
'template-loader-content': () => any;
|
|
110
86
|
}>;
|
|
@@ -3,7 +3,7 @@ import { TJoyTextFontPreset } from './JoyText.types';
|
|
|
3
3
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
4
|
/** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
|
|
5
5
|
tagName: {
|
|
6
|
-
type: PropType<number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "
|
|
6
|
+
type: PropType<number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "anchor" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf">;
|
|
7
7
|
default: string;
|
|
8
8
|
};
|
|
9
9
|
/** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight. */
|
|
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
14
14
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
15
|
/** Defines the tag name of the Node you want to create. By default it's a simple P tag. Lowercase only */
|
|
16
16
|
tagName: {
|
|
17
|
-
type: PropType<number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "
|
|
17
|
+
type: PropType<number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "anchor" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf">;
|
|
18
18
|
default: string;
|
|
19
19
|
};
|
|
20
20
|
/** Choose a pre-configured set of CSS rules : font-family, font-size, line-height, font-weight. */
|
|
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
23
23
|
default: string;
|
|
24
24
|
};
|
|
25
25
|
}>> & Readonly<{}>, {
|
|
26
|
-
tagName: number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "
|
|
26
|
+
tagName: number | "trim" | typeof Symbol.iterator | "length" | "concat" | "slice" | "indexOf" | "lastIndexOf" | "includes" | "at" | "toString" | "link" | "search" | "small" | "sub" | "sup" | "big" | "blink" | "strike" | "charAt" | "charCodeAt" | "localeCompare" | "match" | "replace" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "substr" | "codePointAt" | "endsWith" | "normalize" | "repeat" | "startsWith" | "anchor" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "valueOf";
|
|
27
27
|
preset: TJoyTextFontPreset;
|
|
28
28
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
|
|
29
29
|
/** Main content */
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import { ProductColors } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated
|
|
4
|
+
* Secondary will be removed in the next major version, making primary the only possible variant and then, the property obsolete.
|
|
5
|
+
*/
|
|
2
6
|
export type TJoyTooltipVariants = Extract<ProductColors, 'primary' | 'secondary'>;
|
|
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
5
5
|
text: {
|
|
6
6
|
type: StringConstructor;
|
|
7
7
|
};
|
|
8
|
+
/** Deprecated: variant property will be removed in the next major version */
|
|
8
9
|
variant: {
|
|
9
10
|
type: PropType<TJoyTooltipVariants>;
|
|
10
11
|
default: string;
|
|
@@ -47,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
|
|
|
47
48
|
text: {
|
|
48
49
|
type: StringConstructor;
|
|
49
50
|
};
|
|
51
|
+
/** Deprecated: variant property will be removed in the next major version */
|
|
50
52
|
variant: {
|
|
51
53
|
type: PropType<TJoyTooltipVariants>;
|
|
52
54
|
default: string;
|
package/dist/components.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./style-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./style-C-vTPQ74.cjs"),y={install:e=>{typeof window<"u"&&o.createAllSnackbarsContainer(),e.directive("joy-ripple",o.vJoyRipple),e.directive("bind-once",o.BindOnceDirective)}};exports.VJoyAvailability=o.VJoyAvailability;exports.VJoyAvatar=o.VJoyAvatar;exports.VJoyAvatarsList=o.VJoyAvatarsList;exports.VJoyBadge=o.VJoyBadge;exports.VJoyBadgeLevel=o.VJoyBadgeLevel;exports.VJoyBlockSkeleton=o.VJoyBlockSkeleton;exports.VJoyBottomSheet=o.VJoyBottomSheet;exports.VJoyBottomSheetTrigger=o._sfc_main;exports.VJoyButton=o.VJoyButton;exports.VJoyCheckbox=o.VJoyCheckbox;exports.VJoyCollapse=o.VJoyCollapse;exports.VJoyCollapseItem=o.VJoyCollapseItem;exports.VJoyCompanyAvatar=o.VJoyCompanyAvatar;exports.VJoyCounter=o.VJoyCounter;exports.VJoyDialog=o.VJoyDialog;exports.VJoyDialogTrigger=o._sfc_main$1;exports.VJoyDividerCta=o.VJoyDividerCta;exports.VJoyDot=o.VJoyDot;exports.VJoyDrawer=o.VJoyDrawer;exports.VJoyDrawerTrigger=o._sfc_main$2;exports.VJoyDropdown=o.VJoyDropdown;exports.VJoyDropdownList=o.JoyDropdownList;exports.VJoyDropzone=o.VJoyDropzone;exports.VJoyFilterBar=o.VJoyFilterBar;exports.VJoyFilterBarButton=o.VJoyFilterBarButton;exports.VJoyFormError=o.VJoyFormError;exports.VJoyFormFieldSkeleton=o.VJoyFormFieldSkeleton;exports.VJoyFunnel=o.VJoyFunnel;exports.VJoyFunnelFooter=o.VJoyFunnelFooter;exports.VJoyHeader=o.VJoyHeader;exports.VJoyHighlight=o.VJoyHighlight;exports.VJoyIcon=o._sfc_main$3;exports.VJoyIndicator=o.VJoyIndicator;exports.VJoyIndicators=o.VJoyIndicators;exports.VJoyInput=o.VJoyInput;exports.VJoyLabel=o.VJoyLabel;exports.VJoyLink=o.VJoyLink;exports.VJoyListItem=o.VJoyListItem;exports.VJoyMenu=o.VJoyMenu;exports.VJoyMultiCheckbox=o.VJoyMultiCheckbox;exports.VJoyPagination=o.VJoyPagination;exports.VJoyPanel=o.VJoyPanel;exports.VJoyPanelSection=o.VJoyPanelSection;exports.VJoyProductTour=o._sfc_main$4;exports.VJoyProductTourTrigger=o._sfc_main$5;exports.VJoyProgressBar=o.VJoyProgressBar;exports.VJoyRadio=o.VJoyRadio;exports.VJoyRadioGroup=o.VJoyRadioGroup;exports.VJoyRatingStars=o.VJoyRatingStars;exports.VJoyScreenLoader=o.VJoyScreenLoader;exports.VJoySelect=o.VJoySelect;exports.VJoySelectableItem=o.VJoySelectableItem;exports.VJoySelectableItemGroup=o.VJoySelectableItemGroup;exports.VJoySeparator=o.VJoySeparator;exports.VJoySnackbar=o.VJoySnackbar;exports.VJoySpinner=o.VJoySpinner;exports.VJoyStep=o.VJoyStep;exports.VJoyStepper=o.VJoyStepper;exports.VJoyTab=o.VJoyTab;exports.VJoyTabs=o.VJoyTabs;exports.VJoyTag=o.VJoyTag;exports.VJoyTagsInput=o.VJoyTagsInput;exports.VJoyTagsList=o.VJoyTagsList;exports.VJoyTemplate=o.VJoyTemplate;exports.VJoyTemplateShape=o.VJoyTemplateShape;exports.VJoyText=o.VJoyText;exports.VJoyTextarea=o.VJoyTextarea;exports.VJoyToggle=o.VJoyToggle;exports.VJoyTooltip=o.VJoyTooltip;exports.VJoyUserCard=o.VJoyUserCard;exports.VJoyWalkthrough=o.VJoyWalkthrough;exports.VJoyWalkthroughTrigger=o.VJoyWalkthroughTrigger;exports.VJoyWrapper=o.VJoyWrapper;exports.createAllSnackbarsContainer=o.createAllSnackbarsContainer;exports.pushVJoySnackbar=o.pushVJoySnackbar;exports.resetCount=o.resetCount;exports.vJoyRipple=o.vJoyRipple;exports.JoyVueLightPlugin=y;
|
package/dist/components.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { aj as o, ak as s, al as e } from "./style-
|
|
2
|
-
import { V as t, a as i, b as n, c as l, d as g, e as p, f as c, _ as d, g as u, h as S, i as T, j as m, k as h, l as b, m as k, n as B, o as v, p as C, q as D, r as I, s as L, J as F, t as P, u as f, v as w, w as x, x as A, y as R, z as W, A as j, B as G, C as H, D as M, E as z, F as E, G as O, H as U, I as q, K, L as N, M as Q, N as X, O as Y, P as Z, Q as _, R as $, S as aa, T as oa, U as sa, W as ea, X as ya, Y as Ja, Z as Va, $ as ra, a0 as ta, a1 as ia, a2 as na, a3 as la, a4 as ga, a5 as pa, a6 as ca, a7 as da, a8 as ua, a9 as Sa, aa as Ta, ab as ma, ac as ha, ad as ba, ae as ka, af as Ba, ag as va, ah as Ca, ai as Da, am as Ia, an as La } from "./style-
|
|
1
|
+
import { aj as o, ak as s, al as e } from "./style-DDAU_L91.js";
|
|
2
|
+
import { V as t, a as i, b as n, c as l, d as g, e as p, f as c, _ as d, g as u, h as S, i as T, j as m, k as h, l as b, m as k, n as B, o as v, p as C, q as D, r as I, s as L, J as F, t as P, u as f, v as w, w as x, x as A, y as R, z as W, A as j, B as G, C as H, D as M, E as z, F as E, G as O, H as U, I as q, K, L as N, M as Q, N as X, O as Y, P as Z, Q as _, R as $, S as aa, T as oa, U as sa, W as ea, X as ya, Y as Ja, Z as Va, $ as ra, a0 as ta, a1 as ia, a2 as na, a3 as la, a4 as ga, a5 as pa, a6 as ca, a7 as da, a8 as ua, a9 as Sa, aa as Ta, ab as ma, ac as ha, ad as ba, ae as ka, af as Ba, ag as va, ah as Ca, ai as Da, am as Ia, an as La } from "./style-DDAU_L91.js";
|
|
3
3
|
const J = {
|
|
4
4
|
install: (a) => {
|
|
5
5
|
typeof window < "u" && o(), a.directive("joy-ripple", s), a.directive("bind-once", e);
|