@maltjoy/core-vue 3.26.0 → 3.27.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.
Files changed (96) hide show
  1. package/dist/components/JoyAvailability/JoyAvailability.types.d.ts +1 -2
  2. package/dist/components/JoyAvailability/VJoyAvailability.vue.d.ts +4 -3
  3. package/dist/components/JoyAvatar/JoyAvatar.types.d.ts +4 -6
  4. package/dist/components/JoyAvatar/VJoyAvatar.vue.d.ts +3 -3
  5. package/dist/components/JoyAvatarsList/VJoyAvatarsList.vue.d.ts +14 -4
  6. package/dist/components/JoyBadge/JoyBadge.types.d.ts +1 -2
  7. package/dist/components/JoyBadge/VJoyBadge.vue.d.ts +14 -8
  8. package/dist/components/JoyBadgeLevel/VJoyBadgeLevel.vue.d.ts +8 -4
  9. package/dist/components/JoyBlockSkeleton/VJoyBlockSkeleton.vue.d.ts +2 -0
  10. package/dist/components/JoyBottomSheet/VJoyBottomSheet.vue.d.ts +20 -7
  11. package/dist/components/JoyBottomSheetTrigger/VJoyBottomSheetTrigger.vue.d.ts +12 -6
  12. package/dist/components/JoyButton/JoyButton.types.d.ts +4 -20
  13. package/dist/components/JoyButton/VJoyButton.vue.d.ts +13 -13
  14. package/dist/components/JoyCheckbox/VJoyCheckbox.vue.d.ts +10 -3
  15. package/dist/components/JoyCollapse/VJoyCollapse.vue.d.ts +10 -4
  16. package/dist/components/JoyCollapseItem/VJoyCollapseItem.vue.d.ts +12 -4
  17. package/dist/components/JoyCompanyAvatar/JoyCompanyAvatar.types.d.ts +2 -3
  18. package/dist/components/JoyCompanyAvatar/VJoyCompanyAvatar.vue.d.ts +6 -0
  19. package/dist/components/JoyCounter/VJoyCounter.vue.d.ts +11 -6
  20. package/dist/components/JoyDialog/JoyDialog.types.d.ts +2 -3
  21. package/dist/components/JoyDialog/VJoyDialog.vue.d.ts +30 -8
  22. package/dist/components/JoyDialogTrigger/VJoyDialogTrigger.vue.d.ts +56 -20
  23. package/dist/components/JoyDividerCta/VJoyDividerCta.vue.d.ts +10 -3
  24. package/dist/components/JoyDrawer/JoyDrawer.types.d.ts +1 -2
  25. package/dist/components/JoyDrawer/VJoyDrawer.vue.d.ts +42 -12
  26. package/dist/components/JoyDrawerTrigger/VJoyDrawerTrigger.vue.d.ts +84 -30
  27. package/dist/components/JoyDropdown/JoyDropdown.types.d.ts +3 -4
  28. package/dist/components/JoyDropdown/VJoyDropdown.vue.d.ts +29 -22
  29. package/dist/components/JoyDropdownList/JoyDropdownList.types.d.ts +2 -3
  30. package/dist/components/JoyDropdownList/VJoyDropdownList.vue.d.ts +22 -21
  31. package/dist/components/JoyFilterBar/VJoyFilterBar.vue.d.ts +8 -2
  32. package/dist/components/JoyFilterBarButton/VJoyFilterBarButton.vue.d.ts +10 -2
  33. package/dist/components/JoyFormError/VJoyFormError.vue.d.ts +6 -2
  34. package/dist/components/JoyFunnel/JoyFunnel.types.d.ts +2 -4
  35. package/dist/components/JoyFunnel/VJoyFunnel.vue.d.ts +8 -0
  36. package/dist/components/JoyHighlight/JoyHighlight.types.d.ts +2 -4
  37. package/dist/components/JoyHighlight/VJoyHighlight.vue.d.ts +21 -9
  38. package/dist/components/JoyIcon/JoyIcon.types.d.ts +3 -4
  39. package/dist/components/JoyIcon/VJoyIcon.vue.d.ts +9 -6
  40. package/dist/components/JoyIndicator/VJoyIndicator.vue.d.ts +4 -3
  41. package/dist/components/JoyIndicators/JoyIndicators.types.d.ts +1 -2
  42. package/dist/components/JoyIndicators/VJoyIndicators.vue.d.ts +9 -6
  43. package/dist/components/JoyInput/JoyInput.types.d.ts +2 -3
  44. package/dist/components/JoyInput/VJoyInput.vue.d.ts +10 -7
  45. package/dist/components/JoyLabel/JoyLabel.types.d.ts +2 -3
  46. package/dist/components/JoyLabel/VJoyLabel.vue.d.ts +10 -7
  47. package/dist/components/JoyLink/JoyLink.types.d.ts +1 -2
  48. package/dist/components/JoyLink/VJoyLink.vue.d.ts +8 -7
  49. package/dist/components/JoyMenu/VJoyMenu.vue.d.ts +6 -10
  50. package/dist/components/JoyMultiCheckbox/VJoyMultiCheckbox.vue.d.ts +16 -19
  51. package/dist/components/JoyPagination/VJoyPagination.vue.d.ts +14 -6
  52. package/dist/components/JoyPanel/JoyPanel.types.d.ts +3 -5
  53. package/dist/components/JoyPanel/VJoyPanel.vue.d.ts +30 -14
  54. package/dist/components/JoyProgressBar/JoyProgressBar.types.d.ts +2 -3
  55. package/dist/components/JoyProgressBar/VJoyProgressBar.vue.d.ts +5 -3
  56. package/dist/components/JoyRadio/JoyRadio.types.d.ts +1 -2
  57. package/dist/components/JoyRadio/VJoyRadio.vue.d.ts +20 -7
  58. package/dist/components/JoyRadioGroup/JoyRadioGroup.types.d.ts +1 -2
  59. package/dist/components/JoyRadioGroup/VJoyRadioGroup.vue.d.ts +14 -6
  60. package/dist/components/JoyRatingStars/JoyRatingStars.types.d.ts +2 -3
  61. package/dist/components/JoyRatingStars/VJoyRatingStars.vue.d.ts +10 -2
  62. package/dist/components/JoyScreenLoader/VJoyScreenLoader.types.d.ts +1 -2
  63. package/dist/components/JoyScreenLoader/VJoyScreenLoader.vue.d.ts +14 -6
  64. package/dist/components/JoySelect/JoySelect.types.d.ts +2 -3
  65. package/dist/components/JoySelect/VJoySelect.vue.d.ts +9 -4
  66. package/dist/components/JoySelectableItemGroup/VJoySelectableItemGroup.vue.d.ts +10 -65
  67. package/dist/components/JoySeparator/JoySeparator.types.d.ts +2 -3
  68. package/dist/components/JoySnackbar/JoySnackbar.types.d.ts +2 -3
  69. package/dist/components/JoySnackbar/VJoySnackbar.vue.d.ts +6 -2
  70. package/dist/components/JoySnackbar/index.d.ts +1 -1
  71. package/dist/components/JoySpinner/JoySpinner.types.d.ts +1 -2
  72. package/dist/components/JoySpinner/VJoySpinner.vue.d.ts +2 -4
  73. package/dist/components/JoyStep/VJoyStep.vue.d.ts +14 -2
  74. package/dist/components/JoyStepper/VJoyStepper.vue.d.ts +10 -2
  75. package/dist/components/JoyTabs/VJoyTabs.vue.d.ts +2 -0
  76. package/dist/components/JoyTag/JoyTag.types.d.ts +3 -5
  77. package/dist/components/JoyTag/VJoyTag.vue.d.ts +13 -3
  78. package/dist/components/JoyTagsInput/VJoyTagsInput.vue.d.ts +34 -19
  79. package/dist/components/JoyTagsList/JoyTagsList.types.d.ts +1 -2
  80. package/dist/components/JoyTagsList/VJoyTagsList.vue.d.ts +9 -9
  81. package/dist/components/JoyTemplate/JoyTemplate.types.d.ts +1 -2
  82. package/dist/components/JoyTemplate/VJoyTemplate.vue.d.ts +67 -15
  83. package/dist/components/JoyText/VJoyText.vue.d.ts +6 -2
  84. package/dist/components/JoyTextarea/VJoyTextarea.vue.d.ts +6 -5
  85. package/dist/components/JoyToggle/VJoyToggle.vue.d.ts +6 -2
  86. package/dist/components/JoyTooltip/JoyTooltip.types.d.ts +0 -1
  87. package/dist/components/JoyUserCard/VJoyUserCard.vue.d.ts +20 -6
  88. package/dist/components/JoyWrapper/JoyWrapper.types.d.ts +5 -10
  89. package/dist/components/JoyWrapper/VJoyWrapper.vue.d.ts +19 -18
  90. package/dist/components/main.d.ts +1 -1
  91. package/dist/helpers/index.d.ts +2 -2
  92. package/dist/joy-vue.js +2091 -2152
  93. package/dist/joy-vue.umd.cjs +4 -4
  94. package/dist/style.css +1 -1
  95. package/dist/types/index.d.ts +7 -10
  96. package/package.json +20 -24
@@ -1,3 +1,2 @@
1
- import { SIZES } from '../../types';
2
- export type TJoyDialogSizes = Extract<(typeof SIZES)[number], 'large'> | 'default';
3
- export declare const DIALOG_SIZES: TJoyDialogSizes[];
1
+ import { TSizes } from '../../types';
2
+ export type TJoyDialogSizes = Extract<TSizes, 'large'> | 'default';
@@ -180,14 +180,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
180
180
  patternBrand: boolean;
181
181
  buttonSize: TJoyButtonSizes;
182
182
  bannerHeight: number;
183
- }, {}>, {
184
- "dialog-preheader"?(_: {}): any;
185
- "dialog-header"?(_: {}): any;
186
- "dialog-subheader"?(_: {}): any;
187
- "dialog-body"?(_: {}): any;
188
- "dialog-cancel"?(_: {}): any;
189
- "dialog-confirm"?(_: {}): any;
190
- "dialog-indicators"?(_: {}): any;
183
+ }, {}>, Readonly<{
184
+ /** Made for short informations */
185
+ 'dialog-preheader': () => any;
186
+ /** Header to inject your title */
187
+ 'dialog-header': () => any;
188
+ /** Subheader to inject additionnal informtion */
189
+ 'dialog-subheader': () => any;
190
+ /** Body content to inject whatever you need */
191
+ 'dialog-body': () => any;
192
+ /** Used to render the cancel CTA */
193
+ 'dialog-cancel': () => any;
194
+ /** Used to render the confirm CTA */
195
+ 'dialog-confirm': () => any;
196
+ /** When navigating with multiple dialogs */
197
+ 'dialog-indicators': () => any;
198
+ }> & {
199
+ /** Made for short informations */
200
+ 'dialog-preheader': () => any;
201
+ /** Header to inject your title */
202
+ 'dialog-header': () => any;
203
+ /** Subheader to inject additionnal informtion */
204
+ 'dialog-subheader': () => any;
205
+ /** Body content to inject whatever you need */
206
+ 'dialog-body': () => any;
207
+ /** Used to render the cancel CTA */
208
+ 'dialog-cancel': () => any;
209
+ /** Used to render the confirm CTA */
210
+ 'dialog-confirm': () => any;
211
+ /** When navigating with multiple dialogs */
212
+ 'dialog-indicators': () => any;
191
213
  }>;
192
214
  export default _default;
193
215
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -294,14 +294,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
294
294
  isOpen: import("vue").Ref<boolean>;
295
295
  show: () => Promise<void>;
296
296
  }> & {} & import("vue").ComponentCustomProperties & {} & {
297
- $slots: {
298
- "dialog-preheader"?(_: {}): any;
299
- "dialog-header"?(_: {}): any;
300
- "dialog-subheader"?(_: {}): any;
301
- "dialog-body"?(_: {}): any;
302
- "dialog-cancel"?(_: {}): any;
303
- "dialog-confirm"?(_: {}): any;
304
- "dialog-indicators"?(_: {}): any;
297
+ $slots: Readonly<{
298
+ 'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
299
+ * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
300
+ * props.dialog is actually "not null"
301
+ *
302
+ * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
303
+ */
304
+ 'dialog-header': () => any;
305
+ 'dialog-subheader': () => any;
306
+ 'dialog-body': () => any;
307
+ 'dialog-cancel': () => any;
308
+ 'dialog-confirm': () => any;
309
+ 'dialog-indicators': () => any;
310
+ }> & {
311
+ 'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
312
+ * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
313
+ * props.dialog is actually "not null"
314
+ *
315
+ * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
316
+ */
317
+ 'dialog-header': () => any;
318
+ 'dialog-subheader': () => any;
319
+ 'dialog-body': () => any;
320
+ 'dialog-cancel': () => any;
321
+ 'dialog-confirm': () => any;
322
+ 'dialog-indicators': () => any;
305
323
  };
306
324
  }) | null | undefined;
307
325
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -602,24 +620,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
602
620
  isOpen: import("vue").Ref<boolean>;
603
621
  show: () => Promise<void>;
604
622
  }> & {} & import("vue").ComponentCustomProperties & {} & {
605
- $slots: {
606
- "dialog-preheader"?(_: {}): any;
607
- "dialog-header"?(_: {}): any;
608
- "dialog-subheader"?(_: {}): any;
609
- "dialog-body"?(_: {}): any;
610
- "dialog-cancel"?(_: {}): any;
611
- "dialog-confirm"?(_: {}): any;
612
- "dialog-indicators"?(_: {}): any;
623
+ $slots: Readonly<{
624
+ 'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
625
+ * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
626
+ * props.dialog is actually "not null"
627
+ *
628
+ * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
629
+ */
630
+ 'dialog-header': () => any;
631
+ 'dialog-subheader': () => any;
632
+ 'dialog-body': () => any;
633
+ 'dialog-cancel': () => any;
634
+ 'dialog-confirm': () => any;
635
+ 'dialog-indicators': () => any;
636
+ }> & {
637
+ 'dialog-preheader': () => any; /** Using renderedDialog allows to get the updated reference of the given dialog prop.
638
+ * When both mounted (dialog and trigger) we can't be 100% sure the VJoyDialog is ready and then,
639
+ * props.dialog is actually "not null"
640
+ *
641
+ * renderedDialog.value should be updated as soon as the VJoyDialog ref is filled.
642
+ */
643
+ 'dialog-header': () => any;
644
+ 'dialog-subheader': () => any;
645
+ 'dialog-body': () => any;
646
+ 'dialog-cancel': () => any;
647
+ 'dialog-confirm': () => any;
648
+ 'dialog-indicators': () => any;
613
649
  };
614
650
  }) | null | undefined;
615
651
  }>>> & {
616
652
  onClick?: (() => any) | undefined;
617
653
  }, {}, {}>, Readonly<{
618
- /** @slot Default slot where you can render anything you need. */
619
- default: () => any;
654
+ /** Default slot where you can render anything you need. */
655
+ default(): any;
620
656
  }> & {
621
- /** @slot Default slot where you can render anything you need. */
622
- default: () => any;
657
+ /** Default slot where you can render anything you need. */
658
+ default(): any;
623
659
  }>;
624
660
  export default _default;
625
661
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -10,9 +10,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
10
10
  };
11
11
  }>>, {
12
12
  disabled: boolean;
13
- }, {}>, {
14
- default?(_: {}): any;
15
- "divider-content"?(_: {}): any;
13
+ }, {}>, Readonly<{
14
+ /** Title of the component */
15
+ default(): any;
16
+ /** Component main content, below the title */
17
+ 'divider-content': () => any;
18
+ }> & {
19
+ /** Title of the component */
20
+ default(): any;
21
+ /** Component main content, below the title */
22
+ 'divider-content': () => any;
16
23
  }>;
17
24
  export default _default;
18
25
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,2 +1 @@
1
- export declare const DRAWER_SIZES: readonly ["default", "large"];
2
- export type TJoyDrawerSizes = (typeof DRAWER_SIZES)[number];
1
+ export type TJoyDrawerSizes = 'default' | 'large';
@@ -1,5 +1,6 @@
1
1
  import { PropType } from 'vue';
2
2
  import { TJoyButtonSizes } from '../JoyButton/JoyButton.types';
3
+ import { TJoyDrawerSizes } from './JoyDrawer.types';
3
4
  declare function hide(options?: {
4
5
  fireHideEvent: boolean;
5
6
  }): Promise<void>;
@@ -20,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
20
21
  default: boolean;
21
22
  };
22
23
  size: {
23
- type: PropType<"default" | "large">;
24
+ type: PropType<TJoyDrawerSizes>;
24
25
  default: string;
25
26
  };
26
27
  /** By default the drawer is teleported to the end of body tag */
@@ -38,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
38
39
  default: boolean;
39
40
  };
40
41
  /**
41
- * @internal - Mostly for documentation purpose
42
+ * Mostly for documentation purpose
42
43
  */
43
44
  preventBodyScroll: {
44
45
  type: BooleanConstructor;
@@ -61,6 +62,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
61
62
  type: PropType<TJoyButtonSizes>;
62
63
  default: string;
63
64
  };
65
+ /** Called just before you close the drawer. Returning false will cancel the closing.
66
+ * This is useful when you need confirmation from the user to close the drawer. */
67
+ onBeforeHide: {
68
+ type: PropType<() => boolean | Promise<boolean>>;
69
+ };
64
70
  }, {
65
71
  focusTrapReturn: import("@vueuse/integrations/useFocusTrap").UseFocusTrapReturn;
66
72
  hasFooterSlots: import("vue").ComputedRef<boolean>;
@@ -84,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
84
90
  default: boolean;
85
91
  };
86
92
  size: {
87
- type: PropType<"default" | "large">;
93
+ type: PropType<TJoyDrawerSizes>;
88
94
  default: string;
89
95
  };
90
96
  /** By default the drawer is teleported to the end of body tag */
@@ -102,7 +108,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
102
108
  default: boolean;
103
109
  };
104
110
  /**
105
- * @internal - Mostly for documentation purpose
111
+ * Mostly for documentation purpose
106
112
  */
107
113
  preventBodyScroll: {
108
114
  type: BooleanConstructor;
@@ -125,6 +131,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
125
131
  type: PropType<TJoyButtonSizes>;
126
132
  default: string;
127
133
  };
134
+ /** Called just before you close the drawer. Returning false will cancel the closing.
135
+ * This is useful when you need confirmation from the user to close the drawer. */
136
+ onBeforeHide: {
137
+ type: PropType<() => boolean | Promise<boolean>>;
138
+ };
128
139
  }>> & {
129
140
  "onDrawer:open"?: (() => any) | undefined;
130
141
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -133,7 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
133
144
  "onDrawer:before-unmount"?: (() => any) | undefined;
134
145
  "onDrawer:confirm"?: (() => any) | undefined;
135
146
  }, {
136
- size: "default" | "large";
147
+ size: TJoyDrawerSizes;
137
148
  closeLabel: string;
138
149
  open: boolean;
139
150
  preventBodyScroll: boolean;
@@ -141,13 +152,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
141
152
  focusTrap: boolean;
142
153
  buttonSize: TJoyButtonSizes;
143
154
  elevated: boolean;
144
- }, {}>, {
145
- "drawer-header"?(_: {}): any;
146
- "drawer-subheader"?(_: {}): any;
147
- "drawer-body"?(_: {}): any;
148
- "drawer-cancel"?(_: {}): any;
149
- "drawer-confirm"?(_: {}): any;
150
- "drawer-indicators"?(_: {}): any;
155
+ }, {}>, Readonly<{
156
+ /** Made for short informations */
157
+ 'drawer-preheader': () => any;
158
+ /** Header to inject your title */
159
+ 'drawer-header': () => any;
160
+ /** Subheader to inject additionnal informtion */
161
+ 'drawer-subheader': () => any;
162
+ /** Body content to inject whatever you need */
163
+ 'drawer-body': () => any;
164
+ /** Used to render the cancel CTA */
165
+ 'drawer-cancel': () => any;
166
+ /** Used to render the confirm CTA */
167
+ 'drawer-confirm': () => any;
168
+ }> & {
169
+ /** Made for short informations */
170
+ 'drawer-preheader': () => any;
171
+ /** Header to inject your title */
172
+ 'drawer-header': () => any;
173
+ /** Subheader to inject additionnal informtion */
174
+ 'drawer-subheader': () => any;
175
+ /** Body content to inject whatever you need */
176
+ 'drawer-body': () => any;
177
+ /** Used to render the cancel CTA */
178
+ 'drawer-cancel': () => any;
179
+ /** Used to render the confirm CTA */
180
+ 'drawer-confirm': () => any;
151
181
  }>;
152
182
  export default _default;
153
183
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
6
6
  $props: Partial<{
7
- size: "default" | "large";
7
+ size: import("../components.types").TJoyDrawerSizes;
8
8
  closeLabel: string;
9
9
  open: boolean;
10
10
  preventBodyScroll: boolean;
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  buttonSize: import("../components.types").TJoyButtonSizes;
14
14
  elevated: boolean;
15
15
  }> & Omit<{
16
- readonly size: "default" | "large";
16
+ readonly size: import("../components.types").TJoyDrawerSizes;
17
17
  readonly closeLabel: string;
18
18
  readonly open: boolean;
19
19
  readonly preventBodyScroll: boolean;
@@ -24,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
24
24
  readonly id?: string | undefined;
25
25
  readonly cancelText?: string | undefined;
26
26
  readonly confirmText?: string | undefined;
27
+ readonly onBeforeHide?: (() => boolean | Promise<boolean>) | undefined;
27
28
  "onDrawer:open"?: (() => any) | undefined;
28
29
  "onDrawer:after-open"?: (() => any) | undefined;
29
30
  "onDrawer:hide"?: (() => any) | undefined;
@@ -39,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
40
  default: boolean;
40
41
  };
41
42
  size: {
42
- type: import("vue").PropType<"default" | "large">;
43
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
43
44
  default: string;
44
45
  };
45
46
  teleport: {
@@ -72,6 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
72
73
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
73
74
  default: string;
74
75
  };
76
+ onBeforeHide: {
77
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
78
+ };
75
79
  }>> & {
76
80
  "onDrawer:open"?: (() => any) | undefined;
77
81
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -102,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
102
106
  default: boolean;
103
107
  };
104
108
  size: {
105
- type: import("vue").PropType<"default" | "large">;
109
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
106
110
  default: string;
107
111
  };
108
112
  teleport: {
@@ -135,6 +139,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
135
139
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
136
140
  default: string;
137
141
  };
142
+ onBeforeHide: {
143
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
144
+ };
138
145
  }>> & {
139
146
  "onDrawer:open"?: (() => any) | undefined;
140
147
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -158,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
158
165
  "drawer:before-unmount": () => void;
159
166
  "drawer:confirm": () => void;
160
167
  }, string, {
161
- size: "default" | "large";
168
+ size: import("../components.types").TJoyDrawerSizes;
162
169
  closeLabel: string;
163
170
  open: boolean;
164
171
  preventBodyScroll: boolean;
@@ -195,7 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
195
202
  default: boolean;
196
203
  };
197
204
  size: {
198
- type: import("vue").PropType<"default" | "large">;
205
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
199
206
  default: string;
200
207
  };
201
208
  teleport: {
@@ -228,6 +235,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
228
235
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
229
236
  default: string;
230
237
  };
238
+ onBeforeHide: {
239
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
240
+ };
231
241
  }>> & {
232
242
  "onDrawer:open"?: (() => any) | undefined;
233
243
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -244,13 +254,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
244
254
  isOpen: import("vue").Ref<boolean>;
245
255
  show: () => Promise<void>;
246
256
  }> & {} & import("vue").ComponentCustomProperties & {} & {
247
- $slots: {
248
- "drawer-header"?(_: {}): any;
249
- "drawer-subheader"?(_: {}): any;
250
- "drawer-body"?(_: {}): any;
251
- "drawer-cancel"?(_: {}): any;
252
- "drawer-confirm"?(_: {}): any;
253
- "drawer-indicators"?(_: {}): any;
257
+ $slots: Readonly<{
258
+ 'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
259
+ * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
260
+ * props.drawer is actually "not null"
261
+ *
262
+ * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
263
+ */
264
+ 'drawer-header': () => any;
265
+ 'drawer-subheader': () => any;
266
+ 'drawer-body': () => any;
267
+ 'drawer-cancel': () => any;
268
+ 'drawer-confirm': () => any;
269
+ }> & {
270
+ 'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
271
+ * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
272
+ * props.drawer is actually "not null"
273
+ *
274
+ * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
275
+ */
276
+ 'drawer-header': () => any;
277
+ 'drawer-subheader': () => any;
278
+ 'drawer-body': () => any;
279
+ 'drawer-cancel': () => any;
280
+ 'drawer-confirm': () => any;
254
281
  };
255
282
  }) | null | undefined;
256
283
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -261,7 +288,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
261
288
  $: import("vue").ComponentInternalInstance;
262
289
  $data: {};
263
290
  $props: Partial<{
264
- size: "default" | "large";
291
+ size: import("../components.types").TJoyDrawerSizes;
265
292
  closeLabel: string;
266
293
  open: boolean;
267
294
  preventBodyScroll: boolean;
@@ -270,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
270
297
  buttonSize: import("../components.types").TJoyButtonSizes;
271
298
  elevated: boolean;
272
299
  }> & Omit<{
273
- readonly size: "default" | "large";
300
+ readonly size: import("../components.types").TJoyDrawerSizes;
274
301
  readonly closeLabel: string;
275
302
  readonly open: boolean;
276
303
  readonly preventBodyScroll: boolean;
@@ -281,6 +308,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
281
308
  readonly id?: string | undefined;
282
309
  readonly cancelText?: string | undefined;
283
310
  readonly confirmText?: string | undefined;
311
+ readonly onBeforeHide?: (() => boolean | Promise<boolean>) | undefined;
284
312
  "onDrawer:open"?: (() => any) | undefined;
285
313
  "onDrawer:after-open"?: (() => any) | undefined;
286
314
  "onDrawer:hide"?: (() => any) | undefined;
@@ -296,7 +324,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
296
324
  default: boolean;
297
325
  };
298
326
  size: {
299
- type: import("vue").PropType<"default" | "large">;
327
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
300
328
  default: string;
301
329
  };
302
330
  teleport: {
@@ -329,6 +357,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
329
357
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
330
358
  default: string;
331
359
  };
360
+ onBeforeHide: {
361
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
362
+ };
332
363
  }>> & {
333
364
  "onDrawer:open"?: (() => any) | undefined;
334
365
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -359,7 +390,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
359
390
  default: boolean;
360
391
  };
361
392
  size: {
362
- type: import("vue").PropType<"default" | "large">;
393
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
363
394
  default: string;
364
395
  };
365
396
  teleport: {
@@ -392,6 +423,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
392
423
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
393
424
  default: string;
394
425
  };
426
+ onBeforeHide: {
427
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
428
+ };
395
429
  }>> & {
396
430
  "onDrawer:open"?: (() => any) | undefined;
397
431
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -415,7 +449,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
415
449
  "drawer:before-unmount": () => void;
416
450
  "drawer:confirm": () => void;
417
451
  }, string, {
418
- size: "default" | "large";
452
+ size: import("../components.types").TJoyDrawerSizes;
419
453
  closeLabel: string;
420
454
  open: boolean;
421
455
  preventBodyScroll: boolean;
@@ -452,7 +486,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
452
486
  default: boolean;
453
487
  };
454
488
  size: {
455
- type: import("vue").PropType<"default" | "large">;
489
+ type: import("vue").PropType<import("../components.types").TJoyDrawerSizes>;
456
490
  default: string;
457
491
  };
458
492
  teleport: {
@@ -485,6 +519,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
485
519
  type: import("vue").PropType<import("../components.types").TJoyButtonSizes>;
486
520
  default: string;
487
521
  };
522
+ onBeforeHide: {
523
+ type: import("vue").PropType<() => boolean | Promise<boolean>>;
524
+ };
488
525
  }>> & {
489
526
  "onDrawer:open"?: (() => any) | undefined;
490
527
  "onDrawer:after-open"?: (() => any) | undefined;
@@ -501,23 +538,40 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
501
538
  isOpen: import("vue").Ref<boolean>;
502
539
  show: () => Promise<void>;
503
540
  }> & {} & import("vue").ComponentCustomProperties & {} & {
504
- $slots: {
505
- "drawer-header"?(_: {}): any;
506
- "drawer-subheader"?(_: {}): any;
507
- "drawer-body"?(_: {}): any;
508
- "drawer-cancel"?(_: {}): any;
509
- "drawer-confirm"?(_: {}): any;
510
- "drawer-indicators"?(_: {}): any;
541
+ $slots: Readonly<{
542
+ 'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
543
+ * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
544
+ * props.drawer is actually "not null"
545
+ *
546
+ * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
547
+ */
548
+ 'drawer-header': () => any;
549
+ 'drawer-subheader': () => any;
550
+ 'drawer-body': () => any;
551
+ 'drawer-cancel': () => any;
552
+ 'drawer-confirm': () => any;
553
+ }> & {
554
+ 'drawer-preheader': () => any; /** Using renderedDrawer allows to get the updated reference of the given drawer prop.
555
+ * When both mounted (drawer and trigger) we can't be 100% sure the VJoyDrawer is ready and then,
556
+ * props.drawer is actually "not null"
557
+ *
558
+ * renderedDrawer.value should be updated as soon as the VJoyDrawer ref is filled.
559
+ */
560
+ 'drawer-header': () => any;
561
+ 'drawer-subheader': () => any;
562
+ 'drawer-body': () => any;
563
+ 'drawer-cancel': () => any;
564
+ 'drawer-confirm': () => any;
511
565
  };
512
566
  }) | null | undefined;
513
567
  }>>> & {
514
568
  onClick?: (() => any) | undefined;
515
569
  }, {}, {}>, Readonly<{
516
- /** @slot Default slot where you can render anything you need. */
517
- default: () => any;
570
+ /** Default slot where you can render anything you need. */
571
+ default(): any;
518
572
  }> & {
519
- /** @slot Default slot where you can render anything you need. */
520
- default: () => any;
573
+ /** Default slot where you can render anything you need. */
574
+ default(): any;
521
575
  }>;
522
576
  export default _default;
523
577
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,4 +1,3 @@
1
- export declare const DROPDOWN_DIRECTIONS: readonly ["up", "down"];
2
- export type TJoyDropdownDirections = (typeof DROPDOWN_DIRECTIONS)[number];
3
- export declare const DROPDOWN_JUSTIFY: readonly ["left", "right"];
4
- export type TJoyDropdownJustify = (typeof DROPDOWN_JUSTIFY)[number];
1
+ import { TPositions } from '../../types';
2
+ export type TJoyDropdownDirections = 'up' | 'down';
3
+ export type TJoyDropdownJustify = TPositions;