@maltjoy/core-vue 3.19.0 → 3.19.1
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/VJoyBottomSheet.vue.d.ts +19 -8
- package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +28 -15
- package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +19 -5
- package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +28 -8
- package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +0 -5
- package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +25 -5
- package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +28 -8
- package/dist/components/JoyTooltip/VJoyTooltip.vue.d.ts +1 -1
- package/dist/components/components.types.d.ts +0 -2
- package/dist/joy-vue.js +488 -465
- package/dist/joy-vue.umd.cjs +4 -4
- package/dist/style.css +1 -1
- package/package.json +5 -5
- package/dist/components/JoyBottomSheet/JoyBottomSheet.types.d.ts +0 -3
- package/dist/components/JoyDialog/JoyDialog.types.d.ts +0 -5
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
-
import { IJoyBottomSheetOpenOptions } from './JoyBottomSheet.types';
|
|
3
2
|
/**
|
|
4
|
-
*
|
|
5
|
-
* @param {Object} options - openBottomShet options.
|
|
6
|
-
* @param {Boolean} options.preventScroll - Mainly for documentation purpose. Default to true.
|
|
7
3
|
* @returns {void}
|
|
8
4
|
*/
|
|
9
|
-
declare function
|
|
10
|
-
declare function
|
|
5
|
+
declare function show(): void;
|
|
6
|
+
declare function hide(): void;
|
|
11
7
|
declare function moveContainer(translationY: number): void;
|
|
12
8
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
13
9
|
/** Automatically renders a CTA that closes the bottom-sheet */
|
|
@@ -19,6 +15,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
19
15
|
type: BooleanConstructor;
|
|
20
16
|
default: boolean;
|
|
21
17
|
};
|
|
18
|
+
/**
|
|
19
|
+
* @internal - Mostly for documentation purpose
|
|
20
|
+
*/
|
|
21
|
+
preventBodyScroll: {
|
|
22
|
+
type: BooleanConstructor;
|
|
23
|
+
default: boolean;
|
|
24
|
+
};
|
|
22
25
|
/** By default the dialog is teleported to the end of body tag */
|
|
23
26
|
teleport: {
|
|
24
27
|
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
@@ -29,8 +32,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
29
32
|
default: boolean;
|
|
30
33
|
};
|
|
31
34
|
}, {
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
hide: typeof hide;
|
|
36
|
+
show: typeof show;
|
|
34
37
|
isOpen: import("vue").Ref<boolean>;
|
|
35
38
|
moveContainer: typeof moveContainer;
|
|
36
39
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -45,6 +48,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
45
48
|
type: BooleanConstructor;
|
|
46
49
|
default: boolean;
|
|
47
50
|
};
|
|
51
|
+
/**
|
|
52
|
+
* @internal - Mostly for documentation purpose
|
|
53
|
+
*/
|
|
54
|
+
preventBodyScroll: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: boolean;
|
|
57
|
+
};
|
|
48
58
|
/** By default the dialog is teleported to the end of body tag */
|
|
49
59
|
teleport: {
|
|
50
60
|
type: PropType<string | import("vue").RendererElement | null | undefined>;
|
|
@@ -59,6 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
59
69
|
}, {
|
|
60
70
|
closeLabel: string;
|
|
61
71
|
open: boolean;
|
|
72
|
+
preventBodyScroll: boolean;
|
|
62
73
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
63
74
|
frozen: boolean;
|
|
64
75
|
}, {}>, {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { VNode } from 'vue';
|
|
2
|
-
import { IJoyBottomSheetOpenOptions } from '../JoyBottomSheet/JoyBottomSheet.types';
|
|
3
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
4
3
|
bottomSheet: {
|
|
5
4
|
type: import("vue").PropType<({
|
|
@@ -8,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
8
7
|
$props: {
|
|
9
8
|
closeLabel?: string | undefined;
|
|
10
9
|
open?: boolean | undefined;
|
|
10
|
+
preventBodyScroll?: boolean | undefined;
|
|
11
11
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
12
12
|
frozen?: boolean | undefined;
|
|
13
13
|
style?: unknown;
|
|
@@ -78,6 +78,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
78
|
type: BooleanConstructor;
|
|
79
79
|
default: boolean;
|
|
80
80
|
};
|
|
81
|
+
preventBodyScroll: {
|
|
82
|
+
type: BooleanConstructor;
|
|
83
|
+
default: boolean;
|
|
84
|
+
};
|
|
81
85
|
teleport: {
|
|
82
86
|
type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
|
83
87
|
default: string;
|
|
@@ -89,8 +93,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
89
93
|
}>> & {
|
|
90
94
|
"onBottom-sheet:close"?: (() => any) | undefined;
|
|
91
95
|
}, {
|
|
92
|
-
|
|
93
|
-
|
|
96
|
+
hide: () => void;
|
|
97
|
+
show: () => void;
|
|
94
98
|
isOpen: import("vue").Ref<boolean>;
|
|
95
99
|
moveContainer: (translationY: number) => void;
|
|
96
100
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -98,6 +102,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
98
102
|
}, string, {
|
|
99
103
|
closeLabel: string;
|
|
100
104
|
open: boolean;
|
|
105
|
+
preventBodyScroll: boolean;
|
|
101
106
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
102
107
|
frozen: boolean;
|
|
103
108
|
}, {}, string, {}> & {
|
|
@@ -129,6 +134,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
129
134
|
type: BooleanConstructor;
|
|
130
135
|
default: boolean;
|
|
131
136
|
};
|
|
137
|
+
preventBodyScroll: {
|
|
138
|
+
type: BooleanConstructor;
|
|
139
|
+
default: boolean;
|
|
140
|
+
};
|
|
132
141
|
teleport: {
|
|
133
142
|
type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
|
134
143
|
default: string;
|
|
@@ -140,8 +149,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
140
149
|
}>> & {
|
|
141
150
|
"onBottom-sheet:close"?: (() => any) | undefined;
|
|
142
151
|
} & import("vue").ShallowUnwrapRef<{
|
|
143
|
-
|
|
144
|
-
|
|
152
|
+
hide: () => void;
|
|
153
|
+
show: () => void;
|
|
145
154
|
isOpen: import("vue").Ref<boolean>;
|
|
146
155
|
moveContainer: (translationY: number) => void;
|
|
147
156
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
@@ -152,9 +161,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
152
161
|
}) | null | undefined>;
|
|
153
162
|
required: true;
|
|
154
163
|
};
|
|
155
|
-
options: {
|
|
156
|
-
type: import("vue").PropType<IJoyBottomSheetOpenOptions>;
|
|
157
|
-
};
|
|
158
164
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
159
165
|
bottomSheet: {
|
|
160
166
|
type: import("vue").PropType<({
|
|
@@ -163,6 +169,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
163
169
|
$props: {
|
|
164
170
|
closeLabel?: string | undefined;
|
|
165
171
|
open?: boolean | undefined;
|
|
172
|
+
preventBodyScroll?: boolean | undefined;
|
|
166
173
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
167
174
|
frozen?: boolean | undefined;
|
|
168
175
|
style?: unknown;
|
|
@@ -233,6 +240,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
233
240
|
type: BooleanConstructor;
|
|
234
241
|
default: boolean;
|
|
235
242
|
};
|
|
243
|
+
preventBodyScroll: {
|
|
244
|
+
type: BooleanConstructor;
|
|
245
|
+
default: boolean;
|
|
246
|
+
};
|
|
236
247
|
teleport: {
|
|
237
248
|
type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
|
238
249
|
default: string;
|
|
@@ -244,8 +255,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
244
255
|
}>> & {
|
|
245
256
|
"onBottom-sheet:close"?: (() => any) | undefined;
|
|
246
257
|
}, {
|
|
247
|
-
|
|
248
|
-
|
|
258
|
+
hide: () => void;
|
|
259
|
+
show: () => void;
|
|
249
260
|
isOpen: import("vue").Ref<boolean>;
|
|
250
261
|
moveContainer: (translationY: number) => void;
|
|
251
262
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -253,6 +264,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
253
264
|
}, string, {
|
|
254
265
|
closeLabel: string;
|
|
255
266
|
open: boolean;
|
|
267
|
+
preventBodyScroll: boolean;
|
|
256
268
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
257
269
|
frozen: boolean;
|
|
258
270
|
}, {}, string, {}> & {
|
|
@@ -284,6 +296,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
284
296
|
type: BooleanConstructor;
|
|
285
297
|
default: boolean;
|
|
286
298
|
};
|
|
299
|
+
preventBodyScroll: {
|
|
300
|
+
type: BooleanConstructor;
|
|
301
|
+
default: boolean;
|
|
302
|
+
};
|
|
287
303
|
teleport: {
|
|
288
304
|
type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
|
|
289
305
|
default: string;
|
|
@@ -295,8 +311,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
295
311
|
}>> & {
|
|
296
312
|
"onBottom-sheet:close"?: (() => any) | undefined;
|
|
297
313
|
} & import("vue").ShallowUnwrapRef<{
|
|
298
|
-
|
|
299
|
-
|
|
314
|
+
hide: () => void;
|
|
315
|
+
show: () => void;
|
|
300
316
|
isOpen: import("vue").Ref<boolean>;
|
|
301
317
|
moveContainer: (translationY: number) => void;
|
|
302
318
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
@@ -307,9 +323,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
307
323
|
}) | null | undefined>;
|
|
308
324
|
required: true;
|
|
309
325
|
};
|
|
310
|
-
options: {
|
|
311
|
-
type: import("vue").PropType<IJoyBottomSheetOpenOptions>;
|
|
312
|
-
};
|
|
313
326
|
}>>, {}, {}>, Readonly<{
|
|
314
327
|
/** @slot Default slot where you can render anything you need. */
|
|
315
328
|
default: () => any;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
|
|
3
|
-
|
|
4
|
-
declare function
|
|
5
|
-
declare function openOverlay(options?: IDialogOpenOption): Promise<void>;
|
|
3
|
+
declare function hide(): Promise<void>;
|
|
4
|
+
declare function show(): Promise<void>;
|
|
6
5
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
6
|
/** By default a focus-trap is activated. It means you can loop over all interactive elements within the open dialog. */
|
|
8
7
|
focusTrap: {
|
|
@@ -18,6 +17,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
18
17
|
type: BooleanConstructor;
|
|
19
18
|
default: boolean;
|
|
20
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* @internal - Mostly for documentation purpose
|
|
22
|
+
*/
|
|
23
|
+
preventBodyScroll: {
|
|
24
|
+
type: BooleanConstructor;
|
|
25
|
+
default: boolean;
|
|
26
|
+
};
|
|
21
27
|
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
22
28
|
closeLabel: {
|
|
23
29
|
type: StringConstructor;
|
|
@@ -55,9 +61,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
55
61
|
default: number;
|
|
56
62
|
};
|
|
57
63
|
}, {
|
|
58
|
-
|
|
64
|
+
show: typeof show;
|
|
59
65
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
60
|
-
|
|
66
|
+
hide: typeof hide;
|
|
61
67
|
isOpen: import("vue").Ref<boolean>;
|
|
62
68
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
63
69
|
"dialog:open": () => void;
|
|
@@ -79,6 +85,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
79
85
|
type: BooleanConstructor;
|
|
80
86
|
default: boolean;
|
|
81
87
|
};
|
|
88
|
+
/**
|
|
89
|
+
* @internal - Mostly for documentation purpose
|
|
90
|
+
*/
|
|
91
|
+
preventBodyScroll: {
|
|
92
|
+
type: BooleanConstructor;
|
|
93
|
+
default: boolean;
|
|
94
|
+
};
|
|
82
95
|
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
83
96
|
closeLabel: {
|
|
84
97
|
type: StringConstructor;
|
|
@@ -123,6 +136,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
123
136
|
}, {
|
|
124
137
|
closeLabel: string;
|
|
125
138
|
open: boolean;
|
|
139
|
+
preventBodyScroll: boolean;
|
|
126
140
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
127
141
|
focusTrap: boolean;
|
|
128
142
|
patternConfirm: boolean;
|
|
@@ -7,6 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
7
7
|
$props: {
|
|
8
8
|
closeLabel?: string | undefined;
|
|
9
9
|
open?: boolean | undefined;
|
|
10
|
+
preventBodyScroll?: boolean | undefined;
|
|
10
11
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
11
12
|
focusTrap?: boolean | undefined;
|
|
12
13
|
patternConfirm?: boolean | undefined;
|
|
@@ -91,6 +92,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
91
92
|
type: BooleanConstructor;
|
|
92
93
|
default: boolean;
|
|
93
94
|
};
|
|
95
|
+
preventBodyScroll: {
|
|
96
|
+
type: BooleanConstructor;
|
|
97
|
+
default: boolean;
|
|
98
|
+
};
|
|
94
99
|
closeLabel: {
|
|
95
100
|
type: StringConstructor;
|
|
96
101
|
default: string;
|
|
@@ -125,9 +130,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
125
130
|
"onDialog:hide"?: (() => any) | undefined;
|
|
126
131
|
"onDialog:after-hide"?: (() => any) | undefined;
|
|
127
132
|
}, {
|
|
128
|
-
|
|
133
|
+
show: () => Promise<void>;
|
|
129
134
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
130
|
-
|
|
135
|
+
hide: () => Promise<void>;
|
|
131
136
|
isOpen: import("vue").Ref<boolean>;
|
|
132
137
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
133
138
|
"dialog:open": () => void;
|
|
@@ -137,6 +142,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
137
142
|
}, string, {
|
|
138
143
|
closeLabel: string;
|
|
139
144
|
open: boolean;
|
|
145
|
+
preventBodyScroll: boolean;
|
|
140
146
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
141
147
|
focusTrap: boolean;
|
|
142
148
|
patternConfirm: boolean;
|
|
@@ -175,6 +181,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
175
181
|
type: BooleanConstructor;
|
|
176
182
|
default: boolean;
|
|
177
183
|
};
|
|
184
|
+
preventBodyScroll: {
|
|
185
|
+
type: BooleanConstructor;
|
|
186
|
+
default: boolean;
|
|
187
|
+
};
|
|
178
188
|
closeLabel: {
|
|
179
189
|
type: StringConstructor;
|
|
180
190
|
default: string;
|
|
@@ -209,9 +219,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
209
219
|
"onDialog:hide"?: (() => any) | undefined;
|
|
210
220
|
"onDialog:after-hide"?: (() => any) | undefined;
|
|
211
221
|
} & import("vue").ShallowUnwrapRef<{
|
|
212
|
-
|
|
222
|
+
show: () => Promise<void>;
|
|
213
223
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
214
|
-
|
|
224
|
+
hide: () => Promise<void>;
|
|
215
225
|
isOpen: import("vue").Ref<boolean>;
|
|
216
226
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
217
227
|
$slots: {
|
|
@@ -233,6 +243,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
233
243
|
$props: {
|
|
234
244
|
closeLabel?: string | undefined;
|
|
235
245
|
open?: boolean | undefined;
|
|
246
|
+
preventBodyScroll?: boolean | undefined;
|
|
236
247
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
237
248
|
focusTrap?: boolean | undefined;
|
|
238
249
|
patternConfirm?: boolean | undefined;
|
|
@@ -317,6 +328,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
317
328
|
type: BooleanConstructor;
|
|
318
329
|
default: boolean;
|
|
319
330
|
};
|
|
331
|
+
preventBodyScroll: {
|
|
332
|
+
type: BooleanConstructor;
|
|
333
|
+
default: boolean;
|
|
334
|
+
};
|
|
320
335
|
closeLabel: {
|
|
321
336
|
type: StringConstructor;
|
|
322
337
|
default: string;
|
|
@@ -351,9 +366,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
351
366
|
"onDialog:hide"?: (() => any) | undefined;
|
|
352
367
|
"onDialog:after-hide"?: (() => any) | undefined;
|
|
353
368
|
}, {
|
|
354
|
-
|
|
369
|
+
show: () => Promise<void>;
|
|
355
370
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
356
|
-
|
|
371
|
+
hide: () => Promise<void>;
|
|
357
372
|
isOpen: import("vue").Ref<boolean>;
|
|
358
373
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
359
374
|
"dialog:open": () => void;
|
|
@@ -363,6 +378,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
363
378
|
}, string, {
|
|
364
379
|
closeLabel: string;
|
|
365
380
|
open: boolean;
|
|
381
|
+
preventBodyScroll: boolean;
|
|
366
382
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
367
383
|
focusTrap: boolean;
|
|
368
384
|
patternConfirm: boolean;
|
|
@@ -401,6 +417,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
401
417
|
type: BooleanConstructor;
|
|
402
418
|
default: boolean;
|
|
403
419
|
};
|
|
420
|
+
preventBodyScroll: {
|
|
421
|
+
type: BooleanConstructor;
|
|
422
|
+
default: boolean;
|
|
423
|
+
};
|
|
404
424
|
closeLabel: {
|
|
405
425
|
type: StringConstructor;
|
|
406
426
|
default: string;
|
|
@@ -435,9 +455,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
435
455
|
"onDialog:hide"?: (() => any) | undefined;
|
|
436
456
|
"onDialog:after-hide"?: (() => any) | undefined;
|
|
437
457
|
} & import("vue").ShallowUnwrapRef<{
|
|
438
|
-
|
|
458
|
+
show: () => Promise<void>;
|
|
439
459
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
440
|
-
|
|
460
|
+
hide: () => Promise<void>;
|
|
441
461
|
isOpen: import("vue").Ref<boolean>;
|
|
442
462
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
443
463
|
$slots: {
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
2
|
import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
declare function hide(): Promise<void>;
|
|
4
|
+
/**
|
|
5
|
+
* @param {Object} options -
|
|
6
|
+
* @param {Boolean} options.preventBodyScroll - By default body has an overflow hidden.
|
|
7
|
+
* @param {Boolean} options.focusTrap - By default a focus-trap is activated on the drawer, when opened.
|
|
8
|
+
* @returns {Promise<void>} -
|
|
9
|
+
*/
|
|
10
|
+
declare function show(): Promise<void>;
|
|
6
11
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
7
12
|
/** By default a focus-trap is activated. It means you can loop over all interactive elements within the open drawer. */
|
|
8
13
|
focusTrap: {
|
|
@@ -27,6 +32,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
27
32
|
type: BooleanConstructor;
|
|
28
33
|
default: boolean;
|
|
29
34
|
};
|
|
35
|
+
/**
|
|
36
|
+
* @internal - Mostly for documentation purpose
|
|
37
|
+
*/
|
|
38
|
+
preventBodyScroll: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
30
42
|
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
31
43
|
closeLabel: {
|
|
32
44
|
type: StringConstructor;
|
|
@@ -45,10 +57,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
45
57
|
default: string;
|
|
46
58
|
};
|
|
47
59
|
}, {
|
|
48
|
-
openOverlay: typeof openOverlay;
|
|
49
60
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
50
|
-
|
|
61
|
+
hide: typeof hide;
|
|
51
62
|
isOpen: import("vue").Ref<boolean>;
|
|
63
|
+
show: typeof show;
|
|
52
64
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
53
65
|
"drawer:open": () => void;
|
|
54
66
|
"drawer:after-open": () => void;
|
|
@@ -78,6 +90,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
90
|
type: BooleanConstructor;
|
|
79
91
|
default: boolean;
|
|
80
92
|
};
|
|
93
|
+
/**
|
|
94
|
+
* @internal - Mostly for documentation purpose
|
|
95
|
+
*/
|
|
96
|
+
preventBodyScroll: {
|
|
97
|
+
type: BooleanConstructor;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
81
100
|
/** **For accessibility purpose**. Label associated with the top right corner icon. */
|
|
82
101
|
closeLabel: {
|
|
83
102
|
type: StringConstructor;
|
|
@@ -104,6 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
104
123
|
size: "default" | "large";
|
|
105
124
|
closeLabel: string;
|
|
106
125
|
open: boolean;
|
|
126
|
+
preventBodyScroll: boolean;
|
|
107
127
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
108
128
|
focusTrap: boolean;
|
|
109
129
|
buttonSize: TJoyButtonSizes;
|
|
@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
8
8
|
size?: "default" | "large" | undefined;
|
|
9
9
|
closeLabel?: string | undefined;
|
|
10
10
|
open?: boolean | undefined;
|
|
11
|
+
preventBodyScroll?: boolean | undefined;
|
|
11
12
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
12
13
|
focusTrap?: boolean | undefined;
|
|
13
14
|
buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
|
|
@@ -97,6 +98,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
97
98
|
type: BooleanConstructor;
|
|
98
99
|
default: boolean;
|
|
99
100
|
};
|
|
101
|
+
preventBodyScroll: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
100
105
|
closeLabel: {
|
|
101
106
|
type: StringConstructor;
|
|
102
107
|
default: string;
|
|
@@ -117,10 +122,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
117
122
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
118
123
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
119
124
|
}, {
|
|
120
|
-
openOverlay: (options?: import("../components.types").IDrawerOpenOption | undefined) => Promise<void>;
|
|
121
125
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
122
|
-
|
|
126
|
+
hide: () => Promise<void>;
|
|
123
127
|
isOpen: import("vue").Ref<boolean>;
|
|
128
|
+
show: () => Promise<void>;
|
|
124
129
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
125
130
|
"drawer:open": () => void;
|
|
126
131
|
"drawer:after-open": () => void;
|
|
@@ -130,6 +135,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
130
135
|
size: "default" | "large";
|
|
131
136
|
closeLabel: string;
|
|
132
137
|
open: boolean;
|
|
138
|
+
preventBodyScroll: boolean;
|
|
133
139
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
134
140
|
focusTrap: boolean;
|
|
135
141
|
buttonSize: import("../components.types").TJoyButtonSizes;
|
|
@@ -175,6 +181,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
175
181
|
type: BooleanConstructor;
|
|
176
182
|
default: boolean;
|
|
177
183
|
};
|
|
184
|
+
preventBodyScroll: {
|
|
185
|
+
type: BooleanConstructor;
|
|
186
|
+
default: boolean;
|
|
187
|
+
};
|
|
178
188
|
closeLabel: {
|
|
179
189
|
type: StringConstructor;
|
|
180
190
|
default: string;
|
|
@@ -195,10 +205,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
195
205
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
196
206
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
197
207
|
} & import("vue").ShallowUnwrapRef<{
|
|
198
|
-
openOverlay: (options?: import("../components.types").IDrawerOpenOption | undefined) => Promise<void>;
|
|
199
208
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
200
|
-
|
|
209
|
+
hide: () => Promise<void>;
|
|
201
210
|
isOpen: import("vue").Ref<boolean>;
|
|
211
|
+
show: () => Promise<void>;
|
|
202
212
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
203
213
|
$slots: {
|
|
204
214
|
"drawer-header"?(_: {}): any;
|
|
@@ -220,6 +230,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
220
230
|
size?: "default" | "large" | undefined;
|
|
221
231
|
closeLabel?: string | undefined;
|
|
222
232
|
open?: boolean | undefined;
|
|
233
|
+
preventBodyScroll?: boolean | undefined;
|
|
223
234
|
teleport?: string | import("vue").RendererElement | null | undefined;
|
|
224
235
|
focusTrap?: boolean | undefined;
|
|
225
236
|
buttonSize?: import("../components.types").TJoyButtonSizes | undefined;
|
|
@@ -309,6 +320,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
309
320
|
type: BooleanConstructor;
|
|
310
321
|
default: boolean;
|
|
311
322
|
};
|
|
323
|
+
preventBodyScroll: {
|
|
324
|
+
type: BooleanConstructor;
|
|
325
|
+
default: boolean;
|
|
326
|
+
};
|
|
312
327
|
closeLabel: {
|
|
313
328
|
type: StringConstructor;
|
|
314
329
|
default: string;
|
|
@@ -329,10 +344,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
329
344
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
330
345
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
331
346
|
}, {
|
|
332
|
-
openOverlay: (options?: import("../components.types").IDrawerOpenOption | undefined) => Promise<void>;
|
|
333
347
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
334
|
-
|
|
348
|
+
hide: () => Promise<void>;
|
|
335
349
|
isOpen: import("vue").Ref<boolean>;
|
|
350
|
+
show: () => Promise<void>;
|
|
336
351
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
337
352
|
"drawer:open": () => void;
|
|
338
353
|
"drawer:after-open": () => void;
|
|
@@ -342,6 +357,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
342
357
|
size: "default" | "large";
|
|
343
358
|
closeLabel: string;
|
|
344
359
|
open: boolean;
|
|
360
|
+
preventBodyScroll: boolean;
|
|
345
361
|
teleport: string | import("vue").RendererElement | null | undefined;
|
|
346
362
|
focusTrap: boolean;
|
|
347
363
|
buttonSize: import("../components.types").TJoyButtonSizes;
|
|
@@ -387,6 +403,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
387
403
|
type: BooleanConstructor;
|
|
388
404
|
default: boolean;
|
|
389
405
|
};
|
|
406
|
+
preventBodyScroll: {
|
|
407
|
+
type: BooleanConstructor;
|
|
408
|
+
default: boolean;
|
|
409
|
+
};
|
|
390
410
|
closeLabel: {
|
|
391
411
|
type: StringConstructor;
|
|
392
412
|
default: string;
|
|
@@ -407,10 +427,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
407
427
|
"onDrawer:hide"?: (() => any) | undefined;
|
|
408
428
|
"onDrawer:after-hide"?: (() => any) | undefined;
|
|
409
429
|
} & import("vue").ShallowUnwrapRef<{
|
|
410
|
-
openOverlay: (options?: import("../components.types").IDrawerOpenOption | undefined) => Promise<void>;
|
|
411
430
|
hasFooterSlots: import("vue").ComputedRef<boolean>;
|
|
412
|
-
|
|
431
|
+
hide: () => Promise<void>;
|
|
413
432
|
isOpen: import("vue").Ref<boolean>;
|
|
433
|
+
show: () => Promise<void>;
|
|
414
434
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
415
435
|
$slots: {
|
|
416
436
|
"drawer-header"?(_: {}): any;
|
|
@@ -74,10 +74,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
74
74
|
};
|
|
75
75
|
}>>, {
|
|
76
76
|
variant: TJoyTooltipVariants;
|
|
77
|
+
show: boolean;
|
|
77
78
|
placement: import("@floating-ui/vue").MaybeReadonlyRef<Placement | undefined>;
|
|
78
79
|
event: "click" | "mouseenter";
|
|
79
80
|
delay: number;
|
|
80
|
-
show: boolean;
|
|
81
81
|
tooltipWidth: number;
|
|
82
82
|
}, {}>, Readonly<{
|
|
83
83
|
default: () => void;
|
|
@@ -2,10 +2,8 @@ export * from './JoyAvailability/JoyAvailability.types';
|
|
|
2
2
|
export * from './JoyAvatar/JoyAvatar.types';
|
|
3
3
|
export * from './JoyBadge/JoyBadge.types';
|
|
4
4
|
export * from './JoyBadgeLevel/JoyBadgeLevel.types';
|
|
5
|
-
export * from './JoyBottomSheet/JoyBottomSheet.types';
|
|
6
5
|
export * from './JoyButton/JoyButton.types';
|
|
7
6
|
export * from './JoyCompanyAvatar/JoyCompanyAvatar.types';
|
|
8
|
-
export * from './JoyDialog/JoyDialog.types';
|
|
9
7
|
export * from './JoyDrawer/JoyDrawer.types';
|
|
10
8
|
export * from './JoyDropdown/JoyDropdown.types';
|
|
11
9
|
export * from './JoyDropdownList/JoyDropdownList.types';
|