@itguy614/clean-ui 1.2.1 → 1.3.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 (243) hide show
  1. package/README.md +12 -0
  2. package/dist/clean-ui.css +1 -1
  3. package/dist/components/CuiAccordion.vue.js +2 -2
  4. package/dist/components/CuiAlert.vue.d.ts +3 -5
  5. package/dist/components/CuiAlert.vue.d.ts.map +1 -1
  6. package/dist/components/CuiAlert.vue.js +1 -1
  7. package/dist/components/CuiAlert.vue2.js +54 -50
  8. package/dist/components/CuiBadge.vue.js +3 -3
  9. package/dist/components/CuiBadge.vue2.js +23 -23
  10. package/dist/components/CuiBanner.vue.d.ts +15 -10
  11. package/dist/components/CuiBanner.vue.d.ts.map +1 -1
  12. package/dist/components/CuiBanner.vue.js +5 -80
  13. package/dist/components/CuiBanner.vue2.js +90 -2
  14. package/dist/components/CuiButton.vue.d.ts +9 -0
  15. package/dist/components/CuiButton.vue.d.ts.map +1 -1
  16. package/dist/components/CuiButton.vue.js +1 -1
  17. package/dist/components/CuiButton.vue2.js +77 -83
  18. package/dist/components/CuiButtonGroup.vue.d.ts +4 -2
  19. package/dist/components/CuiButtonGroup.vue.d.ts.map +1 -1
  20. package/dist/components/CuiButtonGroup.vue.js +1 -1
  21. package/dist/components/CuiButtonGroup.vue2.js +18 -9
  22. package/dist/components/CuiCard.vue.d.ts.map +1 -1
  23. package/dist/components/CuiCard.vue.js +5 -33
  24. package/dist/components/CuiCard.vue2.js +32 -2
  25. package/dist/components/CuiCardBody.vue.d.ts.map +1 -1
  26. package/dist/components/CuiCardBody.vue.js +5 -18
  27. package/dist/components/CuiCardBody.vue2.js +18 -2
  28. package/dist/components/CuiCardFooter.vue.d.ts.map +1 -1
  29. package/dist/components/CuiCardFooter.vue.js +5 -30
  30. package/dist/components/CuiCardFooter.vue2.js +25 -2
  31. package/dist/components/CuiCardHeader.vue.d.ts +5 -4
  32. package/dist/components/CuiCardHeader.vue.d.ts.map +1 -1
  33. package/dist/components/CuiCardHeader.vue.js +5 -49
  34. package/dist/components/CuiCardHeader.vue2.js +40 -2
  35. package/dist/components/CuiCardMedia.vue.d.ts.map +1 -1
  36. package/dist/components/CuiCardMedia.vue.js +3 -3
  37. package/dist/components/CuiCardMedia.vue2.js +6 -6
  38. package/dist/components/CuiCheckbox.vue.d.ts +2 -2
  39. package/dist/components/CuiCheckbox.vue.d.ts.map +1 -1
  40. package/dist/components/CuiCheckbox.vue.js +1 -1
  41. package/dist/components/CuiCheckbox.vue2.js +46 -34
  42. package/dist/components/CuiCheckboxGroup.vue.d.ts +2 -2
  43. package/dist/components/CuiCheckboxGroup.vue.d.ts.map +1 -1
  44. package/dist/components/CuiCheckboxGroup.vue.js +2 -2
  45. package/dist/components/CuiCheckboxGroup.vue2.js +45 -35
  46. package/dist/components/CuiCodeBlock.vue.d.ts.map +1 -1
  47. package/dist/components/CuiCodeBlock.vue.js +14 -11
  48. package/dist/components/CuiColorPicker.vue.d.ts +2 -2
  49. package/dist/components/CuiColorPicker.vue.d.ts.map +1 -1
  50. package/dist/components/CuiColorPicker.vue.js +117 -104
  51. package/dist/components/CuiCombobox.vue.d.ts +2 -2
  52. package/dist/components/CuiCombobox.vue.d.ts.map +1 -1
  53. package/dist/components/CuiCombobox.vue.js +5 -330
  54. package/dist/components/CuiCombobox.vue2.js +331 -2
  55. package/dist/components/CuiConfirmDialog.vue.d.ts +5 -4
  56. package/dist/components/CuiConfirmDialog.vue.d.ts.map +1 -1
  57. package/dist/components/CuiConfirmDialog.vue.js +84 -73
  58. package/dist/components/CuiContextMenu.vue.d.ts +40 -1
  59. package/dist/components/CuiContextMenu.vue.d.ts.map +1 -1
  60. package/dist/components/CuiContextMenu.vue.js +1 -1
  61. package/dist/components/CuiContextMenu.vue2.js +149 -91
  62. package/dist/components/CuiCopyButton.vue.d.ts.map +1 -1
  63. package/dist/components/CuiCopyButton.vue.js +5 -61
  64. package/dist/components/CuiCopyButton.vue2.js +68 -2
  65. package/dist/components/CuiDataGridCardView.vue.d.ts.map +1 -1
  66. package/dist/components/CuiDataGridCardView.vue.js +10 -9
  67. package/dist/components/CuiDataGridColumnManager.vue.d.ts.map +1 -1
  68. package/dist/components/CuiDataGridColumnManager.vue.js +12 -11
  69. package/dist/components/CuiDataGridPagination.vue.d.ts.map +1 -1
  70. package/dist/components/CuiDataGridPagination.vue.js +9 -8
  71. package/dist/components/CuiDataGridSearch.vue.d.ts.map +1 -1
  72. package/dist/components/CuiDataGridSearch.vue.js +12 -9
  73. package/dist/components/CuiDataGridTable.vue.d.ts.map +1 -1
  74. package/dist/components/CuiDataGridTable.vue.js +1 -0
  75. package/dist/components/CuiDataGridViewManager.vue.d.ts.map +1 -1
  76. package/dist/components/CuiDataGridViewManager.vue.js +17 -17
  77. package/dist/components/CuiDatePicker.vue.d.ts +2 -2
  78. package/dist/components/CuiDatePicker.vue.d.ts.map +1 -1
  79. package/dist/components/CuiDatePicker.vue.js +257 -173
  80. package/dist/components/CuiDateRangePicker.vue.d.ts +2 -2
  81. package/dist/components/CuiDateRangePicker.vue.d.ts.map +1 -1
  82. package/dist/components/CuiDateRangePicker.vue.js +262 -179
  83. package/dist/components/CuiDivider.vue.d.ts.map +1 -1
  84. package/dist/components/CuiDivider.vue.js +17 -13
  85. package/dist/components/CuiDropdownMenu.vue.js +2 -2
  86. package/dist/components/CuiDropdownRadioGroup.vue.d.ts +4 -1
  87. package/dist/components/CuiDropdownRadioGroup.vue.d.ts.map +1 -1
  88. package/dist/components/CuiDropdownRadioGroup.vue.js +27 -14
  89. package/dist/components/CuiDropdownSub.vue.js +2 -2
  90. package/dist/components/CuiEmptyState.vue.d.ts +5 -4
  91. package/dist/components/CuiEmptyState.vue.d.ts.map +1 -1
  92. package/dist/components/CuiEmptyState.vue.js +1 -1
  93. package/dist/components/CuiEmptyState.vue2.js +30 -24
  94. package/dist/components/CuiFieldset.vue.d.ts.map +1 -1
  95. package/dist/components/CuiFieldset.vue.js +1 -1
  96. package/dist/components/CuiFieldset.vue2.js +21 -21
  97. package/dist/components/CuiFileUpload.vue.d.ts +2 -2
  98. package/dist/components/CuiFileUpload.vue.d.ts.map +1 -1
  99. package/dist/components/CuiFileUpload.vue.js +70 -57
  100. package/dist/components/CuiFormField.vue.d.ts.map +1 -1
  101. package/dist/components/CuiFormField.vue.js +2 -2
  102. package/dist/components/CuiFormField.vue2.js +48 -42
  103. package/dist/components/CuiInput.vue.d.ts +2 -2
  104. package/dist/components/CuiInput.vue.d.ts.map +1 -1
  105. package/dist/components/CuiInput.vue.js +1 -1
  106. package/dist/components/CuiInput.vue2.js +97 -85
  107. package/dist/components/CuiInputStepper.vue.d.ts +2 -2
  108. package/dist/components/CuiInputStepper.vue.d.ts.map +1 -1
  109. package/dist/components/CuiInputStepper.vue.js +5 -187
  110. package/dist/components/CuiInputStepper.vue2.js +237 -2
  111. package/dist/components/CuiKbd.vue.d.ts.map +1 -1
  112. package/dist/components/CuiKbd.vue.js +6 -5
  113. package/dist/components/CuiMaskedInput.vue.d.ts +9 -3
  114. package/dist/components/CuiMaskedInput.vue.d.ts.map +1 -1
  115. package/dist/components/CuiMaskedInput.vue.js +132 -117
  116. package/dist/components/CuiModal.vue.d.ts +10 -2
  117. package/dist/components/CuiModal.vue.d.ts.map +1 -1
  118. package/dist/components/CuiModal.vue.js +2 -2
  119. package/dist/components/CuiModal.vue2.js +48 -44
  120. package/dist/components/CuiModalBody.vue.d.ts.map +1 -1
  121. package/dist/components/CuiModalBody.vue.js +16 -13
  122. package/dist/components/CuiModalFooter.vue.d.ts.map +1 -1
  123. package/dist/components/CuiModalFooter.vue.js +3 -2
  124. package/dist/components/CuiModalHeader.vue.d.ts +13 -4
  125. package/dist/components/CuiModalHeader.vue.d.ts.map +1 -1
  126. package/dist/components/CuiModalHeader.vue.js +54 -42
  127. package/dist/components/CuiPagination.vue.js +2 -2
  128. package/dist/components/CuiPopover.vue.d.ts.map +1 -1
  129. package/dist/components/CuiPopover.vue.js +81 -76
  130. package/dist/components/CuiRadio.vue.d.ts +2 -4
  131. package/dist/components/CuiRadio.vue.d.ts.map +1 -1
  132. package/dist/components/CuiRadio.vue.js +2 -2
  133. package/dist/components/CuiRadio.vue2.js +88 -74
  134. package/dist/components/CuiRadioGroup.vue.d.ts +2 -2
  135. package/dist/components/CuiRadioGroup.vue.d.ts.map +1 -1
  136. package/dist/components/CuiRadioGroup.vue.js +3 -3
  137. package/dist/components/CuiRadioGroup.vue2.js +47 -37
  138. package/dist/components/CuiRating.vue.d.ts.map +1 -1
  139. package/dist/components/CuiRating.vue.js +15 -14
  140. package/dist/components/CuiResizablePanels.vue.d.ts.map +1 -1
  141. package/dist/components/CuiResizablePanels.vue.js +10 -9
  142. package/dist/components/CuiSelect.vue.d.ts +2 -2
  143. package/dist/components/CuiSelect.vue.d.ts.map +1 -1
  144. package/dist/components/CuiSelect.vue.js +2 -2
  145. package/dist/components/CuiSelect.vue2.js +161 -151
  146. package/dist/components/CuiSkeleton.vue.js +2 -2
  147. package/dist/components/CuiSkeleton.vue2.js +10 -10
  148. package/dist/components/CuiSlideover.vue.d.ts +2 -2
  149. package/dist/components/CuiSlideover.vue.d.ts.map +1 -1
  150. package/dist/components/CuiSlideover.vue.js +34 -30
  151. package/dist/components/CuiSlider.vue.d.ts +2 -2
  152. package/dist/components/CuiSlider.vue.d.ts.map +1 -1
  153. package/dist/components/CuiSlider.vue.js +67 -54
  154. package/dist/components/CuiSpinner.vue.d.ts.map +1 -1
  155. package/dist/components/CuiSpinner.vue.js +5 -4
  156. package/dist/components/CuiTable.vue.d.ts.map +1 -1
  157. package/dist/components/CuiTable.vue.js +4 -1
  158. package/dist/components/CuiTableBody.vue.d.ts.map +1 -1
  159. package/dist/components/CuiTableBody.vue.js +6 -6
  160. package/dist/components/CuiTableCell.vue.d.ts.map +1 -1
  161. package/dist/components/CuiTableCell.vue.js +11 -10
  162. package/dist/components/CuiTableFoot.vue.d.ts.map +1 -1
  163. package/dist/components/CuiTableFoot.vue.js +7 -7
  164. package/dist/components/CuiTableHead.vue.d.ts.map +1 -1
  165. package/dist/components/CuiTableHead.vue.js +7 -7
  166. package/dist/components/CuiTabs.vue.d.ts.map +1 -1
  167. package/dist/components/CuiTabs.vue.js +1 -1
  168. package/dist/components/CuiTabs.vue2.js +1 -0
  169. package/dist/components/CuiTagInput.vue.d.ts +2 -2
  170. package/dist/components/CuiTagInput.vue.d.ts.map +1 -1
  171. package/dist/components/CuiTagInput.vue.js +5 -294
  172. package/dist/components/CuiTagInput.vue2.js +277 -2
  173. package/dist/components/CuiTextarea.vue.d.ts +2 -2
  174. package/dist/components/CuiTextarea.vue.d.ts.map +1 -1
  175. package/dist/components/CuiTextarea.vue.js +4 -4
  176. package/dist/components/CuiTextarea.vue2.js +73 -59
  177. package/dist/components/CuiTimePicker.vue.d.ts +2 -2
  178. package/dist/components/CuiTimePicker.vue.d.ts.map +1 -1
  179. package/dist/components/CuiTimePicker.vue.js +173 -95
  180. package/dist/components/CuiTimeline.vue.d.ts.map +1 -1
  181. package/dist/components/CuiTimeline.vue.js +6 -5
  182. package/dist/components/CuiTimelineItem.vue.d.ts.map +1 -1
  183. package/dist/components/CuiTimelineItem.vue.js +11 -10
  184. package/dist/components/CuiToast.vue.d.ts +8 -10
  185. package/dist/components/CuiToast.vue.d.ts.map +1 -1
  186. package/dist/components/CuiToast.vue.js +2 -2
  187. package/dist/components/CuiToast.vue2.js +69 -67
  188. package/dist/components/CuiToggle.vue.d.ts +2 -2
  189. package/dist/components/CuiToggle.vue.d.ts.map +1 -1
  190. package/dist/components/CuiToggle.vue.js +2 -2
  191. package/dist/components/CuiToggle.vue2.js +71 -59
  192. package/dist/components/CuiToggleGroup.vue.d.ts +2 -2
  193. package/dist/components/CuiToggleGroup.vue.d.ts.map +1 -1
  194. package/dist/components/CuiToggleGroup.vue.js +2 -2
  195. package/dist/components/CuiToggleGroup.vue2.js +45 -35
  196. package/dist/components/CuiTooltip.vue.d.ts.map +1 -1
  197. package/dist/components/CuiTooltip.vue.js +2 -2
  198. package/dist/components/CuiTooltip.vue2.js +47 -44
  199. package/dist/components/CuiTransferList.vue.d.ts.map +1 -1
  200. package/dist/components/CuiTransferList.vue.js +31 -30
  201. package/dist/components/CuiTreeNode.vue.d.ts +9 -2
  202. package/dist/components/CuiTreeNode.vue.d.ts.map +1 -1
  203. package/dist/components/CuiTreeNode.vue.js +5 -179
  204. package/dist/components/CuiTreeNode.vue2.js +198 -2
  205. package/dist/components/CuiTreeView.vue.d.ts +33 -5
  206. package/dist/components/CuiTreeView.vue.d.ts.map +1 -1
  207. package/dist/components/CuiTreeView.vue.js +187 -44
  208. package/dist/composables/useCalendarKeyboard.d.ts +48 -0
  209. package/dist/composables/useCalendarKeyboard.d.ts.map +1 -0
  210. package/dist/composables/useCalendarKeyboard.js +91 -0
  211. package/dist/composables/useFieldDescribedBy.d.ts +30 -0
  212. package/dist/composables/useFieldDescribedBy.d.ts.map +1 -0
  213. package/dist/composables/useFieldDescribedBy.js +11 -0
  214. package/dist/composables/useMessages.d.ts.map +1 -1
  215. package/dist/composables/useMessages.js +6 -6
  216. package/dist/composables/usePopover.d.ts.map +1 -1
  217. package/dist/composables/usePopover.js +10 -0
  218. package/dist/composables/useScrollShadows.d.ts +3 -0
  219. package/dist/composables/useScrollShadows.d.ts.map +1 -1
  220. package/dist/composables/useScrollShadows.js +15 -12
  221. package/dist/composables/useTheme.d.ts.map +1 -1
  222. package/dist/composables/useTheme.js +25 -21
  223. package/dist/icons/builtin.d.ts.map +1 -1
  224. package/dist/icons/builtin.js +38 -37
  225. package/dist/index.d.ts +3 -2
  226. package/dist/index.d.ts.map +1 -1
  227. package/dist/index.js +185 -182
  228. package/dist/messages.d.ts +39 -4
  229. package/dist/messages.d.ts.map +1 -1
  230. package/dist/messages.js +8 -7
  231. package/dist/types/common.d.ts +90 -0
  232. package/dist/types/common.d.ts.map +1 -1
  233. package/dist/utils/colorIconMap.d.ts +47 -3
  234. package/dist/utils/colorIconMap.d.ts.map +1 -1
  235. package/dist/utils/colorIconMap.js +20 -5
  236. package/dist/utils/date.d.ts +13 -0
  237. package/dist/utils/date.d.ts.map +1 -1
  238. package/dist/utils/date.js +46 -40
  239. package/dist/utils/sizing.d.ts +26 -1
  240. package/dist/utils/sizing.d.ts.map +1 -1
  241. package/dist/utils/sizing.js +22 -21
  242. package/dist/version.js +1 -1
  243. package/package.json +1 -2
@@ -1,6 +1,6 @@
1
- import type { HideableProps } from "../types/common";
1
+ import type { HideableProps, TitleAsProps } from "../types/common";
2
2
  export type ConfirmDialogVariant = "danger" | "warning" | "info";
3
- export interface CuiConfirmDialogProps extends HideableProps {
3
+ export interface CuiConfirmDialogProps extends HideableProps, TitleAsProps {
4
4
  /** Control visibility (v-model:visible) */
5
5
  visible?: boolean;
6
6
  /** Dialog title */
@@ -22,9 +22,9 @@ export interface CuiConfirmDialogProps extends HideableProps {
22
22
  /** Loading state on confirm button */
23
23
  loading?: boolean;
24
24
  }
25
- declare var __VLS_12: {};
25
+ declare var __VLS_16: {};
26
26
  type __VLS_Slots = {} & {
27
- default?: (props: typeof __VLS_12) => any;
27
+ default?: (props: typeof __VLS_16) => any;
28
28
  };
29
29
  declare const __VLS_component: import("vue").DefineComponent<CuiConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
30
30
  cancel: () => any;
@@ -39,6 +39,7 @@ declare const __VLS_component: import("vue").DefineComponent<CuiConfirmDialogPro
39
39
  variant: ConfirmDialogVariant;
40
40
  loading: boolean;
41
41
  visible: boolean;
42
+ titleAs: import("..").CuiTitleAs;
42
43
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
43
44
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
44
45
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiConfirmDialog.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAS/D,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqTD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsChD,QAAA,MAAM,eAAe;;;;;;;;;;aA1WT,oBAAoB;aAYpB,OAAO;aAlBP,OAAO;6EAwXjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiConfirmDialog.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiConfirmDialog.vue"],"names":[],"mappings":"AAuPA,OAAO,KAAK,EAAY,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS7E,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,YAAY;IACxE,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA+UD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAuChD,QAAA,MAAM,eAAe;;;;;;;;;;aArYT,oBAAoB;aAYpB,OAAO;aAlBP,OAAO;;6EAmZjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,23 +1,17 @@
1
- import { defineComponent as V, computed as l, ref as I, watch as R, openBlock as v, createBlock as N, withCtx as a, createElementVNode as o, normalizeStyle as h, createVNode as t, toDisplayString as s, createElementBlock as x, renderSlot as P, createTextVNode as g, createCommentVNode as C, unref as j, withKeys as H, createSlots as E } from "vue";
1
+ import { defineComponent as R, computed as a, ref as N, watch as P, openBlock as f, createBlock as x, withCtx as t, createElementVNode as l, normalizeStyle as C, createVNode as r, resolveDynamicComponent as j, createTextVNode as v, toDisplayString as s, createElementBlock as k, renderSlot as H, createCommentVNode as w, unref as M, withKeys as A, createSlots as E } from "vue";
2
2
  import K from "./CuiModal.vue.js";
3
3
  import L from "./CuiModalBody.vue.js";
4
- import M from "./CuiModalFooter.vue.js";
5
- import k from "./CuiButton.vue.js";
6
- import U from "./CuiInput.vue.js";
7
- import w from "./CuiIcon.vue.js";
8
- import { useMessages as _ } from "../composables/useMessages.js";
9
- const q = { style: {
4
+ import U from "./CuiModalFooter.vue.js";
5
+ import T from "./CuiButton.vue.js";
6
+ import q from "./CuiInput.vue.js";
7
+ import z from "./CuiIcon.vue.js";
8
+ import { useMessages as F } from "../composables/useMessages.js";
9
+ const G = { style: {
10
10
  padding: "calc(1.25rem * var(--cui-density-scale, 1)) calc(1.5rem * var(--cui-density-scale, 1)) 0",
11
11
  display: "flex",
12
12
  alignItems: "flex-start",
13
13
  gap: "calc(0.875rem * var(--cui-density-scale, 1))"
14
- } }, A = { style: { flex: "1", "min-width": "0" } }, F = { style: {
15
- fontSize: "1.0625rem",
16
- fontWeight: "600",
17
- lineHeight: "1.3",
18
- color: "var(--cui-text-emphasis)",
19
- margin: "calc(0.125rem * var(--cui-density-scale, 1)) 0 0"
20
- } }, G = {
14
+ } }, J = { style: { flex: "1", "min-width": "0" } }, O = {
21
15
  key: 0,
22
16
  style: {
23
17
  fontSize: "0.875rem",
@@ -25,7 +19,7 @@ const q = { style: {
25
19
  lineHeight: "1.55",
26
20
  marginTop: "calc(0.375rem * var(--cui-density-scale, 1))"
27
21
  }
28
- }, J = ["aria-label"], O = { key: 0 }, Q = { style: { display: "flex", gap: "calc(0.5rem * var(--cui-density-scale, 1))", "justify-content": "flex-end" } }, ne = /* @__PURE__ */ V({
22
+ }, Q = ["aria-label"], X = { key: 0 }, Y = { style: { display: "flex", gap: "calc(0.5rem * var(--cui-density-scale, 1))", "justify-content": "flex-end" } }, ne = /* @__PURE__ */ R({
29
23
  __name: "CuiConfirmDialog",
30
24
  props: {
31
25
  visible: { type: Boolean, default: !1 },
@@ -38,44 +32,46 @@ const q = { style: {
38
32
  confirmPrompt: {},
39
33
  icon: {},
40
34
  loading: { type: Boolean, default: !1 },
41
- hidden: { type: Boolean, default: !1 }
35
+ hidden: { type: Boolean, default: !1 },
36
+ titleAs: { default: "h2" }
42
37
  },
43
38
  emits: ["update:visible", "confirm", "cancel"],
44
- setup(e, { emit: T }) {
45
- const i = e, c = _(), z = l(() => i.title ?? c.value.confirmDialog.title), S = l(() => i.confirmText ?? c.value.confirmDialog.confirm), $ = l(() => i.cancelText ?? c.value.confirmDialog.cancel), d = T, m = I("");
46
- R(
39
+ setup(e, { emit: S }) {
40
+ const i = e, y = `cui-confirm-dialog-title-${Math.random().toString(36).slice(2, 8)}`, c = F(), $ = a(() => i.title ?? c.value.confirmDialog.title), B = a(() => i.confirmText ?? c.value.confirmDialog.confirm), D = a(() => i.cancelText ?? c.value.confirmDialog.cancel), d = S, m = N("");
41
+ P(
47
42
  () => i.visible,
48
43
  (u) => {
49
44
  u && (m.value = "");
50
45
  }
51
46
  );
52
- const B = {
47
+ const W = {
53
48
  danger: { color: "error", icon: "warning-circle" },
54
49
  warning: { color: "warning", icon: "warning" },
55
50
  info: { color: "info", icon: "info" }
56
- }, r = l(() => B[i.variant]), y = l(() => i.confirmWord ? m.value.trim().toLowerCase() !== i.confirmWord.trim().toLowerCase() : !1), W = l(
51
+ }, o = a(() => W[i.variant]), b = a(() => i.confirmWord ? m.value.trim().toLowerCase() !== i.confirmWord.trim().toLowerCase() : !1), V = a(
57
52
  () => c.value.confirmDialog.typePrompt(i.confirmWord ?? "")
58
53
  );
59
- function D() {
54
+ function I() {
60
55
  d("update:visible", !1);
61
56
  }
62
57
  function p() {
63
- y.value || d("confirm");
58
+ b.value || d("confirm");
64
59
  }
65
- function b() {
66
- d("cancel"), D();
60
+ function h() {
61
+ d("cancel"), I();
67
62
  }
68
- return (u, n) => (v(), N(K, {
63
+ return (u, n) => (f(), x(K, {
69
64
  hidden: e.hidden,
70
65
  visible: e.visible,
71
66
  size: "sm",
72
67
  "no-close-button": "",
73
- "onUpdate:visible": n[1] || (n[1] = (f) => d("update:visible", f))
68
+ "aria-labelledby": y,
69
+ "onUpdate:visible": n[1] || (n[1] = (g) => d("update:visible", g))
74
70
  }, {
75
- default: a(() => [
76
- o("div", q, [
77
- o("div", {
78
- style: h({
71
+ default: t(() => [
72
+ l("div", G, [
73
+ l("div", {
74
+ style: C({
79
75
  width: "2.5rem",
80
76
  height: "2.5rem",
81
77
  borderRadius: "0.625rem",
@@ -83,25 +79,40 @@ const q = { style: {
83
79
  alignItems: "center",
84
80
  justifyContent: "center",
85
81
  flexShrink: "0",
86
- background: `var(--cui-${r.value.color}-bg)`,
87
- color: `var(--cui-${r.value.color})`,
88
- border: `1px solid var(--cui-${r.value.color}-border)`
82
+ background: `var(--cui-${o.value.color}-bg)`,
83
+ color: `var(--cui-${o.value.color})`,
84
+ border: `1px solid var(--cui-${o.value.color}-border)`
89
85
  })
90
86
  }, [
91
- t(w, {
92
- name: e.icon || r.value.icon,
87
+ r(z, {
88
+ name: e.icon || o.value.icon,
93
89
  size: "1.25rem"
94
90
  }, null, 8, ["name"])
95
91
  ], 4),
96
- o("div", A, [
97
- o("h2", F, s(z.value), 1),
98
- e.message || u.$slots.default ? (v(), x("div", G, [
99
- P(u.$slots, "default", {}, () => [
100
- g(s(e.message), 1)
92
+ l("div", J, [
93
+ (f(), x(j(e.titleAs), {
94
+ id: y,
95
+ class: "cui-confirm-dialog__title",
96
+ style: {
97
+ fontSize: "1.0625rem",
98
+ fontWeight: "600",
99
+ lineHeight: "1.3",
100
+ color: "var(--cui-text-emphasis)",
101
+ margin: "calc(0.125rem * var(--cui-density-scale, 1)) 0 0"
102
+ }
103
+ }, {
104
+ default: t(() => [
105
+ v(s($.value), 1)
106
+ ]),
107
+ _: 1
108
+ })),
109
+ e.message || u.$slots.default ? (f(), k("div", O, [
110
+ H(u.$slots, "default", {}, () => [
111
+ v(s(e.message), 1)
101
112
  ])
102
- ])) : C("", !0)
113
+ ])) : w("", !0)
103
114
  ]),
104
- o("button", {
115
+ l("button", {
105
116
  type: "button",
106
117
  style: {
107
118
  display: "flex",
@@ -118,70 +129,70 @@ const q = { style: {
118
129
  marginTop: "calc(-0.125rem * var(--cui-density-scale, 1))",
119
130
  marginRight: "calc(-0.25rem * var(--cui-density-scale, 1))"
120
131
  },
121
- "aria-label": j(c).close,
122
- onClick: b
132
+ "aria-label": M(c).close,
133
+ onClick: h
123
134
  }, [
124
- t(w, {
135
+ r(z, {
125
136
  name: "x",
126
137
  size: "1rem"
127
138
  })
128
- ], 8, J)
139
+ ], 8, Q)
129
140
  ]),
130
- t(L, null, {
131
- default: a(() => [
132
- e.confirmWord ? (v(), x("div", O, [
133
- o("div", {
134
- style: h({
141
+ r(L, null, {
142
+ default: t(() => [
143
+ e.confirmWord ? (f(), k("div", X, [
144
+ l("div", {
145
+ style: C({
135
146
  fontSize: "0.8125rem",
136
147
  color: "var(--cui-text-secondary)",
137
148
  marginBottom: "calc(0.5rem * var(--cui-density-scale, 1))",
138
149
  lineHeight: "1.4",
139
150
  padding: "calc(0.625rem * var(--cui-density-scale, 1)) calc(0.75rem * var(--cui-density-scale, 1))",
140
- background: `var(--cui-${r.value.color}-bg)`,
151
+ background: `var(--cui-${o.value.color}-bg)`,
141
152
  borderRadius: "0.375rem",
142
- border: `1px solid var(--cui-${r.value.color}-border)`
153
+ border: `1px solid var(--cui-${o.value.color}-border)`
143
154
  })
144
- }, s(e.confirmPrompt || W.value), 5),
145
- t(U, {
155
+ }, s(e.confirmPrompt || V.value), 5),
156
+ r(q, {
146
157
  modelValue: m.value,
147
- "onUpdate:modelValue": n[0] || (n[0] = (f) => m.value = f),
158
+ "onUpdate:modelValue": n[0] || (n[0] = (g) => m.value = g),
148
159
  placeholder: e.confirmWord,
149
160
  size: "sm",
150
- onKeydown: H(p, ["enter"])
161
+ onKeydown: A(p, ["enter"])
151
162
  }, null, 8, ["modelValue", "placeholder"])
152
- ])) : C("", !0)
163
+ ])) : w("", !0)
153
164
  ]),
154
165
  _: 1
155
166
  }),
156
- t(M, null, {
157
- default: a(() => [
158
- o("div", Q, [
159
- t(k, {
167
+ r(U, null, {
168
+ default: t(() => [
169
+ l("div", Y, [
170
+ r(T, {
160
171
  variant: "outline",
161
172
  size: "sm",
162
- onClick: b
173
+ onClick: h
163
174
  }, {
164
- default: a(() => [
165
- g(s($.value), 1)
175
+ default: t(() => [
176
+ v(s(D.value), 1)
166
177
  ]),
167
178
  _: 1
168
179
  }),
169
- t(k, {
180
+ r(T, {
170
181
  variant: "solid",
171
182
  size: "sm",
172
- color: r.value.color,
173
- disabled: y.value || e.loading,
183
+ color: o.value.color,
184
+ disabled: b.value || e.loading,
174
185
  onClick: p
175
186
  }, E({
176
- default: a(() => [
177
- g(" " + s(S.value), 1)
187
+ default: t(() => [
188
+ v(" " + s(B.value), 1)
178
189
  ]),
179
190
  _: 2
180
191
  }, [
181
192
  e.loading ? {
182
193
  name: "prefix",
183
- fn: a(() => [
184
- n[2] || (n[2] = o("span", { style: {
194
+ fn: t(() => [
195
+ n[2] || (n[2] = l("span", { style: {
185
196
  display: "inline-block",
186
197
  width: "0.875rem",
187
198
  height: "0.875rem",
@@ -1,10 +1,39 @@
1
1
  import type { HideableProps, DisableableProps } from "../types/common";
2
+ /**
3
+ * How the menu can be summoned.
4
+ *
5
+ * `contextmenu` is the default and the only behaviour before #60 — the native
6
+ * event, i.e. right-click or the OS long-press callout.
7
+ *
8
+ * `longpress` adds a pointer hold. It is opt-in because suppressing the iOS
9
+ * callout and native text selection has to be in place *before* the gesture
10
+ * starts, so it is a static property of the target rather than something that
11
+ * can be switched on mid-hold — enabling it makes the slotted content
12
+ * unselectable by touch.
13
+ */
14
+ export type CuiContextMenuTrigger = "contextmenu" | "longpress" | "auto";
2
15
  export interface CuiContextMenuProps extends HideableProps, DisableableProps {
3
16
  /** Minimum width of the menu panel */
4
17
  minWidth?: string;
18
+ /**
19
+ * Which gestures open the menu. `auto` is both — the native event for mouse
20
+ * and pen, a hold for touch.
21
+ */
22
+ trigger?: CuiContextMenuTrigger;
23
+ /** How long a touch must be held before the menu opens, in ms. */
24
+ longPressDelay?: number;
25
+ /** Movement that cancels a hold, in px — a drag or a scroll, not a press. */
26
+ longPressTolerance?: number;
5
27
  }
6
28
  declare function open(): void;
7
29
  declare function close(): void;
30
+ /**
31
+ * Open the menu at viewport coordinates. The public entry point every trigger
32
+ * goes through, and the one #60 asked for: a consumer driving the menu from
33
+ * their own gesture — a kebab button, a long-press on a list row — no longer
34
+ * has to dispatch a synthetic `contextmenu` MouseEvent at a private code path.
35
+ */
36
+ declare function openAt(x: number, y: number): void;
8
37
  declare var __VLS_1: {}, __VLS_7: {};
9
38
  type __VLS_Slots = {} & {
10
39
  default?: (props: typeof __VLS_1) => any;
@@ -13,12 +42,22 @@ type __VLS_Slots = {} & {
13
42
  };
14
43
  declare const __VLS_component: import("vue").DefineComponent<CuiContextMenuProps, {
15
44
  open: typeof open;
45
+ openAt: typeof openAt;
16
46
  close: typeof close;
17
47
  isOpen: import("vue").Ref<boolean, boolean>;
18
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CuiContextMenuProps> & Readonly<{}>, {
48
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
49
+ close: () => any;
50
+ open: (x: number, y: number) => any;
51
+ }, string, import("vue").PublicProps, Readonly<CuiContextMenuProps> & Readonly<{
52
+ onClose?: (() => any) | undefined;
53
+ onOpen?: ((x: number, y: number) => any) | undefined;
54
+ }>, {
19
55
  hidden: boolean;
20
56
  disabled: boolean;
57
+ trigger: CuiContextMenuTrigger;
21
58
  minWidth: string;
59
+ longPressDelay: number;
60
+ longPressTolerance: number;
22
61
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
23
62
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
24
63
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"CuiContextMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContextMenu.vue"],"names":[],"mappings":"AAmRA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,gBAAgB;IAC1E,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,iBAAS,IAAI,SAKZ;AAED,iBAAS,KAAK,SAOb;AA0ND,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA8B5C,QAAA,MAAM,eAAe;;;;;;;cA7RR,MAAM;6EAqSjB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"CuiContextMenu.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiContextMenu.vue"],"names":[],"mappings":"AA6cA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEvE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,mBAAoB,SAAQ,aAAa,EAAE,gBAAgB;IAC1E,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AA8BD,iBAAS,IAAI,SAKZ;AAED,iBAAS,KAAK,SAQb;AAqFD;;;;;GAKG;AACH,iBAAS,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,QAYnC;AA+PD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqC5C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;aAhcT,qBAAqB;cALpB,MAAM;oBAOA,MAAM;wBAEF,MAAM;6EAqc3B,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import o from "./CuiContextMenu.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../_virtual/_plugin-vue_export-helper.js";
4
- const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-777b6355"]]);
4
+ const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-00516e62"]]);
5
5
  export {
6
6
  p as default
7
7
  };