@maltjoy/core-vue 3.12.0 → 3.14.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/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +31 -7
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +29 -9
- package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +13 -0
- package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +31 -0
- package/dist/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue.d.ts +41 -0
- package/dist/components/JoyPagination/PaginationIcon.vue.d.ts +31 -0
- package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +69 -0
- package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +3 -0
- package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +54 -0
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +2 -0
- package/dist/components/JoyTab/TabButton.vue.d.ts +73 -0
- package/dist/components/JoyTab/VJoyTab.vue.d.ts +55 -0
- package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +23 -0
- package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +9 -0
- package/dist/components/JoyTemplateShape/VJoyTemplateShape.vue.d.ts +2 -0
- package/dist/components/components.types.d.ts +1 -0
- package/dist/components/index.d.ts +9 -1
- package/dist/joy-vue.js +1658 -1151
- package/dist/joy-vue.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/dist/tests/__utils__/index.d.ts +1 -0
- package/dist/types/index.d.ts +2 -0
- package/joy-components.d.ts +8 -0
- package/package.json +19 -17
|
@@ -60,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
60
60
|
default: string;
|
|
61
61
|
validator(size: DropdownListSizes): boolean;
|
|
62
62
|
};
|
|
63
|
+
/** Use v-model */
|
|
63
64
|
modelValue: {
|
|
64
65
|
type: StringConstructor;
|
|
65
66
|
default: string;
|
|
@@ -85,21 +86,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
85
86
|
type: StringConstructor;
|
|
86
87
|
default: string;
|
|
87
88
|
};
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
89
|
+
/**
|
|
90
|
+
* Display a reset CTA on top of the dropdown list. Useful when using a VJoyMultiCheckbox.
|
|
91
|
+
* Please note that is does not automatically apply changes to you models, it simply fires a **dropdown:reset** custom event
|
|
92
|
+
* */
|
|
93
|
+
reset: {
|
|
94
|
+
type: BooleanConstructor;
|
|
95
|
+
default: boolean;
|
|
95
96
|
};
|
|
97
|
+
/** Label of the reset CTA. Depends on reset property activation */
|
|
98
|
+
resetLabel: {
|
|
99
|
+
type: StringConstructor;
|
|
100
|
+
};
|
|
101
|
+
}, {
|
|
96
102
|
showDropdownList: import("vue").Ref<boolean>;
|
|
103
|
+
generatedId: string;
|
|
97
104
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
98
105
|
"update:modelValue": (value: string | undefined) => void;
|
|
99
106
|
} & {
|
|
100
107
|
"dropdown:open": () => void;
|
|
101
108
|
} & {
|
|
102
109
|
"dropdown:hide": () => void;
|
|
110
|
+
} & {
|
|
111
|
+
"dropdown:reset": () => void;
|
|
103
112
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
104
113
|
/** DOM valid selector to give to Vue3 Teleport "to" property */
|
|
105
114
|
appendTo: {
|
|
@@ -145,6 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
145
154
|
default: string;
|
|
146
155
|
validator(size: DropdownListSizes): boolean;
|
|
147
156
|
};
|
|
157
|
+
/** Use v-model */
|
|
148
158
|
modelValue: {
|
|
149
159
|
type: StringConstructor;
|
|
150
160
|
default: string;
|
|
@@ -170,13 +180,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
170
180
|
type: StringConstructor;
|
|
171
181
|
default: string;
|
|
172
182
|
};
|
|
183
|
+
/**
|
|
184
|
+
* Display a reset CTA on top of the dropdown list. Useful when using a VJoyMultiCheckbox.
|
|
185
|
+
* Please note that is does not automatically apply changes to you models, it simply fires a **dropdown:reset** custom event
|
|
186
|
+
* */
|
|
187
|
+
reset: {
|
|
188
|
+
type: BooleanConstructor;
|
|
189
|
+
default: boolean;
|
|
190
|
+
};
|
|
191
|
+
/** Label of the reset CTA. Depends on reset property activation */
|
|
192
|
+
resetLabel: {
|
|
193
|
+
type: StringConstructor;
|
|
194
|
+
};
|
|
173
195
|
}>> & {
|
|
174
196
|
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
175
197
|
"onDropdown:open"?: (() => any) | undefined;
|
|
176
198
|
"onDropdown:hide"?: (() => any) | undefined;
|
|
199
|
+
"onDropdown:reset"?: (() => any) | undefined;
|
|
177
200
|
}, {
|
|
178
201
|
size: DropdownListSizes;
|
|
179
202
|
modelValue: string;
|
|
203
|
+
reset: boolean;
|
|
180
204
|
options: Option[];
|
|
181
205
|
width: string;
|
|
182
206
|
height: string;
|
|
@@ -41,13 +41,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
41
41
|
type: StringConstructor;
|
|
42
42
|
default: string;
|
|
43
43
|
};
|
|
44
|
+
reset: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
default: boolean;
|
|
47
|
+
};
|
|
48
|
+
resetLabel: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
};
|
|
51
|
+
ariaLabelledBy: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
};
|
|
54
|
+
ariaLabel: {
|
|
55
|
+
type: StringConstructor;
|
|
56
|
+
};
|
|
44
57
|
}, {
|
|
45
58
|
isSelected: import("vue").ComputedRef<(option: Option) => boolean>;
|
|
46
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
47
|
-
"update:modelValue": (value: string | undefined) => void;
|
|
48
|
-
} & {
|
|
49
|
-
"close:dropdownList": () => void;
|
|
50
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
59
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
51
60
|
/**
|
|
52
61
|
* In order to make it work with v-model, you need to pass for each option, a value or an ID.
|
|
53
62
|
*/
|
|
@@ -73,11 +82,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
73
82
|
type: StringConstructor;
|
|
74
83
|
default: string;
|
|
75
84
|
};
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
85
|
+
reset: {
|
|
86
|
+
type: BooleanConstructor;
|
|
87
|
+
default: boolean;
|
|
88
|
+
};
|
|
89
|
+
resetLabel: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
};
|
|
92
|
+
ariaLabelledBy: {
|
|
93
|
+
type: StringConstructor;
|
|
94
|
+
};
|
|
95
|
+
ariaLabel: {
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
};
|
|
98
|
+
}>>, {
|
|
80
99
|
size: DropdownListSizes;
|
|
100
|
+
reset: boolean;
|
|
81
101
|
options: Option[];
|
|
82
102
|
width: string;
|
|
83
103
|
height: string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
ariaLabel: StringConstructor;
|
|
3
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
4
|
+
ariaLabel: StringConstructor;
|
|
5
|
+
}>>, {}, {}>, {
|
|
6
|
+
default: (_: {}) => any;
|
|
7
|
+
}>;
|
|
8
|
+
export default _default;
|
|
9
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
+
new (): {
|
|
11
|
+
$slots: S;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
label: StringConstructor;
|
|
3
|
+
value: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
required: true;
|
|
6
|
+
};
|
|
7
|
+
active: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
|
+
label: StringConstructor;
|
|
13
|
+
value: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
active: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
}>>, {
|
|
22
|
+
active: boolean;
|
|
23
|
+
}, {}>, {
|
|
24
|
+
default: (_: {}) => any;
|
|
25
|
+
}>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { FormSizes } from '@/types';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
/** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
|
|
5
|
+
size: {
|
|
6
|
+
type: PropType<FormSizes>;
|
|
7
|
+
default: string;
|
|
8
|
+
};
|
|
9
|
+
width: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
};
|
|
12
|
+
/** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
|
|
13
|
+
* Use flex property to spread your items horizontally, by default they will all have the same width.
|
|
14
|
+
*/
|
|
15
|
+
flex: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}, {
|
|
20
|
+
flexStyle: import("vue").ComputedRef<string>;
|
|
21
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
22
|
+
/** In some cases you'll need to inject the error in the DOM but hide it. Visible by default */
|
|
23
|
+
size: {
|
|
24
|
+
type: PropType<FormSizes>;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
width: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
};
|
|
30
|
+
/** The component is aimed to be used with a VJoyWrapper to quickly create skeleton layouts.
|
|
31
|
+
* Use flex property to spread your items horizontally, by default they will all have the same width.
|
|
32
|
+
*/
|
|
33
|
+
flex: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
}>>, {
|
|
38
|
+
size: FormSizes;
|
|
39
|
+
flex: string;
|
|
40
|
+
}, {}>;
|
|
41
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
label: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: false;
|
|
5
|
+
};
|
|
6
|
+
next: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
14
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
label: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
required: false;
|
|
18
|
+
};
|
|
19
|
+
next: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
disabled: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
27
|
+
}>>, {
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
next: boolean;
|
|
30
|
+
}, {}>;
|
|
31
|
+
export default _default;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
/** Current page number */
|
|
3
|
+
currentPage: {
|
|
4
|
+
type: NumberConstructor;
|
|
5
|
+
default: number;
|
|
6
|
+
};
|
|
7
|
+
/** Total number of pages in order to construct the pagination */
|
|
8
|
+
totalPages: {
|
|
9
|
+
type: NumberConstructor;
|
|
10
|
+
default: number;
|
|
11
|
+
};
|
|
12
|
+
/** Can be used as aria-label attribute for the full component */
|
|
13
|
+
labelPagination: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: false;
|
|
16
|
+
};
|
|
17
|
+
/** Can be used as title and aria-label attributes for the previous CTA */
|
|
18
|
+
labelPrev: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
required: false;
|
|
21
|
+
};
|
|
22
|
+
/** Can be used as title and aria-label attributes for the next CTA */
|
|
23
|
+
labelNext: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
required: false;
|
|
26
|
+
};
|
|
27
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
28
|
+
"update:current-page": (value: number) => void;
|
|
29
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
30
|
+
/** Current page number */
|
|
31
|
+
currentPage: {
|
|
32
|
+
type: NumberConstructor;
|
|
33
|
+
default: number;
|
|
34
|
+
};
|
|
35
|
+
/** Total number of pages in order to construct the pagination */
|
|
36
|
+
totalPages: {
|
|
37
|
+
type: NumberConstructor;
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
/** Can be used as aria-label attribute for the full component */
|
|
41
|
+
labelPagination: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
required: false;
|
|
44
|
+
};
|
|
45
|
+
/** Can be used as title and aria-label attributes for the previous CTA */
|
|
46
|
+
labelPrev: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
required: false;
|
|
49
|
+
};
|
|
50
|
+
/** Can be used as title and aria-label attributes for the next CTA */
|
|
51
|
+
labelNext: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
required: false;
|
|
54
|
+
};
|
|
55
|
+
}>> & {
|
|
56
|
+
"onUpdate:current-page"?: ((value: number) => any) | undefined;
|
|
57
|
+
}, {
|
|
58
|
+
currentPage: number;
|
|
59
|
+
totalPages: number;
|
|
60
|
+
}, {}>, {
|
|
61
|
+
'pagination-prev': (_: {}) => any;
|
|
62
|
+
'pagination-next': (_: {}) => any;
|
|
63
|
+
}>;
|
|
64
|
+
export default _default;
|
|
65
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
66
|
+
new (): {
|
|
67
|
+
$slots: S;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
color: {
|
|
4
|
+
type: PropType<"primary" | "secondary">;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Total number of steps.
|
|
9
|
+
*/
|
|
10
|
+
steps: {
|
|
11
|
+
type: NumberConstructor;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Current step number.
|
|
15
|
+
*/
|
|
16
|
+
currentStep: {
|
|
17
|
+
type: NumberConstructor;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Progress bar percentage, percentage usage will override steps & currentStep definition.
|
|
21
|
+
*/
|
|
22
|
+
percentage: {
|
|
23
|
+
type: NumberConstructor;
|
|
24
|
+
};
|
|
25
|
+
}, {
|
|
26
|
+
computeInnerWidth: import("vue").ComputedRef<string>;
|
|
27
|
+
computedPercentage: import("vue").Ref<number>;
|
|
28
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
29
|
+
color: {
|
|
30
|
+
type: PropType<"primary" | "secondary">;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* Total number of steps.
|
|
35
|
+
*/
|
|
36
|
+
steps: {
|
|
37
|
+
type: NumberConstructor;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Current step number.
|
|
41
|
+
*/
|
|
42
|
+
currentStep: {
|
|
43
|
+
type: NumberConstructor;
|
|
44
|
+
};
|
|
45
|
+
/**
|
|
46
|
+
* Progress bar percentage, percentage usage will override steps & currentStep definition.
|
|
47
|
+
*/
|
|
48
|
+
percentage: {
|
|
49
|
+
type: NumberConstructor;
|
|
50
|
+
};
|
|
51
|
+
}>>, {
|
|
52
|
+
color: "primary" | "secondary";
|
|
53
|
+
}, {}>;
|
|
54
|
+
export default _default;
|
|
@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
28
28
|
type: BooleanConstructor;
|
|
29
29
|
default: boolean;
|
|
30
30
|
};
|
|
31
|
+
/** Made to use the built-in v-model */
|
|
31
32
|
modelValue: {
|
|
32
33
|
type: (StringConstructor | NumberConstructor)[];
|
|
33
34
|
};
|
|
@@ -65,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
65
66
|
type: BooleanConstructor;
|
|
66
67
|
default: boolean;
|
|
67
68
|
};
|
|
69
|
+
/** Made to use the built-in v-model */
|
|
68
70
|
modelValue: {
|
|
69
71
|
type: (StringConstructor | NumberConstructor)[];
|
|
70
72
|
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* Boolean to change style if tabButton is selected
|
|
4
|
+
*/
|
|
5
|
+
selected: {
|
|
6
|
+
type: BooleanConstructor;
|
|
7
|
+
default: boolean;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Id of the tab, used for aria prop
|
|
11
|
+
*/
|
|
12
|
+
tab: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
required: true;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Href props to send to a link. If filled, it replaces the default comportment
|
|
18
|
+
*/
|
|
19
|
+
href: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
required: false;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* Label of the button. If filled, it replaces the default slot
|
|
25
|
+
*/
|
|
26
|
+
label: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
required: false;
|
|
29
|
+
};
|
|
30
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
changeTab: () => void;
|
|
32
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
/**
|
|
34
|
+
* Boolean to change style if tabButton is selected
|
|
35
|
+
*/
|
|
36
|
+
selected: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* Id of the tab, used for aria prop
|
|
42
|
+
*/
|
|
43
|
+
tab: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
required: true;
|
|
46
|
+
};
|
|
47
|
+
/**
|
|
48
|
+
* Href props to send to a link. If filled, it replaces the default comportment
|
|
49
|
+
*/
|
|
50
|
+
href: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
required: false;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Label of the button. If filled, it replaces the default slot
|
|
56
|
+
*/
|
|
57
|
+
label: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
required: false;
|
|
60
|
+
};
|
|
61
|
+
}>> & {
|
|
62
|
+
onChangeTab?: (() => any) | undefined;
|
|
63
|
+
}, {
|
|
64
|
+
selected: boolean;
|
|
65
|
+
}, {}>, {
|
|
66
|
+
default: (_: {}) => any;
|
|
67
|
+
}>;
|
|
68
|
+
export default _default;
|
|
69
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
70
|
+
new (): {
|
|
71
|
+
$slots: S;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
/**
|
|
3
|
+
* A tab id or name must be provided for each `joy-tab`. It's used internally to reference
|
|
4
|
+
* the selected tab
|
|
5
|
+
*/
|
|
6
|
+
tab: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
required: true;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* The title given to the button
|
|
12
|
+
*/
|
|
13
|
+
label: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
required: true;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Allow to have a link on the button. When clicking on the button, you will be redirected to the target of the URL.
|
|
19
|
+
*/
|
|
20
|
+
href: {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
required: false;
|
|
23
|
+
};
|
|
24
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
/**
|
|
26
|
+
* A tab id or name must be provided for each `joy-tab`. It's used internally to reference
|
|
27
|
+
* the selected tab
|
|
28
|
+
*/
|
|
29
|
+
tab: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
required: true;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* The title given to the button
|
|
35
|
+
*/
|
|
36
|
+
label: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
required: true;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* Allow to have a link on the button. When clicking on the button, you will be redirected to the target of the URL.
|
|
42
|
+
*/
|
|
43
|
+
href: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
required: false;
|
|
46
|
+
};
|
|
47
|
+
}>>, {}, {}>, {
|
|
48
|
+
default: (_: {}) => any;
|
|
49
|
+
}>;
|
|
50
|
+
export default _default;
|
|
51
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
52
|
+
new (): {
|
|
53
|
+
$slots: S;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
|
+
/** Use this prop to activate a specific tab by default by giving its name */
|
|
3
|
+
selectedTab: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
};
|
|
6
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
"update:selected-tab": (value: string) => void;
|
|
8
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
|
+
/** Use this prop to activate a specific tab by default by giving its name */
|
|
10
|
+
selectedTab: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
};
|
|
13
|
+
}>> & {
|
|
14
|
+
"onUpdate:selected-tab"?: ((value: string) => any) | undefined;
|
|
15
|
+
}, {}, {}>, {
|
|
16
|
+
default: (_: {}) => any;
|
|
17
|
+
}>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -16,6 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
type: PropType<"dark" | "light">;
|
|
17
17
|
default: string;
|
|
18
18
|
};
|
|
19
|
+
shapes: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
19
23
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
20
24
|
full: {
|
|
21
25
|
type: BooleanConstructor;
|
|
@@ -33,11 +37,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
33
37
|
type: PropType<"dark" | "light">;
|
|
34
38
|
default: string;
|
|
35
39
|
};
|
|
40
|
+
shapes: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
36
44
|
}>>, {
|
|
37
45
|
loading: boolean;
|
|
38
46
|
loadingColor: "dark" | "light";
|
|
39
47
|
full: boolean;
|
|
40
48
|
sidebar: "left" | "right";
|
|
49
|
+
shapes: boolean;
|
|
41
50
|
}, {}>, {
|
|
42
51
|
'template-back': (_: {}) => any;
|
|
43
52
|
'template-title': (_: {}) => any;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -14,6 +14,7 @@ export * from './JoyLabel/JoyLabel.types';
|
|
|
14
14
|
export * from './JoyLink/JoyLink.types';
|
|
15
15
|
export * from './JoyLink/JoyLink.types';
|
|
16
16
|
export * from './JoyPanel/JoyPanel.types';
|
|
17
|
+
export * from './JoyProgressBar/JoyProgressBar.types';
|
|
17
18
|
export * from './JoyRadio/JoyRadio.types';
|
|
18
19
|
export * from './JoyRadioGroup/JoyRadioGroup.types';
|
|
19
20
|
export * from './JoyScreenLoader/VJoyScreenLoader.types';
|
|
@@ -10,15 +10,20 @@ import VJoyCounter from '@/components/JoyCounter/VJoyCounter.vue';
|
|
|
10
10
|
import VJoyDividerCta from '@/components/JoyDividerCta/VJoyDividerCta.vue';
|
|
11
11
|
import VJoyDropdown from '@/components/JoyDropdown/VJoyDropdown.vue';
|
|
12
12
|
import VJoyDropdownList from '@/components/JoyDropdownList/VJoyDropdownList.vue';
|
|
13
|
+
import VJoyFilterBar from '@/components/JoyFilterBar/VJoyFilterBar.vue';
|
|
14
|
+
import VJoyFilterBarButton from '@/components/JoyFilterBarButton/VJoyFilterBarButton.vue';
|
|
13
15
|
import VJoyFormError from '@/components/JoyFormError/VJoyFormError.vue';
|
|
16
|
+
import VJoyFormFieldSkeleton from '@/components/JoyFormFieldSkeleton/VJoyFormFieldSkeleton.vue';
|
|
14
17
|
import VJoyHighlight from '@/components/JoyHighlight/VJoyHighlight.vue';
|
|
15
18
|
import VJoyIcon from '@/components/JoyIcon/VJoyIcon.vue';
|
|
16
19
|
import VJoyInput from '@/components/JoyInput/VJoyInput.vue';
|
|
17
20
|
import VJoyLabel from '@/components/JoyLabel/VJoyLabel.vue';
|
|
18
21
|
import VJoyLink from '@/components/JoyLink/VJoyLink.vue';
|
|
19
22
|
import VJoyMultiCheckbox from '@/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue';
|
|
23
|
+
import VJoyPagination from '@/components/JoyPagination/VJoyPagination.vue';
|
|
20
24
|
import VJoyPanel from '@/components/JoyPanel/VJoyPanel.vue';
|
|
21
25
|
import VJoyPanelSection from '@/components/JoyPanelSection/VJoyPanelSection.vue';
|
|
26
|
+
import VJoyProgressBar from '@/components/JoyProgressBar/VJoyProgressBar.vue';
|
|
22
27
|
import VJoyRadio from '@/components/JoyRadio/VJoyRadio.vue';
|
|
23
28
|
import VJoyRadioGroup from '@/components/JoyRadioGroup/VJoyRadioGroup.vue';
|
|
24
29
|
import VJoyRatingStars from '@/components/JoyRatingStars/VJoyRatingStars.vue';
|
|
@@ -29,9 +34,12 @@ import VJoySelectableItemGroup from '@/components/JoySelectableItemGroup/VJoySel
|
|
|
29
34
|
import VJoySeparator from '@/components/JoySeparator/VJoySeparator.vue';
|
|
30
35
|
import VJoySpinner from '@/components/JoySpinner/VJoySpinner.vue';
|
|
31
36
|
import VJoyWrapper from '@/components/JoyWrapper/VJoyWrapper.vue';
|
|
37
|
+
import VJoyTabs from '@/components/JoyTabs/VJoyTabs.vue';
|
|
38
|
+
import VJoyTab from '@/components/JoyTab/VJoyTab.vue';
|
|
32
39
|
import VJoyTag from '@/components/JoyTag/VJoyTag.vue';
|
|
33
40
|
import VJoyTagsList from '@/components/JoyTagsList/VJoyTagsList.vue';
|
|
34
41
|
import VJoyTemplate from '@/components/JoyTemplate/VJoyTemplate.vue';
|
|
42
|
+
import VJoyTemplateShape from '@/components/JoyTemplateShape/VJoyTemplateShape.vue';
|
|
35
43
|
import VJoyTextarea from '@/components/JoyTextarea/VJoyTextarea.vue';
|
|
36
44
|
import VJoyToggle from '@/components/JoyToggle/VJoyToggle.vue';
|
|
37
|
-
export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFormError, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPanel, VJoyPanelSection, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTextarea, VJoyToggle, VJoyWrapper, };
|
|
45
|
+
export { VJoyAvailability, VJoyAvatar, VJoyAvatarsList, VJoyBadge, VJoyBadgeLevel, VJoyButton, VJoyCheckbox, VJoyCompanyAvatar, VJoyCounter, VJoyDividerCta, VJoyDropdown, VJoyDropdownList, VJoyFilterBar, VJoyFilterBarButton, VJoyFormError, VJoyFormFieldSkeleton, VJoyHighlight, VJoyIcon, VJoyInput, VJoyLabel, VJoyLink, VJoyMultiCheckbox, VJoyPagination, VJoyPanel, VJoyPanelSection, VJoyProgressBar, VJoyRadio, VJoyRadioGroup, VJoyRatingStars, VJoyScreenLoader, VJoySelect, VJoySelectableItem, VJoySelectableItemGroup, VJoySeparator, VJoySpinner, VJoyTabs, VJoyTab, VJoyTag, VJoyTagsList, VJoyTemplate, VJoyTemplateShape, VJoyTextarea, VJoyToggle, VJoyWrapper, };
|