@maltjoy/core-vue 3.17.2 → 3.19.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/JoyBottomSheet/JoyBottomSheet.types.d.ts +3 -0
- package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +73 -0
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +322 -0
- package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +235 -0
- package/dist/components/JoyCollapseItem/JoyCollapseItem.types.d.ts +3 -0
- package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +59 -0
- package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +2 -2
- package/dist/components/JoyDialog/JoyDialog.types.d.ts +5 -0
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +144 -0
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +463 -0
- package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +7 -0
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +124 -0
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +435 -0
- package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +4 -4
- package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +2 -2
- package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +1 -1
- package/dist/components/JoySelect/VJoySelect.vue.d.ts +1 -1
- package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +19 -0
- package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +96 -0
- package/dist/components/JoySnackbar/VJoySnackbarService.d.ts +25 -0
- package/dist/components/JoySnackbar/index.d.ts +1 -0
- package/dist/components/JoyTab/TabButton.vue.d.ts +2 -2
- package/dist/components/JoyTag/VJoyTag.vue.d.ts +0 -2
- package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +25 -3
- package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +1 -1
- package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +2 -2
- package/dist/components/components.types.d.ts +4 -0
- package/dist/components/index.d.ts +10 -1
- package/dist/components/main.d.ts +5 -2
- package/dist/events/bus.d.ts +3 -0
- package/dist/events/index.d.ts +1 -0
- package/dist/helpers/index.d.ts +9 -0
- package/dist/joy-vue.js +3969 -2313
- package/dist/joy-vue.umd.cjs +16 -1
- package/dist/style.css +1 -1
- package/index.d.ts +1 -1
- package/joy-components.d.ts +9 -0
- package/package.json +10 -4
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare function onToggle(): void;
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
|
+
header: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
required: true;
|
|
7
|
+
};
|
|
8
|
+
open: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
summaryIcon: {
|
|
13
|
+
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
14
|
+
};
|
|
15
|
+
id: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
};
|
|
18
|
+
}, {
|
|
19
|
+
isOpen: import("vue").Ref<boolean>;
|
|
20
|
+
onToggle: typeof onToggle;
|
|
21
|
+
props: {
|
|
22
|
+
readonly header: string;
|
|
23
|
+
readonly open: boolean;
|
|
24
|
+
readonly id?: string | undefined;
|
|
25
|
+
readonly summaryIcon?: import("@maltjoy/icons").JoyIconsId | undefined;
|
|
26
|
+
};
|
|
27
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
28
|
+
"collapse-item:open": () => void;
|
|
29
|
+
"collapse-item:close": () => void;
|
|
30
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
|
+
header: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
open: {
|
|
36
|
+
type: BooleanConstructor;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
summaryIcon: {
|
|
40
|
+
type: PropType<import("@maltjoy/icons").JoyIconsId>;
|
|
41
|
+
};
|
|
42
|
+
id: {
|
|
43
|
+
type: StringConstructor;
|
|
44
|
+
};
|
|
45
|
+
}>> & {
|
|
46
|
+
"onCollapse-item:open"?: (() => any) | undefined;
|
|
47
|
+
"onCollapse-item:close"?: (() => any) | undefined;
|
|
48
|
+
}, {
|
|
49
|
+
open: boolean;
|
|
50
|
+
}, {}>, Readonly<{
|
|
51
|
+
default: () => any;
|
|
52
|
+
'collapse-header-right'?: (() => any) | undefined;
|
|
53
|
+
}>>;
|
|
54
|
+
export default _default;
|
|
55
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
56
|
+
new (): {
|
|
57
|
+
$slots: S;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
@@ -66,10 +66,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
66
66
|
readonly required: boolean;
|
|
67
67
|
readonly disabled: boolean;
|
|
68
68
|
readonly invalid: boolean;
|
|
69
|
+
readonly modelValue: number;
|
|
69
70
|
readonly labelSize: "small" | "large" | "medium";
|
|
70
71
|
readonly requiredMark: boolean;
|
|
71
72
|
readonly min: number;
|
|
72
|
-
readonly modelValue: number;
|
|
73
73
|
readonly step: number;
|
|
74
74
|
readonly label?: string | undefined;
|
|
75
75
|
readonly name?: string | undefined;
|
|
@@ -150,10 +150,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
150
150
|
required: boolean;
|
|
151
151
|
disabled: boolean;
|
|
152
152
|
invalid: boolean;
|
|
153
|
+
modelValue: number;
|
|
153
154
|
labelSize: "small" | "large" | "medium";
|
|
154
155
|
requiredMark: boolean;
|
|
155
156
|
min: number;
|
|
156
|
-
modelValue: number;
|
|
157
157
|
step: number;
|
|
158
158
|
}, {}>, {
|
|
159
159
|
default?(_: {}): any;
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
|
|
3
|
+
import { IDialogOpenOption } from './JoyDialog.types';
|
|
4
|
+
declare function hideOverlay(): Promise<void>;
|
|
5
|
+
declare function openOverlay(options?: IDialogOpenOption): Promise<void>;
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
|
+
/** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
|
|
8
|
+
focusTrap: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
/** By default the dialog is teleported to the end of body tag */
|
|
13
|
+
teleport: {
|
|
14
|
+
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
open: {
|
|
18
|
+
type: BooleanConstructor;
|
|
19
|
+
default: boolean;
|
|
20
|
+
};
|
|
21
|
+
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
22
|
+
closeLabel: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
/** Display the dialog without the top right icon to close it.
|
|
27
|
+
* Click on backdrop is disabled and pressing Escape does not trigger anything.
|
|
28
|
+
*/
|
|
29
|
+
patternConfirm: {
|
|
30
|
+
type: BooleanConstructor;
|
|
31
|
+
default: boolean;
|
|
32
|
+
};
|
|
33
|
+
/** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
|
|
34
|
+
cancelText: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
};
|
|
37
|
+
/** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
|
|
38
|
+
confirmText: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
};
|
|
41
|
+
buttonSize: {
|
|
42
|
+
type: PropType<TJoyButtonSizes>;
|
|
43
|
+
default: string;
|
|
44
|
+
};
|
|
45
|
+
/** Link to inject an image on top of the dialog */
|
|
46
|
+
bannerSrc: {
|
|
47
|
+
type: StringConstructor;
|
|
48
|
+
};
|
|
49
|
+
/** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
|
|
50
|
+
bannerPosition: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
};
|
|
53
|
+
bannerHeight: {
|
|
54
|
+
type: NumberConstructor;
|
|
55
|
+
default: number;
|
|
56
|
+
};
|
|
57
|
+
}, {
|
|
58
|
+
openOverlay: typeof openOverlay;
|
|
59
|
+
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
60
|
+
hideOverlay: typeof hideOverlay;
|
|
61
|
+
isOpen: import("vue").Ref<boolean>;
|
|
62
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
63
|
+
"dialog:open": () => void;
|
|
64
|
+
"dialog:after-open": () => void;
|
|
65
|
+
"dialog:hide": () => void;
|
|
66
|
+
"dialog:after-hide": () => void;
|
|
67
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
68
|
+
/** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
|
|
69
|
+
focusTrap: {
|
|
70
|
+
type: BooleanConstructor;
|
|
71
|
+
default: boolean;
|
|
72
|
+
};
|
|
73
|
+
/** By default the dialog is teleported to the end of body tag */
|
|
74
|
+
teleport: {
|
|
75
|
+
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
76
|
+
default: string;
|
|
77
|
+
};
|
|
78
|
+
open: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
default: boolean;
|
|
81
|
+
};
|
|
82
|
+
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
83
|
+
closeLabel: {
|
|
84
|
+
type: StringConstructor;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
/** Display the dialog without the top right icon to close it.
|
|
88
|
+
* Click on backdrop is disabled and pressing Escape does not trigger anything.
|
|
89
|
+
*/
|
|
90
|
+
patternConfirm: {
|
|
91
|
+
type: BooleanConstructor;
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
94
|
+
/** Use this property to directly create a cancel CTA (VJoyButton), if you don't need to customize the CTA. */
|
|
95
|
+
cancelText: {
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
};
|
|
98
|
+
/** Use this property to directly create a confirm CTA (VJoyButton), if you don't need to customize the CTA. */
|
|
99
|
+
confirmText: {
|
|
100
|
+
type: StringConstructor;
|
|
101
|
+
};
|
|
102
|
+
buttonSize: {
|
|
103
|
+
type: PropType<TJoyButtonSizes>;
|
|
104
|
+
default: string;
|
|
105
|
+
};
|
|
106
|
+
/** Link to inject an image on top of the dialog */
|
|
107
|
+
bannerSrc: {
|
|
108
|
+
type: StringConstructor;
|
|
109
|
+
};
|
|
110
|
+
/** Based on CSS propetty background-position. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position */
|
|
111
|
+
bannerPosition: {
|
|
112
|
+
type: StringConstructor;
|
|
113
|
+
};
|
|
114
|
+
bannerHeight: {
|
|
115
|
+
type: NumberConstructor;
|
|
116
|
+
default: number;
|
|
117
|
+
};
|
|
118
|
+
}>> & {
|
|
119
|
+
"onDialog:open"?: (() => any) | undefined;
|
|
120
|
+
"onDialog:after-open"?: (() => any) | undefined;
|
|
121
|
+
"onDialog:hide"?: (() => any) | undefined;
|
|
122
|
+
"onDialog:after-hide"?: (() => any) | undefined;
|
|
123
|
+
}, {
|
|
124
|
+
closeLabel: string;
|
|
125
|
+
open: boolean;
|
|
126
|
+
teleport: string | import("vue").RendererElement | null | undefined;
|
|
127
|
+
focusTrap: boolean;
|
|
128
|
+
patternConfirm: boolean;
|
|
129
|
+
buttonSize: TJoyButtonSizes;
|
|
130
|
+
bannerHeight: number;
|
|
131
|
+
}, {}>, {
|
|
132
|
+
"dialog-header"?(_: {}): any;
|
|
133
|
+
"dialog-subheader"?(_: {}): any;
|
|
134
|
+
"dialog-body"?(_: {}): any;
|
|
135
|
+
"dialog-cancel"?(_: {}): any;
|
|
136
|
+
"dialog-confirm"?(_: {}): any;
|
|
137
|
+
"dialog-indicators"?(_: {}): any;
|
|
138
|
+
}>;
|
|
139
|
+
export default _default;
|
|
140
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
141
|
+
new (): {
|
|
142
|
+
$slots: S;
|
|
143
|
+
};
|
|
144
|
+
};
|