@soybeanjs/headless 0.16.0 → 0.17.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.
Files changed (213) hide show
  1. package/dist/components/_icon/types.d.ts +9 -0
  2. package/dist/components/accordion/types.d.ts +87 -0
  3. package/dist/components/affix/types.d.ts +39 -0
  4. package/dist/components/alert/types.d.ts +78 -0
  5. package/dist/components/anchor/anchor-compact.js +1 -1
  6. package/dist/components/anchor/{anchor-compact-item.js → anchor-item-compact.js} +1 -1
  7. package/dist/components/anchor/anchor-item-compact.vue.d.ts +8 -0
  8. package/dist/components/anchor/anchor-link.js +1 -1
  9. package/dist/components/anchor/anchor-root.vue.d.ts +1 -1
  10. package/dist/components/anchor/index.d.ts +5 -4
  11. package/dist/components/anchor/index.js +1 -1
  12. package/dist/components/anchor/types.d.ts +122 -10
  13. package/dist/components/arrow/types.d.ts +3 -0
  14. package/dist/components/aspect-ratio/types.d.ts +3 -0
  15. package/dist/components/autocomplete/autocomplete-compact.vue.d.ts +2 -2
  16. package/dist/components/autocomplete/autocomplete-root.vue.d.ts +3 -3
  17. package/dist/components/autocomplete/types.d.ts +141 -0
  18. package/dist/components/avatar/types.d.ts +18 -0
  19. package/dist/components/backtop/backtop.vue.d.ts +9 -3
  20. package/dist/components/backtop/index.d.ts +2 -2
  21. package/dist/components/backtop/types.d.ts +19 -12
  22. package/dist/components/badge/types.d.ts +21 -0
  23. package/dist/components/bottom-sheet/bottom-sheet-compact.js +1 -1
  24. package/dist/components/bottom-sheet/bottom-sheet-root-nested.js +1 -1
  25. package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts +2 -2
  26. package/dist/components/bottom-sheet/bottom-sheet-root.js +1 -1
  27. package/dist/components/bottom-sheet/types.d.ts +99 -0
  28. package/dist/components/breadcrumb/index.d.ts +2 -2
  29. package/dist/components/breadcrumb/types.d.ts +103 -1
  30. package/dist/components/button/types.d.ts +16 -1
  31. package/dist/components/calendar/calendar-root.js +1 -1
  32. package/dist/components/calendar/types.d.ts +363 -0
  33. package/dist/components/card/types.d.ts +90 -0
  34. package/dist/components/carousel/types.d.ts +42 -0
  35. package/dist/components/checkbox/types.d.ts +111 -0
  36. package/dist/components/clipboard/types.d.ts +42 -0
  37. package/dist/components/collapsible/types.d.ts +18 -0
  38. package/dist/components/color-area/color-area-root.vue.d.ts +1 -1
  39. package/dist/components/color-area/types.d.ts +60 -0
  40. package/dist/components/color-field/color-field-root.vue.d.ts +2 -2
  41. package/dist/components/color-field/types.d.ts +51 -0
  42. package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
  43. package/dist/components/color-picker/types.d.ts +39 -0
  44. package/dist/components/color-slider/color-slider-root.vue.d.ts +1 -1
  45. package/dist/components/color-slider/types.d.ts +60 -0
  46. package/dist/components/color-swatch/types.d.ts +9 -0
  47. package/dist/components/color-swatch-picker/types.d.ts +27 -0
  48. package/dist/components/combobox/combobox-compact.vue.d.ts +2 -2
  49. package/dist/components/combobox/combobox-root.vue.d.ts +2 -2
  50. package/dist/components/combobox/types.d.ts +237 -0
  51. package/dist/components/command/types.d.ts +147 -0
  52. package/dist/components/config-provider/config-provider.vue.d.ts +1 -1
  53. package/dist/components/config-provider/types.d.ts +3 -0
  54. package/dist/components/context-menu/context-menu-checkbox-compact.js +1 -1
  55. package/dist/components/context-menu/context-menu-compact.js +1 -1
  56. package/dist/components/context-menu/context-menu-radio-compact.js +1 -1
  57. package/dist/components/context-menu/context-menu-root.js +1 -1
  58. package/dist/components/context-menu/context-menu-wrapper-compact.js +1 -1
  59. package/dist/components/context-menu/types.d.ts +78 -0
  60. package/dist/components/date-field/date-field-root.vue.d.ts +2 -2
  61. package/dist/components/date-field/types.d.ts +147 -0
  62. package/dist/components/date-picker/context.js +1 -1
  63. package/dist/components/date-picker/date-picker-compact.js +1 -0
  64. package/dist/components/date-picker/date-picker-compact.vue.d.ts +27 -0
  65. package/dist/components/date-picker/date-picker-content.js +1 -0
  66. package/dist/components/date-picker/date-picker-content.vue.d.ts +33 -0
  67. package/dist/components/date-picker/date-picker-root.js +1 -1
  68. package/dist/components/date-picker/date-picker-root.vue.d.ts +9 -14
  69. package/dist/components/date-picker/index.d.ts +8 -5
  70. package/dist/components/date-picker/index.js +1 -1
  71. package/dist/components/date-picker/types.d.ts +236 -10
  72. package/dist/components/date-range-field/date-range-field-root.vue.d.ts +2 -2
  73. package/dist/components/date-range-field/types.d.ts +192 -0
  74. package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts +2 -2
  75. package/dist/components/date-range-picker/date-range-picker-root.vue.d.ts +7 -7
  76. package/dist/components/date-range-picker/types.d.ts +189 -0
  77. package/dist/components/dialog/dialog-compact.js +1 -1
  78. package/dist/components/dialog/dialog-compact.vue.d.ts +5 -5
  79. package/dist/components/dialog/dialog-root.js +1 -1
  80. package/dist/components/dialog/types.d.ts +196 -2
  81. package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.js +1 -1
  82. package/dist/components/dropdown-menu/dropdown-menu-compact.js +1 -1
  83. package/dist/components/dropdown-menu/dropdown-menu-radio-compact.js +1 -1
  84. package/dist/components/dropdown-menu/dropdown-menu-root.js +1 -1
  85. package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts +1 -1
  86. package/dist/components/dropdown-menu/dropdown-menu-wrapper-compact.js +1 -1
  87. package/dist/components/dropdown-menu/types.d.ts +84 -0
  88. package/dist/components/editable/types.d.ts +123 -0
  89. package/dist/components/empty/types.d.ts +24 -0
  90. package/dist/components/form/core/types.d.ts +396 -13
  91. package/dist/components/form/types.d.ts +27 -0
  92. package/dist/components/hover-card/hover-card-positioner-impl.js +1 -1
  93. package/dist/components/hover-card/types.d.ts +57 -0
  94. package/dist/components/input/types.d.ts +21 -0
  95. package/dist/components/input-number/types.d.ts +30 -0
  96. package/dist/components/input-otp/index.d.ts +1 -2
  97. package/dist/components/input-otp/index.js +1 -1
  98. package/dist/components/input-otp/input-otp-compact.vue.d.ts +4 -4
  99. package/dist/components/input-otp/input-otp-root.vue.d.ts +5 -5
  100. package/dist/components/input-otp/types.d.ts +186 -0
  101. package/dist/components/kbd/types.d.ts +6 -0
  102. package/dist/components/label/types.d.ts +3 -0
  103. package/dist/components/layout/layout-root.vue.d.ts +1 -1
  104. package/dist/components/layout/types.d.ts +124 -10
  105. package/dist/components/link/types.d.ts +12 -0
  106. package/dist/components/list/types.d.ts +21 -0
  107. package/dist/components/listbox/types.d.ts +66 -0
  108. package/dist/components/menu/menu-option-compact.js +1 -1
  109. package/dist/components/menu/menu-options-compact.js +1 -1
  110. package/dist/components/menu/menu-root.js +1 -1
  111. package/dist/components/menu/types.d.ts +266 -2
  112. package/dist/components/menubar/menubar-compact.js +1 -1
  113. package/dist/components/menubar/types.d.ts +72 -0
  114. package/dist/components/month-picker/month-picker-root.vue.d.ts +4 -4
  115. package/dist/components/month-picker/types.d.ts +141 -0
  116. package/dist/components/month-range-picker/month-range-picker-root.vue.d.ts +4 -4
  117. package/dist/components/month-range-picker/types.d.ts +165 -0
  118. package/dist/components/navigation-menu/types.d.ts +87 -0
  119. package/dist/components/page-tabs/types.d.ts +24 -0
  120. package/dist/components/pagination/types.d.ts +96 -0
  121. package/dist/components/popover/context.d.ts +9 -0
  122. package/dist/components/popover/context.js +1 -1
  123. package/dist/components/popover/index.d.ts +6 -6
  124. package/dist/components/popover/index.js +1 -1
  125. package/dist/components/popover/popover-compact.js +1 -1
  126. package/dist/components/popover/popover-root.js +1 -1
  127. package/dist/components/popover/popover-root.vue.d.ts +0 -2
  128. package/dist/components/popover/popover-trigger.js +1 -1
  129. package/dist/components/popover/types.d.ts +94 -6
  130. package/dist/components/popper/popper-positioner.vue.d.ts +2 -2
  131. package/dist/components/popper/types.d.ts +21 -0
  132. package/dist/components/portal/types.d.ts +3 -0
  133. package/dist/components/primitive/types.d.ts +6 -0
  134. package/dist/components/progress/types.d.ts +81 -0
  135. package/dist/components/radio-group/types.d.ts +66 -0
  136. package/dist/components/range-calendar/range-calendar-root.vue.d.ts +2 -2
  137. package/dist/components/range-calendar/types.d.ts +330 -0
  138. package/dist/components/roving-focus/roving-focus-group.vue.d.ts +1 -1
  139. package/dist/components/roving-focus/types.d.ts +18 -0
  140. package/dist/components/scroll-area/types.d.ts +33 -0
  141. package/dist/components/segment/types.d.ts +36 -0
  142. package/dist/components/select/select-content.vue.d.ts +1 -1
  143. package/dist/components/select/types.d.ts +240 -0
  144. package/dist/components/separator/types.d.ts +12 -0
  145. package/dist/components/skeleton/types.d.ts +3 -0
  146. package/dist/components/slider/slider-root.vue.d.ts +1 -1
  147. package/dist/components/slider/types.d.ts +90 -0
  148. package/dist/components/splitter/splitter-panel.vue.d.ts +2 -2
  149. package/dist/components/splitter/types.d.ts +114 -0
  150. package/dist/components/stepper/stepper-root.vue.d.ts +1 -1
  151. package/dist/components/stepper/types.d.ts +96 -0
  152. package/dist/components/switch/types.d.ts +21 -0
  153. package/dist/components/table/types.d.ts +819 -0
  154. package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
  155. package/dist/components/tabs/types.d.ts +75 -0
  156. package/dist/components/tag/types.d.ts +12 -0
  157. package/dist/components/tags-input/tags-input-root.vue.d.ts +2 -2
  158. package/dist/components/tags-input/types.d.ts +63 -0
  159. package/dist/components/textarea/types.d.ts +27 -0
  160. package/dist/components/time-field/time-field-root.vue.d.ts +1 -1
  161. package/dist/components/time-field/types.d.ts +138 -0
  162. package/dist/components/time-picker/time-picker-root.vue.d.ts +6 -6
  163. package/dist/components/time-picker/types.d.ts +156 -0
  164. package/dist/components/time-range-field/time-range-field-root.vue.d.ts +2 -2
  165. package/dist/components/time-range-field/types.d.ts +192 -0
  166. package/dist/components/time-range-picker/time-range-picker-compact.vue.d.ts +2 -2
  167. package/dist/components/time-range-picker/time-range-picker-root.vue.d.ts +6 -6
  168. package/dist/components/time-range-picker/types.d.ts +201 -0
  169. package/dist/components/toast/toaster.vue.d.ts +2 -2
  170. package/dist/components/toast/types.d.ts +224 -4
  171. package/dist/components/toggle/toggle.vue.d.ts +1 -1
  172. package/dist/components/toggle/types.d.ts +9 -0
  173. package/dist/components/toggle-group/types.d.ts +15 -0
  174. package/dist/components/toolbar/types.d.ts +48 -0
  175. package/dist/components/tooltip/types.d.ts +27 -0
  176. package/dist/components/tree/types.d.ts +75 -0
  177. package/dist/components/tree-menu/tree-menu-root.vue.d.ts +1 -1
  178. package/dist/components/tree-menu/types.d.ts +60 -0
  179. package/dist/components/virtualizer/types.d.ts +33 -0
  180. package/dist/components/visually-hidden/types.d.ts +30 -0
  181. package/dist/components/year-picker/types.d.ts +144 -0
  182. package/dist/components/year-picker/year-picker-root.vue.d.ts +4 -4
  183. package/dist/components/year-range-picker/types.d.ts +168 -0
  184. package/dist/components/year-range-picker/year-range-picker-root.vue.d.ts +4 -4
  185. package/dist/composables/use-collection.js +1 -1
  186. package/dist/constants/components.d.ts +5 -5
  187. package/dist/constants/components.js +1 -1
  188. package/dist/constants/index.d.ts +2 -1
  189. package/dist/constants/index.js +1 -1
  190. package/dist/{components/input-otp → constants}/regexp.d.ts +1 -1
  191. package/dist/date/parts.d.ts +1 -1
  192. package/dist/index.d.ts +418 -417
  193. package/dist/index.js +1 -1
  194. package/dist/namespaced/index.d.ts +877 -872
  195. package/dist/namespaced/index.js +1 -1
  196. package/dist/node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js +1 -1
  197. package/dist/resolver/index.js +1 -1
  198. package/dist/shared/index.d.ts +2 -2
  199. package/dist/shared/index.js +1 -1
  200. package/dist/shared/string.d.ts +1 -34
  201. package/dist/shared/string.js +1 -1
  202. package/dist/types/common.d.ts +9 -1
  203. package/dist/types/dom.d.ts +3 -1
  204. package/dist/types/event.d.ts +10 -1
  205. package/dist/types/index.d.ts +5 -4
  206. package/dist/types/index.js +0 -0
  207. package/dist/types/vue.d.ts +4 -1
  208. package/package.json +6 -1
  209. package/dist/components/date-picker/date-picker-popup.js +0 -1
  210. package/dist/components/date-picker/date-picker-popup.vue.d.ts +0 -21
  211. package/dist/components/date-picker/date-picker-trigger.js +0 -1
  212. package/dist/components/date-picker/date-picker-trigger.vue.d.ts +0 -21
  213. /package/dist/{components/input-otp → constants}/regexp.js +0 -0
@@ -7,70 +7,253 @@ import { Formatter } from "../../date/formatter.js";
7
7
  import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
8
8
 
9
9
  //#region src/components/date-range-picker/types.d.ts
10
+ /**
11
+ * Props for the date range picker root component.
12
+ */
10
13
  interface DateRangePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
14
+ /**
15
+ * Default value.
16
+ */
11
17
  defaultValue?: DateRange;
18
+ /**
19
+ * Default placeholder.
20
+ */
12
21
  defaultPlaceholder?: DateValue;
22
+ /**
23
+ * Placeholder.
24
+ */
13
25
  placeholder?: DateValue;
26
+ /**
27
+ * Current model value.
28
+ */
14
29
  modelValue?: DateRange;
30
+ /**
31
+ * Hour cycle.
32
+ */
15
33
  hourCycle?: HourCycle;
34
+ /**
35
+ * Step.
36
+ */
16
37
  step?: DateStep;
38
+ /**
39
+ * Granularity.
40
+ */
17
41
  granularity?: Granularity;
42
+ /**
43
+ * Whether hide time zone.
44
+ */
18
45
  hideTimeZone?: boolean;
46
+ /**
47
+ * Max value.
48
+ */
19
49
  maxValue?: DateValue;
50
+ /**
51
+ * Min value.
52
+ */
20
53
  minValue?: DateValue;
54
+ /**
55
+ * Locale.
56
+ */
21
57
  locale?: string;
58
+ /**
59
+ * Whether the component is disabled.
60
+ */
22
61
  disabled?: boolean;
62
+ /**
63
+ * Whether the component is readonly.
64
+ */
23
65
  readonly?: boolean;
66
+ /**
67
+ * Whether the date is unavailable.
68
+ */
24
69
  isDateUnavailable?: Matcher;
70
+ /**
71
+ * Id.
72
+ */
25
73
  id?: string;
74
+ /**
75
+ * Reading direction of the component.
76
+ */
26
77
  dir?: Direction;
78
+ /**
79
+ * Whether the component is open by default.
80
+ */
27
81
  defaultOpen?: boolean;
82
+ /**
83
+ * Whether the component is open.
84
+ */
28
85
  open?: boolean;
86
+ /**
87
+ * Whether the popup is modal.
88
+ */
29
89
  modal?: boolean;
30
90
  }
91
+ /**
92
+ * Emits for the date range picker root component.
93
+ */
31
94
  type DateRangePickerRootEmits = {
95
+ /**
96
+ * Emitted when the model value changes.
97
+ */
32
98
  'update:modelValue': [range: DateRange];
99
+ /**
100
+ * Emitted when the placeholder value changes.
101
+ */
33
102
  'update:placeholder': [date: DateValue];
103
+ /**
104
+ * Emitted when the start value changes.
105
+ */
34
106
  'update:startValue': [date: DateValue | undefined];
107
+ /**
108
+ * Emitted when the end value changes.
109
+ */
35
110
  'update:endValue': [date: DateValue | undefined];
111
+ /**
112
+ * Emitted when the open state changes.
113
+ */
36
114
  'update:open': [open: boolean];
37
115
  };
116
+ /**
117
+ * Props for the date range picker trigger component.
118
+ */
38
119
  interface DateRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
120
+ /**
121
+ * Props for the date range picker popup component.
122
+ */
39
123
  interface DateRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
124
+ /**
125
+ * Context for the date range picker root component.
126
+ */
40
127
  interface DateRangePickerRootContext extends PropsToContext<DateRangePickerRootProps, 'disabled' | 'readonly'> {
128
+ /**
129
+ * Locale used by the component context.
130
+ */
41
131
  locale: ComputedRef<string>;
132
+ /**
133
+ * Reading direction of the component.
134
+ */
42
135
  dir: ComputedRef<Direction>;
136
+ /**
137
+ * Current model value.
138
+ */
43
139
  modelValue: ShallowRef<DateRange>;
140
+ /**
141
+ * Placeholder used by the component context.
142
+ */
44
143
  placeholder: ShallowRef<DateValue>;
144
+ /**
145
+ * Whether the date is unavailable.
146
+ */
45
147
  isDateUnavailable?: Matcher;
148
+ /**
149
+ * Whether the current value is invalid.
150
+ */
46
151
  isInvalid: ComputedRef<boolean>;
152
+ /**
153
+ * Formatter used by the component context.
154
+ */
47
155
  formatter: Formatter;
156
+ /**
157
+ * Hour cycle used by the component context.
158
+ */
48
159
  hourCycle: HourCycle;
160
+ /**
161
+ * Step used by the component context.
162
+ */
49
163
  step: ComputedRef<DateStep>;
164
+ /**
165
+ * Whether the component is open.
166
+ */
50
167
  open: ShallowRef<boolean | undefined>;
168
+ /**
169
+ * Whether the placeholder is focusable.
170
+ */
51
171
  isPlaceholderFocusable: ComputedRef<boolean>;
172
+ /**
173
+ * Whether the component has selected range.
174
+ */
52
175
  hasSelectedRange: ComputedRef<boolean>;
176
+ /**
177
+ * Whether the start date is disabled.
178
+ */
53
179
  isStartDateDisabled: ComputedRef<boolean>;
180
+ /**
181
+ * Whether an end date disabled.
182
+ */
54
183
  isEndDateDisabled: ComputedRef<boolean>;
184
+ /**
185
+ * Min value used by the component context.
186
+ */
55
187
  minValue: ComputedRef<DateValue | undefined>;
188
+ /**
189
+ * Max value used by the component context.
190
+ */
56
191
  maxValue: ComputedRef<DateValue | undefined>;
192
+ /**
193
+ * Callback invoked when the range changes.
194
+ */
57
195
  onRangeChange: (range: DateRange) => void;
196
+ /**
197
+ * Callback invoked when the placeholder changes.
198
+ */
58
199
  onPlaceholderChange: (date: DateValue) => void;
200
+ /**
201
+ * Whether the date is disabled.
202
+ */
59
203
  isDateDisabled: Matcher;
204
+ /**
205
+ * Whether the date is selected.
206
+ */
60
207
  isDateSelected: Matcher;
208
+ /**
209
+ * Whether the date is hovered.
210
+ */
61
211
  isDateHovered: Matcher;
212
+ /**
213
+ * Set open used by the component context.
214
+ */
62
215
  setOpen: (value: boolean) => void;
216
+ /**
217
+ * Set hovered date used by the component context.
218
+ */
63
219
  setHoveredDate: (date: DateValue | undefined) => void;
220
+ /**
221
+ * Hovered date used by the component context.
222
+ */
64
223
  hoveredDate: ShallowRef<DateValue | undefined>;
65
224
  }
225
+ /**
226
+ * Available UI slots for the date range picker component.
227
+ */
66
228
  type DateRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'input' | 'calendar';
229
+ /**
230
+ * UI class overrides for the date range picker component.
231
+ */
67
232
  type DateRangePickerUi = UiClass<DateRangePickerUiSlot>;
233
+ /**
234
+ * Props for the date range picker compact component.
235
+ */
68
236
  interface DateRangePickerCompactProps extends DateRangePickerRootProps {
237
+ /**
238
+ * Props forwarded to the trigger element.
239
+ */
69
240
  triggerProps?: DateRangePickerTriggerProps;
241
+ /**
242
+ * Props forwarded to the popup element.
243
+ */
70
244
  popupProps?: DateRangePickerPopupProps;
71
245
  }
246
+ /**
247
+ * Emits for the date range picker compact component.
248
+ */
72
249
  type DateRangePickerCompactEmits = DateRangePickerRootEmits;
250
+ /**
251
+ * Slots for the date range picker compact component.
252
+ */
73
253
  type DateRangePickerCompactSlots = {
254
+ /**
255
+ * Custom content for the default slot.
256
+ */
74
257
  default?: (props: {
75
258
  modelValue: DateRange;
76
259
  placeholder: DateValue;
@@ -78,10 +261,16 @@ type DateRangePickerCompactSlots = {
78
261
  setRange: (range: DateRange) => void;
79
262
  open: boolean;
80
263
  }) => any;
264
+ /**
265
+ * Custom content for the trigger slot.
266
+ */
81
267
  trigger?: (props: {
82
268
  modelValue: DateRange;
83
269
  open: boolean;
84
270
  }) => any;
271
+ /**
272
+ * Custom content for the calendar slot.
273
+ */
85
274
  calendar?: (props: {
86
275
  modelValue: DateRange;
87
276
  placeholder: DateValue;
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-close.js";import c from"./dialog-popup.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-header.js";import p from"./dialog-overlay.js";import m from"./dialog-root.js";import h from"./dialog-title.js";import g from"./dialog-trigger.js";import _ from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{default:`default`}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=e(V),G=a(),K=y(()=>G?.getCurrentDialog(U[`data-dialog-id`])),q=y(()=>[o().value?.icon,K.value?.ui?.icon].filter(Boolean).join(` `)),J=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),Y={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},X=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?Y[z.alertType]:null),Z=y(()=>z.showConfirm??z.isAlert),Q=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),$=y(()=>z.pure?!1:H.footer?!0:Q.value||Z.value);return i({dialog:K}),(e,t)=>(A(),b(m,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(i=>[w(g,k(E(J.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(i)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,k(E(T.overlayProps)),null,16),w(c,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(f,k(D({key:0},T.headerProps)),{default:L(()=>[w(h,k(E(T.titleProps)),{default:L(()=>[X.value?(A(),b(n,{key:0,icon:X.value,class:O(q.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(i)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(i)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(i)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0),$.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(i)),()=>[Q.value?(A(),b(_,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(i)),()=>[C(M(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),Z.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(i)),()=>[C(M(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
1
+ import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../portal/portal.js";import{provideDialogCompactContext as i,useDialogProviderContext as a,useDialogUi as o}from"./context.js";import s from"./dialog-close.js";import c from"./dialog-popup.js";import l from"./dialog-content.js";import u from"./dialog-description.js";import d from"./dialog-footer.js";import f from"./dialog-header.js";import p from"./dialog-overlay.js";import m from"./dialog-root.js";import h from"./dialog-title.js";import g from"./dialog-trigger.js";import _ from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{default:`Cancel`},showConfirm:{type:Boolean,default:!0},confirmText:{default:`Confirm`},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=t(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=e(V),G=a(),K=y(()=>G?.getCurrentDialog(U[`data-dialog-id`])),q=y(()=>[o().value?.icon,K.value?.ui?.icon].filter(Boolean).join(` `)),J=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),Y={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},X=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?Y[z.alertType]:null),Z=y(()=>z.showConfirm??z.isAlert),Q=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),$=y(()=>z.pure?!1:H.footer?!0:Q.value||Z.value);return i({dialog:K}),(e,t)=>(A(),b(m,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(i=>[w(g,k(E(J.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(i)))]),_:2},1040),w(r,k(E(T.portalProps)),{default:L(()=>[w(p,k(E(T.overlayProps)),null,16),w(c,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(f,k(D({key:0},T.headerProps)),{default:L(()=>[w(h,k(E(T.titleProps)),{default:L(()=>[X.value?(A(),b(n,{key:0,icon:X.value,class:O(q.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(i)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(u,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(i)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(l,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(i)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(s,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(i)))]),_:2},1024)):x(`v-if`,!0),$.value?(A(),b(d,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(i)),()=>[Q.value?(A(),b(_,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(i)),()=>[C(M(T.cancelText),1)])]),_:2},1040)):x(`v-if`,!0),Z.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(i)),()=>[C(M(T.confirmText),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
@@ -5,8 +5,6 @@ import * as _$vue from "vue";
5
5
  //#region src/components/dialog/dialog-compact.vue.d.ts
6
6
  type __VLS_Slots = DialogCompactSlots;
7
7
  declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
8
- cancel: (event: MouseEvent) => any;
9
- close: (event: MouseEvent) => any;
10
8
  "update:open": (value: boolean) => any;
11
9
  escapeKeyDown: (event: KeyboardEvent) => any;
12
10
  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
@@ -14,10 +12,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
14
12
  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
15
13
  openAutoFocus: (event: Event) => any;
16
14
  closeAutoFocus: (event: Event) => any;
15
+ cancel: (event: MouseEvent) => any;
16
+ close: (event: MouseEvent) => any;
17
17
  confirm: (event: MouseEvent) => any;
18
18
  }, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
19
- onCancel?: ((event: MouseEvent) => any) | undefined;
20
- onClose?: ((event: MouseEvent) => any) | undefined;
21
19
  "onUpdate:open"?: ((value: boolean) => any) | undefined;
22
20
  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
23
21
  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
@@ -25,16 +23,18 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
25
23
  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
26
24
  onOpenAutoFocus?: ((event: Event) => any) | undefined;
27
25
  onCloseAutoFocus?: ((event: Event) => any) | undefined;
26
+ onCancel?: ((event: MouseEvent) => any) | undefined;
27
+ onClose?: ((event: MouseEvent) => any) | undefined;
28
28
  onConfirm?: ((event: MouseEvent) => any) | undefined;
29
29
  }>, {
30
30
  open: boolean;
31
31
  modal: boolean;
32
- alertType: DialogAlertType;
33
32
  showClose: boolean;
34
33
  showCancel: "onlyWarning" | boolean;
35
34
  cancelText: string;
36
35
  showConfirm: boolean;
37
36
  confirmText: string;
37
+ alertType: DialogAlertType;
38
38
  }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
39
39
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
40
40
  declare const _default: typeof __VLS_export;
@@ -1 +1 @@
1
- import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as n}from"./context.js";import{computed as r,defineComponent as i,renderSlot as a,unref as o}from"vue";const s=i({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`],setup(i,{emit:s}){let c=i,l=s,u=t(()=>c.open,e=>{l(`update:open`,e??!1)},c.defaultOpen??!1),{onOpenChange:d}=n({open:u,modal:r(()=>c.isAlert===!0||c.modal),...e(c,[`isAlert`,`alertType`])}),f=()=>{d(!1)};return(e,t)=>a(e.$slots,`default`,{open:o(u),close:f})}});export{s as default};
1
+ import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as n}from"./context.js";import{computed as r,defineComponent as i,renderSlot as a,unref as o}from"vue";const s=i({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(i,{emit:s}){let c=i,l=s,u=t(()=>c.open,e=>{l(`update:open`,e??!1)},c.defaultOpen??!1),{onOpenChange:d}=n({open:u,modal:r(()=>c.isAlert===!0||c.modal),...e(c,[`isAlert`,`alertType`])}),f=()=>{d(!1)};return(e,t)=>a(e.$slots,`default`,{open:o(u),close:f})}});export{s as default};
@@ -7,8 +7,14 @@ import { PortalProps } from "../portal/types.js";
7
7
  import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, Ref, ShallowRef, VNode } from "vue";
8
8
 
9
9
  //#region src/components/dialog/types.d.ts
10
+ /**
11
+ * Supported dialog alert values.
12
+ */
10
13
  type DialogAlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
11
- interface DialogRootProps {
14
+ /**
15
+ * Props for the dialog base component.
16
+ */
17
+ interface DialogBaseProps {
12
18
  /**
13
19
  * The controlled open state of the dialog. Can be bound with `v-model:open`.
14
20
  *
@@ -28,6 +34,11 @@ interface DialogRootProps {
28
34
  * @defaultValue true
29
35
  */
30
36
  modal?: boolean;
37
+ }
38
+ /**
39
+ * Props for the dialog root component.
40
+ */
41
+ interface DialogRootProps extends DialogBaseProps {
31
42
  /**
32
43
  * Whether the dialog is an alert dialog. An alert dialog is a dialog that interrupts the user's workflow to communicate an important message and requires a response.
33
44
  *
@@ -41,32 +52,89 @@ interface DialogRootProps {
41
52
  */
42
53
  alertType?: DialogAlertType;
43
54
  }
55
+ /**
56
+ * Emits for the dialog root component.
57
+ */
44
58
  type DialogRootEmits = {
45
59
  /** Event handler called when the open state of the dialog changes. */'update:open': [value: boolean];
46
60
  };
61
+ /**
62
+ * Props for the dialog trigger component.
63
+ */
47
64
  interface DialogTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
65
+ /**
66
+ * Props for the dialog overlay component.
67
+ */
48
68
  interface DialogOverlayProps extends ForceMountProps, /** @vue-ignore */HTMLAttributes {}
69
+ /**
70
+ * Props for the dialog popup impl component.
71
+ */
49
72
  interface DialogPopupImplProps extends PrimitiveProps, TrapFocusProps, DismissableLayerProps, /** @vue-ignore */HTMLAttributes {}
73
+ /**
74
+ * Emits for the dialog popup impl component.
75
+ */
50
76
  type DialogPopupImplEmits = DismissableLayerEmits & FocusScopeEmits;
77
+ /**
78
+ * Props for the dialog popup component.
79
+ */
51
80
  interface DialogPopupProps extends Omit<DialogPopupImplProps, 'trapFocus' | 'disableOutsidePointerEvents'>, ForceMountProps {}
81
+ /**
82
+ * Emits for the dialog popup component.
83
+ */
52
84
  type DialogPopupEmits = DialogPopupImplEmits;
85
+ /**
86
+ * Props for the dialog title component.
87
+ */
53
88
  interface DialogTitleProps extends /** @vue-ignore */HTMLAttributes {}
89
+ /**
90
+ * Props for the dialog description component.
91
+ */
54
92
  interface DialogDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
93
+ /**
94
+ * Props for the dialog close component.
95
+ */
55
96
  interface DialogCloseProps extends ButtonProps {}
97
+ /**
98
+ * Emits for the dialog close component.
99
+ */
56
100
  type DialogCloseEmits = {
57
101
  /** Event handler called when the dialog is requested to be closed. */close: [event: MouseEvent];
58
102
  };
103
+ /**
104
+ * Props for the dialog cancel component.
105
+ */
59
106
  interface DialogCancelProps extends ButtonProps {}
107
+ /**
108
+ * Emits for the dialog cancel component.
109
+ */
60
110
  type DialogCancelEmits = {
61
111
  /** Event handler called when the dialog is requested to be canceled. */cancel: [event: MouseEvent];
62
112
  };
113
+ /**
114
+ * Props for the dialog confirm component.
115
+ */
63
116
  interface DialogConfirmProps extends ButtonProps {}
117
+ /**
118
+ * Emits for the dialog confirm component.
119
+ */
64
120
  type DialogConfirmEmits = {
65
121
  /** Event handler called when the dialog is requested to be closed by confirming. */confirm: [event: MouseEvent];
66
122
  };
123
+ /**
124
+ * Props for the dialog header component.
125
+ */
67
126
  interface DialogHeaderProps extends /** @vue-ignore */HTMLAttributes {}
127
+ /**
128
+ * Props for the dialog content component.
129
+ */
68
130
  interface DialogContentProps extends /** @vue-ignore */HTMLAttributes {}
131
+ /**
132
+ * Props for the dialog footer component.
133
+ */
69
134
  interface DialogFooterProps extends /** @vue-ignore */HTMLAttributes {}
135
+ /**
136
+ * Props for the dialog compact component.
137
+ */
70
138
  interface DialogCompactProps extends DialogRootProps {
71
139
  /**
72
140
  * The title of the dialog. This is used for accessibility purposes and will be rendered in the header of the dialog if the `title` slot is not provided.
@@ -120,52 +188,178 @@ interface DialogCompactProps extends DialogRootProps {
120
188
  * @defaultValue 'Confirm'
121
189
  */
122
190
  confirmText?: string;
191
+ /**
192
+ * Props forwarded to the trigger element.
193
+ */
123
194
  triggerProps?: DialogTriggerProps;
195
+ /**
196
+ * Props forwarded to the overlay element.
197
+ */
124
198
  overlayProps?: DialogOverlayProps;
199
+ /**
200
+ * Props forwarded to the portal element.
201
+ */
125
202
  portalProps?: PortalProps;
203
+ /**
204
+ * Props forwarded to the popup element.
205
+ */
126
206
  popupProps?: DialogPopupProps;
207
+ /**
208
+ * Props forwarded to the header element.
209
+ */
127
210
  headerProps?: DialogHeaderProps;
211
+ /**
212
+ * Props forwarded to the content element.
213
+ */
128
214
  contentProps?: DialogContentProps;
215
+ /**
216
+ * Props forwarded to the footer element.
217
+ */
129
218
  footerProps?: DialogFooterProps;
219
+ /**
220
+ * Props forwarded to the title element.
221
+ */
130
222
  titleProps?: DialogTitleProps;
223
+ /**
224
+ * Props forwarded to the description element.
225
+ */
131
226
  descriptionProps?: DialogDescriptionProps;
227
+ /**
228
+ * Props forwarded to the close element.
229
+ */
132
230
  closeProps?: DialogCloseProps;
231
+ /**
232
+ * Props forwarded to the cancel element.
233
+ */
133
234
  cancelProps?: DialogCancelProps;
235
+ /**
236
+ * Props forwarded to the confirm element.
237
+ */
134
238
  confirmProps?: DialogConfirmProps;
135
239
  }
240
+ /**
241
+ * Emits for the dialog compact component.
242
+ */
136
243
  type DialogCompactEmits = DialogRootEmits & DialogPopupEmits & DialogCloseEmits & DialogConfirmEmits & DialogCancelEmits;
244
+ /**
245
+ * Slot props for the dialog compact base component.
246
+ */
137
247
  interface DialogCompactBaseSlotProps {
248
+ /**
249
+ * Whether the component is open.
250
+ */
138
251
  open: boolean;
252
+ /**
253
+ * Close exposed in the slot scope.
254
+ */
139
255
  close: () => void;
140
256
  }
257
+ /**
258
+ * Slots for the dialog compact component.
259
+ */
141
260
  type DialogCompactSlots = {
261
+ /**
262
+ * Custom content for the default slot.
263
+ */
142
264
  default: (props: DialogCompactBaseSlotProps) => any;
265
+ /**
266
+ * Custom content for the trigger slot.
267
+ */
143
268
  trigger?: (props: DialogCompactBaseSlotProps) => any;
269
+ /**
270
+ * Custom content for the title slot.
271
+ */
144
272
  title?: (props: DialogCompactBaseSlotProps) => any;
273
+ /**
274
+ * Custom content for the description slot.
275
+ */
145
276
  description?: (props: DialogCompactBaseSlotProps) => any;
277
+ /**
278
+ * Custom content for the close slot.
279
+ */
146
280
  close?: (props: DialogCompactBaseSlotProps) => any;
281
+ /**
282
+ * Custom content for the footer slot.
283
+ */
147
284
  footer?: (props: DialogCompactBaseSlotProps) => any;
285
+ /**
286
+ * Custom content for the cancel slot.
287
+ */
148
288
  cancel?: (props: DialogCompactBaseSlotProps) => any;
289
+ /**
290
+ * Custom content for the confirm slot.
291
+ */
149
292
  confirm?: (props: DialogCompactBaseSlotProps) => any;
150
293
  };
294
+ /**
295
+ * Available UI slots for the dialog component.
296
+ */
151
297
  type DialogUiSlot = 'overlay' | 'popup' | 'header' | 'content' | 'footer' | 'title' | 'icon' | 'description' | 'close' | 'cancel' | 'confirm';
298
+ /**
299
+ * UI class overrides for the dialog component.
300
+ */
152
301
  type DialogUi = UiClass<DialogUiSlot>;
302
+ /**
303
+ * Type information for the dialog t component.
304
+ */
153
305
  interface DialogT extends Pick<DialogCompactProps, 'open' | 'icon' | 'showCancel' | 'showConfirm'> {
306
+ /**
307
+ * Id.
308
+ */
154
309
  id: number | string;
310
+ /**
311
+ * Type.
312
+ */
155
313
  type?: DialogAlertType;
314
+ /**
315
+ * Per-slot class overrides for the component.
316
+ */
156
317
  ui?: Partial<DialogUi>;
318
+ /**
319
+ * Title text rendered by the component.
320
+ */
157
321
  title?: VNode | string;
322
+ /**
323
+ * Description text rendered by the component.
324
+ */
158
325
  description?: VNode | string;
326
+ /**
327
+ * Content.
328
+ */
159
329
  content?: VNode;
330
+ /**
331
+ * Footer.
332
+ */
160
333
  footer?: VNode;
334
+ /**
335
+ * Whether the component can cel text.
336
+ */
161
337
  cancelText?: VNode | string;
338
+ /**
339
+ * Confirm text.
340
+ */
162
341
  confirmText?: VNode | string;
342
+ /**
343
+ * Callback invoked when the cancel event fires.
344
+ */
163
345
  onCancel?: (event: MouseEvent) => void;
346
+ /**
347
+ * Callback invoked when the confirm event fires.
348
+ */
164
349
  onConfirm?: (event: MouseEvent) => void;
350
+ /**
351
+ * Callback invoked when the dismiss event fires.
352
+ */
165
353
  onDismiss?: (dialog: DialogT) => void;
166
354
  }
355
+ /**
356
+ * Type information for the dialog external component.
357
+ */
167
358
  interface DialogExternal extends Omit<DialogT, 'id' | 'type' | 'title'> {
359
+ /**
360
+ * Id.
361
+ */
168
362
  id?: number | string;
169
363
  }
170
364
  //#endregion
171
- export { DialogAlertType, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };
365
+ export { DialogAlertType, DialogBaseProps, DialogCancelEmits, DialogCancelProps, DialogCloseEmits, DialogCloseProps, DialogCompactBaseSlotProps, DialogCompactEmits, DialogCompactProps, DialogCompactSlots, DialogConfirmEmits, DialogConfirmProps, DialogContentProps, DialogDescriptionProps, DialogExternal, DialogFooterProps, DialogHeaderProps, DialogOverlayProps, DialogPopupEmits, DialogPopupProps, DialogRootEmits, DialogRootProps, DialogT, DialogTitleProps, DialogTriggerProps, DialogUi, DialogUiSlot };
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
1
+ import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-checkbox-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCheckboxCompact`,__name:`dropdown-menu-checkbox-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},checkboxItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
1
+ import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuCompact`,__name:`dropdown-menu-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},activeValue:{},itemProps:{},linkProps:{},groupProps:{},groupLabelProps:{},subProps:{},subTriggerProps:{},subContentProps:{},separatorProps:{},shortcutProps:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
@@ -1 +1 @@
1
- import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=e(C),k=o(()=>t(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};
1
+ import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../menu/menu-radio-options-compact.js";import a from"./dropdown-menu-wrapper-compact.js";import{computed as o,createBlock as s,createSlots as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toHandlers as _,unref as v,useSlots as y,withCtx as b}from"vue";const x=u({name:`DropdownMenuRadioCompact`,__name:`dropdown-menu-radio-compact`,props:{disabled:{type:Boolean},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},trigger:{},delayDuration:{},skipDelayDuration:{},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0},items:{},groupLabelProps:{},radioItemProps:{},indicatorProps:{},shortcutProps:{},separatorProps:{},modelValue:{default:void 0},defaultValue:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`,`update:modelValue`,`select`],setup(u,{emit:x}){let S=u,C=x,w=y(),T=[`defaultOpen`,`open`,`dir`,`modal`,`trigger`,`delayDuration`,`skipDelayDuration`,`disabled`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`],E=r(S,[...T]),D=n(S,[...T]),O=t(C),k=o(()=>e(w).filter(e=>e!==`trigger`));return(e,t)=>(m(),s(a,f(v(E),_(v(O))),{trigger:b(()=>[g(e.$slots,`trigger`)]),default:b(()=>[l(i,f(v(D),{"portal-props":u.portalProps},_(v(O))),c({_:2},[h(k.value,t=>({name:t,fn:b(n=>[g(e.$slots,t,p(d(n)))])}))]),1040,[`portal-props`])]),_:3},16))}});export{x as default};