@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,136 +1,150 @@
1
- import { defineComponent as D, inject as T, computed as u, ref as K, withDirectives as $, openBlock as b, createElementBlock as f, normalizeStyle as y, normalizeClass as S, createElementVNode as d, withModifiers as C, renderSlot as h, createTextVNode as _, toDisplayString as p, vShow as B, createCommentVNode as V } from "vue";
2
- import { RadioGroupKey as L } from "./radio-context.js";
3
- import { BUTTON_SIZE_SCALE as g } from "../utils/sizing.js";
4
- const j = ["disabled", "aria-checked"], A = ["name", "value", "checked", "disabled"], G = ["aria-checked", "aria-disabled", "tabindex"], I = ["name", "value", "checked", "disabled", "readonly"], M = {
1
+ import { defineComponent as E, inject as L, computed as o, ref as q, withDirectives as S, openBlock as b, createElementBlock as y, normalizeStyle as f, normalizeClass as C, createElementVNode as u, withModifiers as B, renderSlot as h, createTextVNode as k, toDisplayString as $, vShow as _, createCommentVNode as R } from "vue";
2
+ import { RadioGroupKey as T } from "./radio-context.js";
3
+ import { BUTTON_SIZE_SCALE as V } from "../utils/sizing.js";
4
+ const K = ["disabled", "id", "aria-describedby", "aria-required", "aria-labelledby", "aria-checked"], j = ["autocomplete", "name", "value", "checked", "disabled"], A = ["id", "aria-describedby", "aria-labelledby", "aria-checked", "aria-disabled", "tabindex"], G = ["autocomplete", "name", "value", "checked", "disabled", "readonly"], I = {
5
5
  key: 0,
6
6
  class: "cui-radio__dot"
7
- }, O = { class: "cui-radio__label-wrap" }, U = { class: "cui-radio__label" }, Z = {
7
+ }, M = { class: "cui-radio__label-wrap" }, O = { class: "cui-radio__label" }, U = {
8
8
  key: 0,
9
9
  class: "cui-radio__description"
10
- }, J = /* @__PURE__ */ D({
10
+ }, J = /* @__PURE__ */ E({
11
11
  __name: "CuiRadio",
12
12
  props: {
13
13
  value: { type: [String, Number, Boolean] },
14
14
  modelValue: { type: [String, Number, Boolean] },
15
15
  label: {},
16
16
  description: {},
17
- name: {},
18
17
  readonly: { type: Boolean, default: !1 },
18
+ name: {},
19
+ autocomplete: {},
20
+ id: {},
21
+ ariaDescribedby: {},
22
+ ariaLabelledby: {},
23
+ ariaRequired: { type: Boolean },
19
24
  hidden: { type: Boolean, default: !1 },
20
25
  color: {},
21
26
  disabled: { type: Boolean, default: !1 }
22
27
  },
23
28
  emits: ["update:modelValue"],
24
- setup(i, { expose: x, emit: z }) {
25
- const t = i, N = z, e = T(L, null), o = u(() => e ? e.modelValue.value === t.value : t.modelValue === t.value), r = u(() => e != null && e.disabled.value ? !0 : t.disabled), n = u(() => e != null && e.readonly.value ? !0 : t.readonly), a = u(() => t.color ?? (e == null ? void 0 : e.color.value) ?? "primary"), k = u(() => (e == null ? void 0 : e.name) ?? t.name ?? ""), R = u(() => (e == null ? void 0 : e.variant.value) === "buttons"), w = u(() => (e == null ? void 0 : e.size.value) ?? "md"), s = u(() => g[w.value] ?? g.md), c = K();
29
+ setup(a, { expose: g, emit: x }) {
30
+ const t = a, z = x, e = L(T, null), r = o(() => e ? e.modelValue.value === t.value : t.modelValue === t.value), d = o(() => e != null && e.disabled.value ? !0 : t.disabled), n = o(() => e != null && e.readonly.value ? !0 : t.readonly), i = o(() => t.color ?? (e == null ? void 0 : e.color.value) ?? "primary"), p = o(() => (e == null ? void 0 : e.name) ?? t.name ?? ""), D = o(() => (e == null ? void 0 : e.variant.value) === "buttons"), N = o(() => (e == null ? void 0 : e.size.value) ?? "md"), c = o(() => V[N.value] ?? V.md), s = q();
26
31
  function m() {
27
- r.value || n.value || (e ? e.select(t.value) : N("update:modelValue", t.value));
32
+ d.value || n.value || (e ? e.select(t.value) : z("update:modelValue", t.value));
28
33
  }
29
- function E(l) {
34
+ function w(l) {
30
35
  (l.key === " " || l.key === "Enter") && (l.preventDefault(), m());
31
36
  }
32
- return x({ el: c, focus: () => {
37
+ return g({ el: s, focus: () => {
33
38
  var l;
34
- return (l = c.value) == null ? void 0 : l.focus();
35
- } }), (l, v) => R.value ? $((b(), f("button", {
39
+ return (l = s.value) == null ? void 0 : l.focus();
40
+ } }), (l, v) => D.value ? S((b(), y("button", {
36
41
  key: 0,
37
42
  ref_key: "elRef",
38
- ref: c,
43
+ ref: s,
39
44
  type: "button",
40
- class: S(["cui-radio-button cui-button", {
41
- "cui-radio-button--active": o.value,
42
- "cui-radio-button--disabled": r.value
45
+ class: C(["cui-radio-button cui-button", {
46
+ "cui-radio-button--active": r.value,
47
+ "cui-radio-button--disabled": d.value
43
48
  }]),
44
- style: y({
45
- "--_rb-color": `var(--cui-${a.value})`,
46
- "--_rb-hover": `var(--cui-${a.value}-hover)`,
47
- "--_rb-active": `var(--cui-${a.value}-active)`,
48
- "--_rb-bg": `var(--cui-${a.value}-bg)`,
49
- "--_rb-text": `var(--cui-${a.value}-text)`,
50
- "--_rb-border": `var(--cui-${a.value}-border)`,
51
- "--_rb-solid": `var(--cui-${a.value}-solid, var(--cui-${a.value}))`,
52
- "--_rb-focus-ring": `var(--cui-${a.value}-focus-ring)`,
53
- height: s.value.height,
54
- paddingLeft: s.value.px,
55
- paddingRight: s.value.px,
56
- fontSize: s.value.fontSize
49
+ style: f({
50
+ "--_rb-color": `var(--cui-${i.value})`,
51
+ "--_rb-hover": `var(--cui-${i.value}-hover)`,
52
+ "--_rb-active": `var(--cui-${i.value}-active)`,
53
+ "--_rb-bg": `var(--cui-${i.value}-bg)`,
54
+ "--_rb-text": `var(--cui-${i.value}-text)`,
55
+ "--_rb-border": `var(--cui-${i.value}-border)`,
56
+ "--_rb-solid": `var(--cui-${i.value}-solid, var(--cui-${i.value}))`,
57
+ "--_rb-focus-ring": `var(--cui-${i.value}-focus-ring)`,
58
+ height: c.value.height,
59
+ paddingLeft: c.value.px,
60
+ paddingRight: c.value.px,
61
+ fontSize: c.value.fontSize
57
62
  }),
58
- disabled: r.value,
63
+ disabled: d.value,
64
+ id: a.id,
59
65
  role: "radio",
60
- "aria-checked": o.value,
66
+ "aria-describedby": a.ariaDescribedby,
67
+ "aria-required": a.ariaRequired || void 0,
68
+ "aria-labelledby": a.ariaLabelledby,
69
+ "aria-checked": r.value,
61
70
  onClick: m
62
71
  }, [
63
- d("input", {
72
+ u("input", {
73
+ autocomplete: a.autocomplete,
64
74
  type: "radio",
65
- name: k.value,
66
- value: String(i.value),
67
- checked: o.value,
68
- disabled: r.value,
75
+ name: p.value,
76
+ value: String(a.value),
77
+ checked: r.value,
78
+ disabled: d.value,
69
79
  tabindex: "-1",
70
80
  "aria-hidden": "true",
71
81
  class: "cui-radio__input",
72
- onClick: v[0] || (v[0] = C(() => {
82
+ onClick: v[0] || (v[0] = B(() => {
73
83
  }, ["stop", "prevent"]))
74
- }, null, 8, A),
84
+ }, null, 8, j),
75
85
  h(l.$slots, "default", {}, () => [
76
- _(p(i.label), 1)
86
+ k($(a.label), 1)
77
87
  ], !0)
78
- ], 14, j)), [
79
- [B, !i.hidden]
80
- ]) : $((b(), f("label", {
88
+ ], 14, K)), [
89
+ [_, !a.hidden]
90
+ ]) : S((b(), y("label", {
81
91
  key: 1,
82
92
  ref_key: "elRef",
83
- ref: c,
84
- class: S(["cui-radio", {
85
- "cui-radio--checked": o.value,
86
- "cui-radio--disabled": r.value,
93
+ ref: s,
94
+ class: C(["cui-radio", {
95
+ "cui-radio--checked": r.value,
96
+ "cui-radio--disabled": d.value,
87
97
  "cui-radio--readonly": n.value
88
98
  }]),
89
- style: y({ "--_radio-focus-ring": `var(--cui-${a.value}-focus-ring)` }),
99
+ style: f({ "--_radio-focus-ring": `var(--cui-${i.value}-focus-ring)` }),
100
+ id: a.id,
90
101
  role: "radio",
91
- "aria-checked": o.value,
92
- "aria-disabled": r.value || n.value || void 0,
93
- tabindex: r.value ? -1 : 0,
102
+ "aria-describedby": a.ariaDescribedby,
103
+ "aria-labelledby": a.ariaLabelledby,
104
+ "aria-checked": r.value,
105
+ "aria-disabled": d.value || n.value || void 0,
106
+ tabindex: d.value ? -1 : 0,
94
107
  onClick: m,
95
- onKeydown: E
108
+ onKeydown: w
96
109
  }, [
97
- d("input", {
110
+ u("input", {
111
+ autocomplete: a.autocomplete,
98
112
  type: "radio",
99
- name: k.value,
100
- value: String(i.value),
101
- checked: o.value,
102
- disabled: r.value,
113
+ name: p.value,
114
+ value: String(a.value),
115
+ checked: r.value,
116
+ disabled: d.value,
103
117
  readonly: n.value,
104
118
  tabindex: "-1",
105
119
  "aria-hidden": "true",
106
120
  class: "cui-radio__input",
107
- onClick: v[1] || (v[1] = C(() => {
121
+ onClick: v[1] || (v[1] = B(() => {
108
122
  }, ["stop", "prevent"]))
109
- }, null, 8, I),
110
- d("span", {
123
+ }, null, 8, G),
124
+ u("span", {
111
125
  class: "cui-radio__indicator",
112
- style: y({
113
- "--_radio-color": `var(--cui-${a.value})`,
114
- "--_radio-border": o.value ? `var(--cui-${a.value}-border)` : "var(--cui-border-strong)",
115
- "--_radio-bg": o.value ? `var(--cui-${a.value}-bg)` : "transparent"
126
+ style: f({
127
+ "--_radio-color": `var(--cui-${i.value})`,
128
+ "--_radio-border": r.value ? `var(--cui-${i.value}-border)` : "var(--cui-border-strong)",
129
+ "--_radio-bg": r.value ? `var(--cui-${i.value}-bg)` : "transparent"
116
130
  })
117
131
  }, [
118
- o.value ? (b(), f("span", M)) : V("", !0)
132
+ r.value ? (b(), y("span", I)) : R("", !0)
119
133
  ], 4),
120
- d("span", O, [
121
- d("span", U, [
134
+ u("span", M, [
135
+ u("span", O, [
122
136
  h(l.$slots, "default", {}, () => [
123
- _(p(i.label), 1)
137
+ k($(a.label), 1)
124
138
  ], !0)
125
139
  ]),
126
- i.description || l.$slots.description ? (b(), f("span", Z, [
140
+ a.description || l.$slots.description ? (b(), y("span", U, [
127
141
  h(l.$slots, "description", {}, () => [
128
- _(p(i.description), 1)
142
+ k($(a.description), 1)
129
143
  ], !0)
130
- ])) : V("", !0)
144
+ ])) : R("", !0)
131
145
  ])
132
- ], 46, G)), [
133
- [B, !i.hidden]
146
+ ], 46, A)), [
147
+ [_, !a.hidden]
134
148
  ]);
135
149
  }
136
150
  });
@@ -1,6 +1,6 @@
1
- import type { CuiAutoOrientation, HideableProps, ColorableProps, SizeableProps, DisableableProps } from "../types/common";
1
+ import type { CuiAutoOrientation, HideableProps, ColorableProps, SizeableProps, DisableableProps, AriaLabelableProps } from "../types/common";
2
2
  import { type RadioGroupVariant } from "./radio-context";
3
- export interface CuiRadioGroupProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
3
+ export interface CuiRadioGroupProps extends AriaLabelableProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
4
4
  /** Selected value */
5
5
  modelValue?: string | number | boolean;
6
6
  /** Shared name attribute for all radios */
@@ -1 +1 @@
1
- {"version":3,"file":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAE1H,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,WAAW,kBAAmB,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxG,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,gFAAgF;IAChF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyJD,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,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAwB/C,QAAA,MAAM,eAAe;;;;;WAzLX,OAAO;cAFJ,OAAO;;;;aAFR,iBAAiB;;iBAFb,kBAAkB;6EAuMhC,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":"CuiRadioGroup.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRadioGroup.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG9I,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IAC5H,qBAAqB;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,gFAAgF;IAChF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiKD,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,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;WAnMX,OAAO;cAFJ,OAAO;;;;aAFR,iBAAiB;;iBAFb,kBAAkB;6EAiNhC,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 "./CuiRadioGroup.vue2.js";
2
2
  /* empty css */
3
- import a from "../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-f0a06a49"]]);
3
+ import r from "../_virtual/_plugin-vue_export-helper.js";
4
+ const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b5feb8e3"]]);
5
5
  export {
6
- f as default
6
+ e as default
7
7
  };
@@ -1,10 +1,8 @@
1
- import { defineComponent as S, computed as s, useSlots as w, provide as B, toRef as i, withDirectives as C, openBlock as c, createElementBlock as f, normalizeClass as V, createElementVNode as z, createBlock as A, withCtx as D, renderSlot as m, toDisplayString as x, createCommentVNode as M, vShow as N } from "vue";
2
- import R from "./CuiButtonGroup.vue.js";
3
- import { RadioGroupKey as $ } from "./radio-context.js";
4
- const E = ["aria-label", "aria-invalid"], G = { class: "cui-radio-group__options" }, I = {
5
- key: 0,
6
- class: "cui-radio-group__error"
7
- }, T = /* @__PURE__ */ S({
1
+ import { defineComponent as D, computed as s, useSlots as C, provide as V, toRef as i, withDirectives as z, openBlock as c, createElementBlock as f, normalizeClass as A, unref as b, createElementVNode as R, createBlock as q, withCtx as x, renderSlot as m, toDisplayString as I, createCommentVNode as L, vShow as M } from "vue";
2
+ import { useFieldDescribedBy as N } from "../composables/useFieldDescribedBy.js";
3
+ import $ from "./CuiButtonGroup.vue.js";
4
+ import { RadioGroupKey as E } from "./radio-context.js";
5
+ const G = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-label", "aria-invalid"], K = { class: "cui-radio-group__options" }, F = ["id"], J = /* @__PURE__ */ D({
8
6
  __name: "CuiRadioGroup",
9
7
  props: {
10
8
  modelValue: { type: [String, Number, Boolean] },
@@ -15,64 +13,76 @@ const E = ["aria-label", "aria-invalid"], G = { class: "cui-radio-group__options
15
13
  error: { type: Boolean, default: !1 },
16
14
  errorMessage: {},
17
15
  label: {},
16
+ id: {},
17
+ ariaDescribedby: {},
18
+ ariaLabelledby: {},
19
+ ariaRequired: { type: Boolean },
18
20
  hidden: { type: Boolean, default: !1 },
19
21
  color: { default: "primary" },
20
22
  size: { default: "md" },
21
23
  disabled: { type: Boolean, default: !1 }
22
24
  },
23
25
  emits: ["update:modelValue"],
24
- setup(r, { emit: v }) {
25
- const e = r, y = v, b = s(() => e.name ?? `cui-radio-${Math.random().toString(36).slice(2, 8)}`), d = w(), g = s(() => {
26
- var n;
27
- const t = (n = d.default) == null ? void 0 : n.call(d);
28
- return t ? t.reduce((u, o) => {
29
- var a;
30
- return o.type === Symbol.for("v-fgm") || o.type === Symbol.for("v-fgt") ? u + (((a = o.children) == null ? void 0 : a.length) ?? 0) : u + 1;
26
+ setup(r, { emit: y }) {
27
+ const e = r, { errorId: v, describedBy: g } = N(e), h = y, p = s(() => e.name ?? `cui-radio-${Math.random().toString(36).slice(2, 8)}`), u = C(), B = s(() => {
28
+ var l;
29
+ const a = (l = u.default) == null ? void 0 : l.call(u);
30
+ return a ? a.reduce((n, t) => {
31
+ var o;
32
+ return t.type === Symbol.for("v-fgm") || t.type === Symbol.for("v-fgt") ? n + (((o = t.children) == null ? void 0 : o.length) ?? 0) : n + 1;
31
33
  }, 0) : 0;
32
- }), p = s(() => e.variant === "buttons" ? "horizontal" : e.orientation !== "auto" ? e.orientation : g.value <= 2 ? "horizontal" : "vertical");
33
- B($, {
34
+ }), k = s(() => e.variant === "buttons" ? "horizontal" : e.orientation !== "auto" ? e.orientation : B.value <= 2 ? "horizontal" : "vertical");
35
+ V(E, {
34
36
  modelValue: i(e, "modelValue"),
35
- name: b.value,
37
+ name: p.value,
36
38
  color: i(e, "color"),
37
39
  disabled: i(e, "disabled"),
38
40
  readonly: i(e, "readonly"),
39
41
  variant: i(e, "variant"),
40
42
  size: i(e, "size"),
41
- select(t) {
42
- e.disabled || e.readonly || y("update:modelValue", t);
43
+ select(a) {
44
+ e.disabled || e.readonly || h("update:modelValue", a);
43
45
  }
44
46
  });
45
- function h(t) {
47
+ function S(a) {
46
48
  if (e.disabled || e.readonly) return;
47
- const n = t.currentTarget, u = e.variant === "buttons" ? "button.cui-radio-button:not(:disabled)" : '[role="radio"]:not([aria-disabled="true"])', o = Array.from(n.querySelectorAll(u)), a = o.findIndex((k) => k === document.activeElement);
48
- let l = -1;
49
- t.key === "ArrowDown" || t.key === "ArrowRight" ? (t.preventDefault(), l = a < o.length - 1 ? a + 1 : 0) : (t.key === "ArrowUp" || t.key === "ArrowLeft") && (t.preventDefault(), l = a > 0 ? a - 1 : o.length - 1), l >= 0 && (o[l].focus(), o[l].click());
49
+ const l = a.currentTarget, n = e.variant === "buttons" ? "button.cui-radio-button:not(:disabled)" : '[role="radio"]:not([aria-disabled="true"])', t = Array.from(l.querySelectorAll(n)), o = t.findIndex((w) => w === document.activeElement);
50
+ let d = -1;
51
+ a.key === "ArrowDown" || a.key === "ArrowRight" ? (a.preventDefault(), d = o < t.length - 1 ? o + 1 : 0) : (a.key === "ArrowUp" || a.key === "ArrowLeft") && (a.preventDefault(), d = o > 0 ? o - 1 : t.length - 1), d >= 0 && (t[d].focus(), t[d].click());
50
52
  }
51
- return (t, n) => C((c(), f("div", {
53
+ return (a, l) => z((c(), f("div", {
52
54
  role: "radiogroup",
53
- "aria-label": r.label,
55
+ id: r.id,
56
+ "aria-labelledby": r.ariaLabelledby,
57
+ "aria-describedby": b(g),
58
+ "aria-required": r.ariaRequired || void 0,
59
+ "aria-label": r.ariaLabelledby ? void 0 : r.label,
54
60
  "aria-invalid": r.error || void 0,
55
- class: V(["cui-radio-group", [
56
- r.variant !== "buttons" ? `cui-radio-group--${p.value}` : "",
61
+ class: A(["cui-radio-group", [
62
+ r.variant !== "buttons" ? `cui-radio-group--${k.value}` : "",
57
63
  { "cui-radio-group--error": r.error },
58
64
  { "cui-radio-group--buttons": r.variant === "buttons" }
59
65
  ]]),
60
- onKeydown: h
66
+ onKeydown: S
61
67
  }, [
62
- z("div", G, [
63
- r.variant === "buttons" ? (c(), A(R, { key: 0 }, {
64
- default: D(() => [
65
- m(t.$slots, "default", {}, void 0, !0)
68
+ R("div", K, [
69
+ r.variant === "buttons" ? (c(), q($, { key: 0 }, {
70
+ default: x(() => [
71
+ m(a.$slots, "default", {}, void 0, !0)
66
72
  ]),
67
73
  _: 3
68
- })) : m(t.$slots, "default", {}, void 0, !0, 1)
74
+ })) : m(a.$slots, "default", {}, void 0, !0, 1)
69
75
  ]),
70
- r.error && r.errorMessage ? (c(), f("div", I, x(r.errorMessage), 1)) : M("", !0)
71
- ], 42, E)), [
72
- [N, !r.hidden]
76
+ r.error && r.errorMessage ? (c(), f("div", {
77
+ key: 0,
78
+ id: b(v),
79
+ class: "cui-radio-group__error"
80
+ }, I(r.errorMessage), 9, F)) : L("", !0)
81
+ ], 42, G)), [
82
+ [M, !r.hidden]
73
83
  ]);
74
84
  }
75
85
  });
76
86
  export {
77
- T as default
87
+ J as default
78
88
  };
@@ -1 +1 @@
1
- {"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAuPnB,wBASG"}
1
+ {"version":3,"file":"CuiRating.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiRating.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAIzH,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,oBAAoB;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA4GD,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,YAAY,QAEjC;AAED,iBAAS,IAAI,SAEZ;;;;;;;;;;cAzHY,OAAO;;;;UAJX,MAAM;;gBANA,MAAM;eAgBP,OAAO;SAdb,MAAM;eAUA,OAAO;UARZ,OAAO;cAIH,MAAM;;AAyPnB,wBASG"}
@@ -19,8 +19,8 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
19
19
  disabled: { type: Boolean, default: !1 }
20
20
  },
21
21
  emits: ["update:modelValue"],
22
- setup(o, { expose: V, emit: z }) {
23
- const l = o, f = z, r = h(0), s = h(!1), C = b(
22
+ setup(n, { expose: V, emit: z }) {
23
+ const l = n, f = z, r = h(0), s = h(!1), C = b(
24
24
  () => s.value && !l.readonly && !l.disabled ? r.value : l.modelValue
25
25
  ), k = ["sm", "md", "lg", "xl"], B = {
26
26
  sm: { iconSize: "1rem", gap: v("0.125rem"), valueFont: "0.75rem", labelFont: "0.75rem" },
@@ -53,8 +53,8 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
53
53
  function x(e, a) {
54
54
  if (!(l.readonly || l.disabled))
55
55
  if (s.value = !0, l.half) {
56
- const t = a.currentTarget.getBoundingClientRect(), n = a.clientX - t.left < t.width / 2;
57
- r.value = n ? e - 0.5 : e;
56
+ const t = a.currentTarget.getBoundingClientRect(), o = a.clientX - t.left < t.width / 2;
57
+ r.value = o ? e - 0.5 : e;
58
58
  } else
59
59
  r.value = e;
60
60
  }
@@ -74,32 +74,33 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
74
74
  (e = m.value) == null || e.blur();
75
75
  }
76
76
  return V({ el: m, focus: N, blur: R }), (e, a) => M((i(), u("div", {
77
+ class: "cui-rating",
77
78
  ref_key: "rootEl",
78
79
  ref: m
79
80
  }, [
80
- o.label ? (i(), u("label", {
81
+ n.label ? (i(), u("label", {
81
82
  key: 0,
82
83
  style: c({ display: "block", marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))", fontSize: d.value.labelFont, fontWeight: "500", color: "var(--cui-text-secondary)" })
83
- }, p(o.label), 5)) : S("", !0),
84
+ }, p(n.label), 5)) : S("", !0),
84
85
  W("div", {
85
86
  style: c({
86
87
  display: "inline-flex",
87
88
  alignItems: "center",
88
89
  gap: d.value.gap,
89
- opacity: o.disabled ? "0.5" : "1"
90
+ opacity: n.disabled ? "0.5" : "1"
90
91
  }),
91
92
  onMouseleave: H
92
93
  }, [
93
- (i(!0), u(P, null, X(o.max, (t) => (i(), u("div", {
94
+ (i(!0), u(P, null, X(n.max, (t) => (i(), u("div", {
94
95
  key: t,
95
96
  style: c({
96
- cursor: o.readonly || o.disabled ? "default" : "pointer",
97
+ cursor: n.readonly || n.disabled ? "default" : "pointer",
97
98
  display: "inline-flex",
98
99
  transition: "transform 0.1s ease",
99
100
  transform: s.value && r.value >= t ? "scale(1.15)" : "scale(1)"
100
101
  }),
101
- onClick: (n) => I(t, n),
102
- onMousemove: (n) => x(t, n)
102
+ onClick: (o) => I(t, o),
103
+ onMousemove: (o) => x(t, o)
103
104
  }, [
104
105
  O($, {
105
106
  name: F(y(t)),
@@ -108,7 +109,7 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
108
109
  style: c({ color: L(y(t)), transition: "color 0.1s ease" })
109
110
  }, null, 8, ["name", "weight", "size", "style"])
110
111
  ], 44, j))), 128)),
111
- o.showValue ? (i(), u("span", {
112
+ n.showValue ? (i(), u("span", {
112
113
  key: 0,
113
114
  style: c({
114
115
  fontSize: d.value.valueFont,
@@ -117,10 +118,10 @@ const j = ["onClick", "onMousemove"], J = /* @__PURE__ */ D({
117
118
  marginLeft: "calc(0.25rem * var(--cui-density-scale, 1))",
118
119
  fontVariantNumeric: "tabular-nums"
119
120
  })
120
- }, p(o.modelValue), 5)) : S("", !0)
121
+ }, p(n.modelValue), 5)) : S("", !0)
121
122
  ], 36)
122
123
  ], 512)), [
123
- [U, !o.hidden]
124
+ [U, !n.hidden]
124
125
  ]);
125
126
  }
126
127
  });
@@ -1 +1 @@
1
- {"version":3,"file":"CuiResizablePanels.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiResizablePanels.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,wBAAwB;IACxB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA6PD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC9C,QAAA,MAAM,eAAe;;;;;;;;iBA1SL,cAAc;iBAEd,MAAM;cAET,MAAM;eAEL,MAAM;uBAEE,MAAM;6EA0S1B,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":"CuiResizablePanels.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiResizablePanels.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa;IAC5D,wBAAwB;IACxB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AA+PD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAiC9C,QAAA,MAAM,eAAe;;;;;;;;iBA5SL,cAAc;iBAEd,MAAM;cAET,MAAM;eAEL,MAAM;uBAEE,MAAM;6EA4S1B,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"}
@@ -12,13 +12,13 @@ const A = /* @__PURE__ */ M({
12
12
  },
13
13
  emits: ["resize", "collapse"],
14
14
  setup(x, { emit: z }) {
15
- const t = x, u = z, m = f(null), c = f(t.initialSize), l = f(!1), r = f(!1), n = i(() => t.orientation === "horizontal"), P = i(() => ({
15
+ const t = x, u = z, m = f(null), c = f(t.initialSize), l = f(!1), a = f(!1), n = i(() => t.orientation === "horizontal"), P = i(() => ({
16
16
  display: "flex",
17
17
  flexDirection: n.value ? "row" : "column",
18
18
  width: "100%",
19
19
  height: "100%",
20
20
  overflow: "hidden"
21
- })), k = i(() => r.value ? n.value ? { width: "0", minWidth: "0", overflow: "hidden" } : { height: "0", minHeight: "0", overflow: "hidden" } : n.value ? { width: `${c.value}%`, minWidth: `${t.minFirst}px`, overflow: "auto" } : { height: `${c.value}%`, minHeight: `${t.minFirst}px`, overflow: "auto" }), $ = i(() => ({
21
+ })), k = i(() => a.value ? n.value ? { width: "0", minWidth: "0", overflow: "hidden" } : { height: "0", minHeight: "0", overflow: "hidden" } : n.value ? { width: `${c.value}%`, minWidth: `${t.minFirst}px`, overflow: "auto" } : { height: `${c.value}%`, minHeight: `${t.minFirst}px`, overflow: "auto" }), $ = i(() => ({
22
22
  flex: "1",
23
23
  minWidth: n.value ? `${t.minSecond}px` : void 0,
24
24
  minHeight: n.value ? void 0 : `${t.minSecond}px`,
@@ -86,12 +86,12 @@ const A = /* @__PURE__ */ M({
86
86
  }
87
87
  function h(e) {
88
88
  if (!m.value || !l.value) return;
89
- const o = m.value.getBoundingClientRect(), a = n.value ? o.width : o.height, F = ((n.value ? e.clientX : e.clientY) - y) / a * 100;
89
+ const o = m.value.getBoundingClientRect(), r = n.value ? o.width : o.height, F = ((n.value ? e.clientX : e.clientY) - y) / r * 100;
90
90
  let v = b + F;
91
- const H = t.minFirst / a * 100, I = t.minSecond / a * 100;
91
+ const H = t.minFirst / r * 100, I = t.minSecond / r * 100;
92
92
  if (v = Math.max(H, Math.min(100 - I, v)), t.collapseThreshold > 0) {
93
- const w = v / 100 * a;
94
- w < t.collapseThreshold && !r.value ? (r.value = !0, u("collapse", !0)) : w >= t.collapseThreshold && r.value && (r.value = !1, u("collapse", !1));
93
+ const w = v / 100 * r;
94
+ w < t.collapseThreshold && !a.value ? (a.value = !0, u("collapse", !0)) : w >= t.collapseThreshold && a.value && (a.value = !1, u("collapse", !1));
95
95
  }
96
96
  c.value = v, u("resize", v);
97
97
  }
@@ -99,11 +99,12 @@ const A = /* @__PURE__ */ M({
99
99
  l.value = !1, document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", g);
100
100
  }
101
101
  function D() {
102
- c.value = t.initialSize, r.value = !1, u("resize", t.initialSize), u("collapse", !1);
102
+ c.value = t.initialSize, a.value = !1, u("resize", t.initialSize), u("collapse", !1);
103
103
  }
104
104
  return B(() => {
105
105
  document.removeEventListener("pointermove", h), document.removeEventListener("pointerup", g);
106
106
  }), (e, o) => T((W(), X("div", {
107
+ class: "cui-resizable-panels",
107
108
  ref_key: "containerRef",
108
109
  ref: m,
109
110
  style: s(P.value)
@@ -117,8 +118,8 @@ const A = /* @__PURE__ */ M({
117
118
  style: s(E.value),
118
119
  onPointerdown: L,
119
120
  onDblclick: D,
120
- onMouseenter: o[0] || (o[0] = (a) => d.value = !0),
121
- onMouseleave: o[1] || (o[1] = (a) => d.value = !1)
121
+ onMouseenter: o[0] || (o[0] = (r) => d.value = !0),
122
+ onMouseleave: o[1] || (o[1] = (r) => d.value = !1)
122
123
  }, [
123
124
  p("div", {
124
125
  style: s(R.value)
@@ -1,4 +1,4 @@
1
- import type { HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded } from "../types/common";
1
+ import type { HideableProps, ColorableProps, SizeableProps, DisableableProps, CuiRounded, NativeControlProps } from "../types/common";
2
2
  export interface SelectOption {
3
3
  value: string | number;
4
4
  label: string;
@@ -6,7 +6,7 @@ export interface SelectOption {
6
6
  group?: string;
7
7
  disabled?: boolean;
8
8
  }
9
- export interface CuiSelectProps extends HideableProps, ColorableProps, SizeableProps, DisableableProps {
9
+ export interface CuiSelectProps extends NativeControlProps, HideableProps, ColorableProps, SizeableProps, DisableableProps {
10
10
  /** Selected value (single) or values (multiple) */
11
11
  modelValue?: string | number | null | Array<string | number>;
12
12
  /** Options — array of strings or { value, label, group?, disabled? } objects */
@@ -1 +1 @@
1
- {"version":3,"file":"CuiSelect.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSelect.vue"],"names":[],"mappings":"AAgvBA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAalH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACpG,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7D,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC;IAChD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AA4GD,iBAAS,IAAI,SAYZ;AAED,iBAAS,KAAK,SAGb;AA+gBD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4C/C,QAAA,MAAM,eAAe;;;;;;;;;;;WAlsBX,OAAO;cAIJ,OAAO;;;;aAER,UAAU;aAVV,OAAO;;iBAJH,MAAM;eAER,OAAO;aANT,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;cAEpC,OAAO;mBAQF,MAAM;6EA6sBtB,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":"CuiSelect.vue.d.ts","sourceRoot":"","sources":["../../src/components/CuiSelect.vue"],"names":[],"mappings":"AAsvBA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AActI,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB;IACxH,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7D,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,CAAC;IAChD,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wBAAwB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB;AA+GD,iBAAS,IAAI,SAYZ;AAED,iBAAS,KAAK,SAGb;AAkhBD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA8C/C,QAAA,MAAM,eAAe;;;;;;;;;;;WA1sBX,OAAO;cAIJ,OAAO;;;;aAER,UAAU;aAVV,OAAO;;iBAJH,MAAM;eAER,OAAO;aANT,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;cAEpC,OAAO;mBAQF,MAAM;6EAqtBtB,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 "./CuiSelect.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-d7537b1e"]]);
4
+ const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ecd97b4e"]]);
5
5
  export {
6
- p as default
6
+ m as default
7
7
  };