@quidgest/ui 0.25.0 → 0.27.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 (257) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/json/api.json +501 -156
  3. package/dist/manifest/components.json +3 -0
  4. package/dist/ui.css +1030 -138
  5. package/dist/ui.esm.js +989 -937
  6. package/dist/ui.js +1230 -1181
  7. package/dist/ui.min.css +1 -1
  8. package/dist/ui.min.js +1230 -1181
  9. package/dist/ui.scss +1301 -168
  10. package/esm/components/QAccordion/QAccordion.d.ts.map +1 -1
  11. package/esm/components/QAccordion/QAccordion.vue.js +19 -18
  12. package/esm/components/QAccordion/QAccordionItem.vue.js +4 -4
  13. package/esm/components/QBadge/QBadge.d.ts.map +1 -1
  14. package/esm/components/QBadge/QBadge.vue.js +58 -55
  15. package/esm/components/QBadgeIndicator/QBadgeIndicator.d.ts.map +1 -1
  16. package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js +17 -16
  17. package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts +81 -0
  18. package/esm/components/QBreadcrumbs/QBreadcrumb.d.ts.map +1 -0
  19. package/esm/components/QBreadcrumbs/QBreadcrumb.vue.js +85 -0
  20. package/esm/components/QBreadcrumbs/QBreadcrumb2.vue.js +5 -0
  21. package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts +22 -0
  22. package/esm/components/QBreadcrumbs/QBreadcrumbs.d.ts.map +1 -0
  23. package/esm/components/QBreadcrumbs/QBreadcrumbs.vue.js +74 -0
  24. package/esm/components/QBreadcrumbs/QBreadcrumbs2.vue.js +5 -0
  25. package/esm/components/QBreadcrumbs/constants.d.ts +20 -0
  26. package/esm/components/QBreadcrumbs/constants.d.ts.map +1 -0
  27. package/esm/components/QBreadcrumbs/constants.js +10 -0
  28. package/esm/components/QBreadcrumbs/context.d.ts +103 -0
  29. package/esm/components/QBreadcrumbs/context.d.ts.map +1 -0
  30. package/esm/components/QBreadcrumbs/context.js +4 -0
  31. package/esm/components/QBreadcrumbs/index.d.ts +108 -0
  32. package/esm/components/QBreadcrumbs/index.d.ts.map +1 -0
  33. package/esm/components/QBreadcrumbs/index.js +7 -0
  34. package/esm/components/QBreadcrumbs/types.d.ts +100 -0
  35. package/esm/components/QBreadcrumbs/types.d.ts.map +1 -0
  36. package/esm/components/QButton/QButton.d.ts.map +1 -1
  37. package/esm/components/QButton/QButton.vue.js +55 -52
  38. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  39. package/esm/components/QButtonGroup/QButtonGroup.vue.js +16 -15
  40. package/esm/components/QCard/QCard.d.ts.map +1 -1
  41. package/esm/components/QCard/QCard.vue.js +51 -52
  42. package/esm/components/QCarousel/QCarousel.d.ts.map +1 -1
  43. package/esm/components/QCarousel/QCarousel.vue.js +119 -115
  44. package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
  45. package/esm/components/QCheckbox/QCheckbox.vue.js +10 -14
  46. package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
  47. package/esm/components/QCollapsible/QCollapsible.vue.js +52 -51
  48. package/esm/components/QColorPicker/QColorPicker.d.ts.map +1 -1
  49. package/esm/components/QColorPicker/QColorPicker.vue.js +48 -47
  50. package/esm/components/QCombobox/QCombobox.d.ts +6 -4
  51. package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
  52. package/esm/components/QCombobox/QCombobox.vue.js +119 -116
  53. package/esm/components/QCombobox/index.d.ts +3 -2
  54. package/esm/components/QCombobox/index.d.ts.map +1 -1
  55. package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
  56. package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +468 -429
  57. package/esm/components/QDateTimePicker/constants.d.ts +5 -0
  58. package/esm/components/QDateTimePicker/constants.d.ts.map +1 -1
  59. package/esm/components/QDateTimePicker/constants.js +5 -0
  60. package/esm/components/QDialog/QDialog.d.ts +2 -1
  61. package/esm/components/QDialog/QDialog.d.ts.map +1 -1
  62. package/esm/components/QDialog/QDialog.vue.js +84 -65
  63. package/esm/components/QDialog/constants.d.ts +6 -1
  64. package/esm/components/QDialog/constants.d.ts.map +1 -1
  65. package/esm/components/QDialog/constants.js +6 -2
  66. package/esm/components/QDialog/index.d.ts +6 -0
  67. package/esm/components/QDialog/index.d.ts.map +1 -1
  68. package/esm/components/QDialog/types.d.ts +13 -1
  69. package/esm/components/QDialog/types.d.ts.map +1 -1
  70. package/esm/components/QDivider/QDivider.d.ts.map +1 -1
  71. package/esm/components/QDivider/QDivider.vue.js +22 -21
  72. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +8 -6
  73. package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
  74. package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +126 -125
  75. package/esm/components/QField/QField.d.ts.map +1 -1
  76. package/esm/components/QField/QField.vue.js +36 -34
  77. package/esm/components/QFileUpload/QFileUpload.vue.js +16 -16
  78. package/esm/components/QGauge/QGauge.d.ts +1 -1
  79. package/esm/components/QGauge/QGauge.d.ts.map +1 -1
  80. package/esm/components/QGauge/QGauge.vue.js +9 -9
  81. package/esm/components/QIcon/QIcon.d.ts.map +1 -1
  82. package/esm/components/QIcon/QIcon.vue.js +20 -19
  83. package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
  84. package/esm/components/QIcon/QIconFont.vue.js +13 -12
  85. package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
  86. package/esm/components/QIcon/QIconImg.vue.js +12 -11
  87. package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
  88. package/esm/components/QIcon/QIconSvg.vue.js +19 -18
  89. package/esm/components/QIcon/QSvgSymbol.d.ts +54 -0
  90. package/esm/components/QIcon/QSvgSymbol.d.ts.map +1 -0
  91. package/esm/components/QIcon/QSvgSymbol.vue.js +88 -0
  92. package/esm/components/QIcon/QSvgSymbol2.vue.js +5 -0
  93. package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
  94. package/esm/components/QInputGroup/QInputGroup.vue.js +30 -29
  95. package/esm/components/QLabel/QLabel.d.ts.map +1 -1
  96. package/esm/components/QLabel/QLabel.vue.js +20 -19
  97. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  98. package/esm/components/QLineLoader/QLineLoader.vue.js +14 -13
  99. package/esm/components/QList/QList.d.ts +4 -4
  100. package/esm/components/QList/QList.d.ts.map +1 -1
  101. package/esm/components/QList/QList.vue.js +135 -135
  102. package/esm/components/QList/QListItem.d.ts.map +1 -1
  103. package/esm/components/QList/QListItem.vue.js +42 -40
  104. package/esm/components/QList/QListItemGroup.d.ts +1 -1
  105. package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
  106. package/esm/components/QList/index.d.ts +2 -2
  107. package/esm/components/QList/types.d.ts +6 -0
  108. package/esm/components/QList/types.d.ts.map +1 -1
  109. package/esm/components/QMeter/QMeter.d.ts.map +1 -1
  110. package/esm/components/QMeter/QMeter.vue.js +20 -19
  111. package/esm/components/QObfuscation/QObfuscation.d.ts.map +1 -1
  112. package/esm/components/QObfuscation/QObfuscation.vue.js +53 -53
  113. package/esm/components/QOverflow/QOverflow.d.ts +1 -1
  114. package/esm/components/QOverflow/QOverflow.d.ts.map +1 -1
  115. package/esm/components/QOverflow/QOverflow.vue.js +10 -10
  116. package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
  117. package/esm/components/QOverlay/QOverlay.vue.js +139 -138
  118. package/esm/components/QPasswordField/QPasswordField.d.ts +2 -0
  119. package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
  120. package/esm/components/QPasswordField/QPasswordField.vue.js +63 -60
  121. package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +1 -1
  122. package/esm/components/QPasswordField/constants.d.ts +4 -0
  123. package/esm/components/QPasswordField/constants.d.ts.map +1 -1
  124. package/esm/components/QPasswordField/constants.js +4 -1
  125. package/esm/components/QPasswordField/index.d.ts +6 -0
  126. package/esm/components/QPasswordField/index.d.ts.map +1 -1
  127. package/esm/components/QPasswordField/types.d.ts +7 -1
  128. package/esm/components/QPasswordField/types.d.ts.map +1 -1
  129. package/esm/components/QPhoneField/QPhoneField.d.ts +7 -5
  130. package/esm/components/QPhoneField/QPhoneField.d.ts.map +1 -1
  131. package/esm/components/QPhoneField/QPhoneField.vue.js +88 -88
  132. package/esm/components/QPhoneField/index.d.ts +3 -2
  133. package/esm/components/QPhoneField/index.d.ts.map +1 -1
  134. package/esm/components/QPopover/QPopover.d.ts.map +1 -1
  135. package/esm/components/QPopover/QPopover.vue.js +51 -28
  136. package/esm/components/QProgress/QProgress.vue.js +3 -3
  137. package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
  138. package/esm/components/QPropertyList/QPropertyList.vue.js +65 -55
  139. package/esm/components/QPropertyList/QPropertyListGroup.d.ts +8 -4
  140. package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
  141. package/esm/components/QPropertyList/QPropertyListGroup.vue.js +31 -28
  142. package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
  143. package/esm/components/QPropertyList/QPropertyListPanel.vue.js +13 -12
  144. package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
  145. package/esm/components/QPropertyList/QPropertyListRow.vue.js +41 -16
  146. package/esm/components/QPropertyList/constants.d.ts +2 -0
  147. package/esm/components/QPropertyList/constants.d.ts.map +1 -1
  148. package/esm/components/QPropertyList/constants.js +5 -1
  149. package/esm/components/QPropertyList/index.d.ts +16 -4
  150. package/esm/components/QPropertyList/index.d.ts.map +1 -1
  151. package/esm/components/QSection/QSection.d.ts +2 -0
  152. package/esm/components/QSection/QSection.d.ts.map +1 -1
  153. package/esm/components/QSection/QSection.vue.js +19 -14
  154. package/esm/components/QSection/index.d.ts +2 -0
  155. package/esm/components/QSection/index.d.ts.map +1 -1
  156. package/esm/components/QSelect/QSelect.d.ts +6 -4
  157. package/esm/components/QSelect/QSelect.d.ts.map +1 -1
  158. package/esm/components/QSelect/QSelect.vue.js +129 -124
  159. package/esm/components/QSelect/index.d.ts +3 -2
  160. package/esm/components/QSelect/index.d.ts.map +1 -1
  161. package/esm/components/QSidebar/QSidebar.d.ts +1 -1
  162. package/esm/components/QSidebar/QSidebar.d.ts.map +1 -1
  163. package/esm/components/QSidebar/QSidebar.vue.js +68 -67
  164. package/esm/components/QSidebar/QSidebarItem.d.ts +1 -1
  165. package/esm/components/QSidebar/QSidebarItem.d.ts.map +1 -1
  166. package/esm/components/QSidebar/QSidebarItem.vue.js +8 -8
  167. package/esm/components/QSidebar/QSidebarPanel.d.ts.map +1 -1
  168. package/esm/components/QSidebar/QSidebarPanel.vue.js +40 -36
  169. package/esm/components/QSidebar/context.d.ts +1 -1
  170. package/esm/components/QSidebar/context.d.ts.map +1 -1
  171. package/esm/components/QSidebar/types.d.ts +8 -0
  172. package/esm/components/QSidebar/types.d.ts.map +1 -1
  173. package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
  174. package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +15 -14
  175. package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
  176. package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js +11 -10
  177. package/esm/components/QSteps/QStepHeader.d.ts +58 -0
  178. package/esm/components/QSteps/QStepHeader.d.ts.map +1 -0
  179. package/esm/components/QSteps/QStepHeader.vue.js +49 -0
  180. package/esm/components/QSteps/QStepHeader2.vue.js +5 -0
  181. package/esm/components/QSteps/QSteps.d.ts +269 -0
  182. package/esm/components/QSteps/QSteps.d.ts.map +1 -0
  183. package/esm/components/QSteps/QSteps.vue.js +260 -0
  184. package/esm/components/QSteps/QSteps2.vue.js +5 -0
  185. package/esm/components/QSteps/QStepsNav.d.ts +59 -0
  186. package/esm/components/QSteps/QStepsNav.d.ts.map +1 -0
  187. package/esm/components/QSteps/QStepsNav.vue.js +42 -0
  188. package/esm/components/QSteps/QStepsNav2.vue.js +5 -0
  189. package/esm/components/QSteps/constants.d.ts +28 -0
  190. package/esm/components/QSteps/constants.d.ts.map +1 -0
  191. package/esm/components/QSteps/constants.js +16 -0
  192. package/esm/components/QSteps/index.d.ts +228 -0
  193. package/esm/components/QSteps/index.d.ts.map +1 -0
  194. package/esm/components/QSteps/index.js +6 -0
  195. package/esm/components/QSteps/types.d.ts +190 -0
  196. package/esm/components/QSteps/types.d.ts.map +1 -0
  197. package/esm/components/QSwitch/QSwitch.vue.js +3 -3
  198. package/esm/components/QTabs/QTab.d.ts +1 -1
  199. package/esm/components/QTabs/QTab.d.ts.map +1 -1
  200. package/esm/components/QTabs/QTab.vue.js +10 -12
  201. package/esm/components/QTabs/QTabs.d.ts +1 -1
  202. package/esm/components/QTabs/QTabs.d.ts.map +1 -1
  203. package/esm/components/QTabs/QTabs.vue.js +108 -113
  204. package/esm/components/QTabs/context.d.ts +1 -1
  205. package/esm/components/QTabs/context.d.ts.map +1 -1
  206. package/esm/components/QTabs/types.d.ts +1 -1
  207. package/esm/components/QTextArea/QTextArea.d.ts +1 -1
  208. package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
  209. package/esm/components/QTextArea/QTextArea.vue.js +9 -7
  210. package/esm/components/QTextArea/index.d.ts +3 -3
  211. package/esm/components/QTextField/QTextField.d.ts.map +1 -1
  212. package/esm/components/QTextField/QTextField.vue.js +11 -9
  213. package/esm/components/QThemeProvider/QThemeProvider.vue.js +3 -3
  214. package/esm/components/QToast/QToast.d.ts +2 -1
  215. package/esm/components/QToast/QToast.d.ts.map +1 -1
  216. package/esm/components/QToast/QToast.vue.js +95 -78
  217. package/esm/components/QToast/QToaster.d.ts.map +1 -1
  218. package/esm/components/QToast/QToaster.vue.js +20 -19
  219. package/esm/components/QToast/constants.d.ts +3 -0
  220. package/esm/components/QToast/constants.d.ts.map +1 -1
  221. package/esm/components/QToast/constants.js +2 -2
  222. package/esm/components/QToast/index.d.ts +6 -0
  223. package/esm/components/QToast/index.d.ts.map +1 -1
  224. package/esm/components/QToast/types.d.ts +7 -1
  225. package/esm/components/QToast/types.d.ts.map +1 -1
  226. package/esm/components/QToggle/QToggle.d.ts.map +1 -1
  227. package/esm/components/QToggle/QToggle.vue.js +52 -15
  228. package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -1
  229. package/esm/components/QToggleGroup/QToggleGroup.vue.js +21 -20
  230. package/esm/components/QTooltip/QTooltip.vue.js +5 -5
  231. package/esm/components/__internal__/QChevron/QChevron.d.ts.map +1 -1
  232. package/esm/components/__internal__/QChevron/QChevron.vue.js +16 -15
  233. package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map +1 -1
  234. package/esm/components/__internal__/QClearButton/QClearButton.vue.js +19 -18
  235. package/esm/components/index.d.ts +2 -0
  236. package/esm/components/index.d.ts.map +1 -1
  237. package/esm/components/index.js +108 -103
  238. package/esm/composables/useColor/index.d.ts +2 -0
  239. package/esm/composables/useColor/index.d.ts.map +1 -1
  240. package/esm/composables/useColor/index.js +49 -39
  241. package/esm/composables/useColor/types.d.ts +15 -0
  242. package/esm/composables/useColor/types.d.ts.map +1 -1
  243. package/esm/composables/useEnabledSelection/index.d.ts +33 -0
  244. package/esm/composables/useEnabledSelection/index.d.ts.map +1 -0
  245. package/esm/composables/useEnabledSelection/index.js +15 -0
  246. package/esm/index.d.ts +3 -0
  247. package/esm/utils/color/contrast.d.ts +20 -0
  248. package/esm/utils/color/contrast.d.ts.map +1 -1
  249. package/esm/utils/color/contrast.js +24 -13
  250. package/esm/utils/color/merge.js +8 -8
  251. package/esm/utils/index.js +56 -54
  252. package/package.json +12 -6
  253. package/esm/components/QIcon/InlineSvg.d.ts +0 -110
  254. package/esm/components/QIcon/InlineSvg.d.ts.map +0 -1
  255. package/esm/components/QIcon/InlineSvg.js +0 -95
  256. package/esm/utils/time.d.ts +0 -36
  257. package/esm/utils/time.d.ts.map +0 -1
@@ -1,29 +1,30 @@
1
- import { DEFAULT_ICONS as e } from "./constants.js";
2
- import { QIcon as t } from "../../QIcon/index.js";
3
- import { computed as n, createBlock as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useModel as l } from "vue";
1
+ import { useId as e } from "../../../composables/useId/index.js";
2
+ import { DEFAULT_ICONS as t } from "./constants.js";
3
+ import { QIcon as n } from "../../QIcon/index.js";
4
+ import { computed as r, createBlock as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, toRef as l, unref as u, useModel as d } from "vue";
4
5
  //#region src/components/__internal__/QChevron/QChevron.vue?vue&type=script&setup=true&lang.ts
5
- var u = /*@__PURE__*/ i({
6
+ var f = /*@__PURE__*/ a({
6
7
  __name: "QChevron",
7
- props: /*@__PURE__*/ a({
8
+ props: /*@__PURE__*/ o({
8
9
  id: {},
9
10
  class: {},
10
- icons: { default: () => e }
11
+ icons: { default: () => t }
11
12
  }, {
12
13
  modelValue: { type: Boolean },
13
14
  modelModifiers: {}
14
15
  }),
15
16
  emits: ["update:modelValue"],
16
- setup(e) {
17
- let i = e, a = l(e, "modelValue"), u = n(() => [
17
+ setup(t) {
18
+ let a = t, o = d(t, "modelValue"), f = e(l(a, "id")), p = r(() => [
18
19
  "q-chevron",
19
- { "q-chevron--expanded": a.value },
20
- i.class
20
+ { "q-chevron--expanded": o.value },
21
+ a.class
21
22
  ]);
22
- return (e, n) => (s(), r(c(t), o({
23
- id: i.id,
24
- class: u.value
25
- }, i.icons.chevron), null, 16, ["id", "class"]));
23
+ return (e, t) => (c(), i(u(n), s({
24
+ id: u(f),
25
+ class: p.value
26
+ }, a.icons.chevron), null, 16, ["id", "class"]));
26
27
  }
27
28
  });
28
29
  //#endregion
29
- export { u as default };
30
+ export { f as default };
@@ -1 +1 @@
1
- {"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAaA;AAyCC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAO1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;;;;;;;;;AAoG3C,wBASG"}
1
+ {"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAaA;AAiDC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;;;;;;;;;AA0G3C,wBASG"}
@@ -1,33 +1,34 @@
1
- import { QButton as e } from "../../QButton/index.js";
2
- import { QIcon as t } from "../../QIcon/index.js";
3
- import { DEFAULT_ICONS as n, DEFAULT_TEXTS as r } from "./constants.js";
4
- import { createBlock as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeClass as c, normalizeProps as l, openBlock as u, unref as d, withCtx as f } from "vue";
1
+ import { useId as e } from "../../../composables/useId/index.js";
2
+ import { QButton as t } from "../../QButton/index.js";
3
+ import { QIcon as n } from "../../QIcon/index.js";
4
+ import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
5
+ import { createBlock as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, toRef as f, unref as p, withCtx as m } from "vue";
5
6
  //#region src/components/__internal__/QClearButton/QClearButton.vue?vue&type=script&setup=true&lang.ts
6
- var p = /*@__PURE__*/ o({
7
+ var h = /*@__PURE__*/ s({
7
8
  __name: "QClearButton",
8
9
  props: {
9
10
  id: {},
10
11
  class: {},
11
- icons: { default: () => n },
12
- texts: { default: () => r }
12
+ icons: { default: () => r },
13
+ texts: { default: () => i }
13
14
  },
14
15
  emits: ["click"],
15
- setup(n, { emit: r }) {
16
- let o = n, p = r;
17
- function m(e) {
18
- p("click", e);
16
+ setup(r, { emit: i }) {
17
+ let s = r, h = i, g = e(f(s, "id"));
18
+ function _(e) {
19
+ h("click", e);
19
20
  }
20
- return (n, r) => (u(), i(d(e), {
21
- id: o.id,
22
- class: c(["q-clear-btn", o.class]),
23
- "aria-label": o.texts.clearValue,
21
+ return (e, r) => (d(), a(p(t), {
22
+ id: p(g),
23
+ class: l(["q-clear-btn", s.class]),
24
+ "aria-label": s.texts.clearValue,
24
25
  variant: "ghost",
25
26
  color: "neutral",
26
27
  borderless: "",
27
28
  tabindex: -1,
28
- onClick: m
29
+ onClick: _
29
30
  }, {
30
- default: f(() => [a(d(t), l(s(o.icons.clear)), null, 16)]),
31
+ default: m(() => [o(p(n), u(c(s.icons.clear)), null, 16)]),
31
32
  _: 1
32
33
  }, 8, [
33
34
  "id",
@@ -37,4 +38,4 @@ var p = /*@__PURE__*/ o({
37
38
  }
38
39
  });
39
40
  //#endregion
40
- export { p as default };
41
+ export { h as default };
@@ -2,6 +2,7 @@ export * from './QAccordion';
2
2
  export * from './QAvatar';
3
3
  export * from './QBadge';
4
4
  export * from './QBadgeIndicator';
5
+ export * from './QBreadcrumbs';
5
6
  export * from './QButton';
6
7
  export * from './QButtonGroup';
7
8
  export * from './QCard';
@@ -41,6 +42,7 @@ export * from './QSelect';
41
42
  export * from './QSidebar';
42
43
  export * from './QSkeletonLoader';
43
44
  export * from './QSpinnerLoader';
45
+ export * from './QSteps';
44
46
  export * from './QSwitch';
45
47
  export * from './QTabs';
46
48
  export * from './QTextArea';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
@@ -9,123 +9,128 @@ import { QAvatar as u } from "./QAvatar/index.js";
9
9
  import { QButtonGroup as d } from "./QButtonGroup/index.js";
10
10
  import { QBadge as f } from "./QBadge/index.js";
11
11
  import { QBadgeIndicator as p } from "./QBadgeIndicator/index.js";
12
- import { QSkeletonLoader as m } from "./QSkeletonLoader/index.js";
13
- import { QCarousel as h } from "./QCarousel/index.js";
14
- import { QLabel as g } from "./QLabel/index.js";
15
- import { QCheckbox as _, QCheckboxLabel as v } from "./QCheckbox/index.js";
16
- import { QField as y } from "./QField/index.js";
17
- import { DEFAULT_TEXTS as b } from "./QTextField/constants.js";
18
- import { QTextField as x } from "./QTextField/index.js";
19
- import { QColorPicker as S } from "./QColorPicker/index.js";
20
- import { QList as C, QListItem as w, QListItemGroup as T } from "./QList/index.js";
21
- import { QDismissibleLayer as E } from "./QDismissibleLayer/index.js";
22
- import { QFocusWrap as D } from "./QFocusWrap/index.js";
23
- import { QOverlay as O } from "./QOverlay/index.js";
24
- import { QCombobox as k } from "./QCombobox/index.js";
25
- import { QSwitch as A } from "./QSwitch/index.js";
26
- import { QDateTimePicker as j } from "./QDateTimePicker/index.js";
27
- import { QDefaultsProvider as M } from "./QDefaultsProvider/index.js";
28
- import { QDialog as N, QDialogProvider as P } from "./QDialog/index.js";
29
- import { QDivider as F } from "./QDivider/index.js";
30
- import { QDropdownMenu as I } from "./QDropdownMenu/index.js";
31
- import { QFileUpload as L } from "./QFileUpload/index.js";
32
- import { QGauge as R } from "./QGauge/index.js";
33
- import { QCol as z, QContainer as te, QRow as B, QSpacer as V } from "./QGrid/index.js";
34
- import { QInputGroup as H } from "./QInputGroup/index.js";
35
- import { QLineLoader as U } from "./QLineLoader/index.js";
36
- import { QMeter as W } from "./QMeter/index.js";
37
- import { QObfuscation as G } from "./QObfuscation/index.js";
38
- import { QOverflow as K } from "./QOverflow/index.js";
39
- import { QPasswordField as q } from "./QPasswordField/index.js";
40
- import { QPopover as J } from "./QPopover/index.js";
41
- import { QSelect as Y } from "./QSelect/index.js";
42
- import { QPhoneField as X } from "./QPhoneField/index.js";
43
- import { QProgress as Z } from "./QProgress/index.js";
44
- import { QPropertyList as Q, QPropertyListGroup as $, QPropertyListPanel as ne, QPropertyListRow as re } from "./QPropertyList/index.js";
45
- import { QRadioButton as ie, QRadioGroup as ae } from "./QRadioGroup/index.js";
46
- import { QSection as oe } from "./QSection/index.js";
47
- import { QToggle as se } from "./QToggle/index.js";
48
- import { QSidebar as ce, QSidebarItem as le } from "./QSidebar/index.js";
49
- import { QTab as ue, QTabs as de } from "./QTabs/index.js";
50
- import { QTextArea as fe } from "./QTextArea/index.js";
51
- import { QThemeProvider as pe } from "./QThemeProvider/index.js";
52
- import { QToast as me, QToaster as he } from "./QToast/index.js";
53
- import { QToggleGroup as ge, QToggleGroupItem as _e } from "./QToggleGroup/index.js";
54
- import { QTooltip as ve } from "./QTooltip/index.js";
12
+ import { QList as m, QListItem as h, QListItemGroup as g } from "./QList/index.js";
13
+ import { QDismissibleLayer as _ } from "./QDismissibleLayer/index.js";
14
+ import { QFocusWrap as v } from "./QFocusWrap/index.js";
15
+ import { QOverlay as y } from "./QOverlay/index.js";
16
+ import { QDropdownMenu as b } from "./QDropdownMenu/index.js";
17
+ import { QBreadcrumb as x, QBreadcrumbs as S } from "./QBreadcrumbs/index.js";
18
+ import { QSkeletonLoader as C } from "./QSkeletonLoader/index.js";
19
+ import { QCarousel as w } from "./QCarousel/index.js";
20
+ import { QLabel as T } from "./QLabel/index.js";
21
+ import { QCheckbox as E, QCheckboxLabel as D } from "./QCheckbox/index.js";
22
+ import { QField as O } from "./QField/index.js";
23
+ import { DEFAULT_TEXTS as k } from "./QTextField/constants.js";
24
+ import { QTextField as A } from "./QTextField/index.js";
25
+ import { QColorPicker as j } from "./QColorPicker/index.js";
26
+ import { QCombobox as M } from "./QCombobox/index.js";
27
+ import { QSwitch as N } from "./QSwitch/index.js";
28
+ import { QDateTimePicker as P } from "./QDateTimePicker/index.js";
29
+ import { QDefaultsProvider as F } from "./QDefaultsProvider/index.js";
30
+ import { QDialog as I, QDialogProvider as L } from "./QDialog/index.js";
31
+ import { QDivider as R } from "./QDivider/index.js";
32
+ import { QFileUpload as z } from "./QFileUpload/index.js";
33
+ import { QGauge as te } from "./QGauge/index.js";
34
+ import { QCol as B, QContainer as V, QRow as H, QSpacer as U } from "./QGrid/index.js";
35
+ import { QInputGroup as W } from "./QInputGroup/index.js";
36
+ import { QLineLoader as G } from "./QLineLoader/index.js";
37
+ import { QMeter as K } from "./QMeter/index.js";
38
+ import { QObfuscation as q } from "./QObfuscation/index.js";
39
+ import { QOverflow as J } from "./QOverflow/index.js";
40
+ import { QPasswordField as Y } from "./QPasswordField/index.js";
41
+ import { QPopover as X } from "./QPopover/index.js";
42
+ import { QSelect as Z } from "./QSelect/index.js";
43
+ import { QPhoneField as Q } from "./QPhoneField/index.js";
44
+ import { QProgress as $ } from "./QProgress/index.js";
45
+ import { QPropertyList as ne, QPropertyListGroup as re, QPropertyListPanel as ie, QPropertyListRow as ae } from "./QPropertyList/index.js";
46
+ import { QRadioButton as oe, QRadioGroup as se } from "./QRadioGroup/index.js";
47
+ import { QSection as ce } from "./QSection/index.js";
48
+ import { QToggle as le } from "./QToggle/index.js";
49
+ import { QSidebar as ue, QSidebarItem as de } from "./QSidebar/index.js";
50
+ import { QSteps as fe } from "./QSteps/index.js";
51
+ import { QTab as pe, QTabs as me } from "./QTabs/index.js";
52
+ import { QTextArea as he } from "./QTextArea/index.js";
53
+ import { QThemeProvider as ge } from "./QThemeProvider/index.js";
54
+ import { QToast as _e, QToaster as ve } from "./QToast/index.js";
55
+ import { QToggleGroup as ye, QToggleGroupItem as be } from "./QToggleGroup/index.js";
56
+ import { QTooltip as xe } from "./QTooltip/index.js";
55
57
  //#region src/components/index.ts
56
- var ye = /* @__PURE__ */ ee({
57
- DEFAULT_TEXTS: () => b,
58
+ var Se = /* @__PURE__ */ ee({
59
+ DEFAULT_TEXTS: () => k,
58
60
  QAccordion: () => c,
59
61
  QAccordionItem: () => l,
60
62
  QAvatar: () => u,
61
63
  QBadge: () => f,
62
64
  QBadgeIndicator: () => p,
65
+ QBreadcrumb: () => x,
66
+ QBreadcrumbs: () => S,
63
67
  QButton: () => t,
64
68
  QButtonGroup: () => d,
65
69
  QCard: () => n,
66
- QCarousel: () => h,
67
- QCheckbox: () => _,
68
- QCheckboxLabel: () => v,
69
- QCol: () => z,
70
+ QCarousel: () => w,
71
+ QCheckbox: () => E,
72
+ QCheckboxLabel: () => D,
73
+ QCol: () => B,
70
74
  QCollapsible: () => s,
71
- QColorPicker: () => S,
72
- QCombobox: () => k,
73
- QContainer: () => te,
74
- QDateTimePicker: () => j,
75
- QDefaultsProvider: () => M,
76
- QDialog: () => N,
77
- QDialogProvider: () => P,
78
- QDismissibleLayer: () => E,
79
- QDivider: () => F,
80
- QDropdownMenu: () => I,
81
- QField: () => y,
82
- QFileUpload: () => L,
83
- QFocusWrap: () => D,
84
- QGauge: () => R,
75
+ QColorPicker: () => j,
76
+ QCombobox: () => M,
77
+ QContainer: () => V,
78
+ QDateTimePicker: () => P,
79
+ QDefaultsProvider: () => F,
80
+ QDialog: () => I,
81
+ QDialogProvider: () => L,
82
+ QDismissibleLayer: () => _,
83
+ QDivider: () => R,
84
+ QDropdownMenu: () => b,
85
+ QField: () => O,
86
+ QFileUpload: () => z,
87
+ QFocusWrap: () => v,
88
+ QGauge: () => te,
85
89
  QIcon: () => r,
86
90
  QIconFont: () => i,
87
91
  QIconImg: () => a,
88
92
  QIconSvg: () => o,
89
- QInputGroup: () => H,
90
- QLabel: () => g,
91
- QLineLoader: () => U,
92
- QList: () => C,
93
- QListItem: () => w,
94
- QListItemGroup: () => T,
95
- QMeter: () => W,
96
- QObfuscation: () => G,
97
- QOverflow: () => K,
98
- QOverlay: () => O,
99
- QPasswordField: () => q,
100
- QPhoneField: () => X,
101
- QPopover: () => J,
102
- QProgress: () => Z,
103
- QPropertyList: () => Q,
104
- QPropertyListGroup: () => $,
105
- QPropertyListPanel: () => ne,
106
- QPropertyListRow: () => re,
107
- QRadioButton: () => ie,
108
- QRadioGroup: () => ae,
109
- QRow: () => B,
110
- QSection: () => oe,
111
- QSelect: () => Y,
112
- QSidebar: () => ce,
113
- QSidebarItem: () => le,
114
- QSkeletonLoader: () => m,
115
- QSpacer: () => V,
93
+ QInputGroup: () => W,
94
+ QLabel: () => T,
95
+ QLineLoader: () => G,
96
+ QList: () => m,
97
+ QListItem: () => h,
98
+ QListItemGroup: () => g,
99
+ QMeter: () => K,
100
+ QObfuscation: () => q,
101
+ QOverflow: () => J,
102
+ QOverlay: () => y,
103
+ QPasswordField: () => Y,
104
+ QPhoneField: () => Q,
105
+ QPopover: () => X,
106
+ QProgress: () => $,
107
+ QPropertyList: () => ne,
108
+ QPropertyListGroup: () => re,
109
+ QPropertyListPanel: () => ie,
110
+ QPropertyListRow: () => ae,
111
+ QRadioButton: () => oe,
112
+ QRadioGroup: () => se,
113
+ QRow: () => H,
114
+ QSection: () => ce,
115
+ QSelect: () => Z,
116
+ QSidebar: () => ue,
117
+ QSidebarItem: () => de,
118
+ QSkeletonLoader: () => C,
119
+ QSpacer: () => U,
116
120
  QSpinnerLoader: () => e,
117
- QSwitch: () => A,
118
- QTab: () => ue,
119
- QTabs: () => de,
120
- QTextArea: () => fe,
121
- QTextField: () => x,
122
- QThemeProvider: () => pe,
123
- QToast: () => me,
124
- QToaster: () => he,
125
- QToggle: () => se,
126
- QToggleGroup: () => ge,
127
- QToggleGroupItem: () => _e,
128
- QTooltip: () => ve
121
+ QSteps: () => fe,
122
+ QSwitch: () => N,
123
+ QTab: () => pe,
124
+ QTabs: () => me,
125
+ QTextArea: () => he,
126
+ QTextField: () => A,
127
+ QThemeProvider: () => ge,
128
+ QToast: () => _e,
129
+ QToaster: () => ve,
130
+ QToggle: () => le,
131
+ QToggleGroup: () => ye,
132
+ QToggleGroupItem: () => be,
133
+ QTooltip: () => xe
129
134
  });
130
135
  //#endregion
131
- export { b as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, t as QButton, d as QButtonGroup, n as QCard, h as QCarousel, _ as QCheckbox, v as QCheckboxLabel, z as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, te as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, I as QDropdownMenu, y as QField, L as QFileUpload, D as QFocusWrap, R as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, H as QInputGroup, g as QLabel, U as QLineLoader, C as QList, w as QListItem, T as QListItemGroup, W as QMeter, G as QObfuscation, K as QOverflow, O as QOverlay, q as QPasswordField, X as QPhoneField, J as QPopover, Z as QProgress, Q as QPropertyList, $ as QPropertyListGroup, ne as QPropertyListPanel, re as QPropertyListRow, ie as QRadioButton, ae as QRadioGroup, B as QRow, oe as QSection, Y as QSelect, ce as QSidebar, le as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, ue as QTab, de as QTabs, fe as QTextArea, x as QTextField, pe as QThemeProvider, me as QToast, he as QToaster, se as QToggle, ge as QToggleGroup, _e as QToggleGroupItem, ve as QTooltip, ye as components_exports };
136
+ export { k as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, x as QBreadcrumb, S as QBreadcrumbs, t as QButton, d as QButtonGroup, n as QCard, w as QCarousel, E as QCheckbox, D as QCheckboxLabel, B as QCol, s as QCollapsible, j as QColorPicker, M as QCombobox, V as QContainer, P as QDateTimePicker, F as QDefaultsProvider, I as QDialog, L as QDialogProvider, _ as QDismissibleLayer, R as QDivider, b as QDropdownMenu, O as QField, z as QFileUpload, v as QFocusWrap, te as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, W as QInputGroup, T as QLabel, G as QLineLoader, m as QList, h as QListItem, g as QListItemGroup, K as QMeter, q as QObfuscation, J as QOverflow, y as QOverlay, Y as QPasswordField, Q as QPhoneField, X as QPopover, $ as QProgress, ne as QPropertyList, re as QPropertyListGroup, ie as QPropertyListPanel, ae as QPropertyListRow, oe as QRadioButton, se as QRadioGroup, H as QRow, ce as QSection, Z as QSelect, ue as QSidebar, de as QSidebarItem, C as QSkeletonLoader, U as QSpacer, e as QSpinnerLoader, fe as QSteps, N as QSwitch, pe as QTab, me as QTabs, he as QTextArea, A as QTextField, ge as QThemeProvider, _e as QToast, ve as QToaster, le as QToggle, ye as QToggleGroup, be as QToggleGroupItem, xe as QTooltip, Se as components_exports };
@@ -57,6 +57,8 @@ export declare function resolveHoverStyle(rawColor: string, isUtilityColor: bool
57
57
  * - onMainColor: Scheme `on*` for utilities when present, otherwise WCAG contrast
58
58
  * - hoverColor: Scheme `*Dark` for utilities, otherwise a darkened main color
59
59
  * - onHoverColor: Scheme `on*Dark` for utilities when present, otherwise WCAG on hover
60
+ * - textColor: `mainColor` darkened or lightened until it clears 4.5:1 on a 12% tint of itself over the theme background. Assumes the component sits on that background
61
+ * - hoverTextColor: `hoverColor` adjusted the same way against a 6% tint of the hover color over the theme background, for ghost and text hover
60
62
  *
61
63
  * @example
62
64
  * ```ts
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAuB1D,KAAK,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,CAAA;AAYpF;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,MAAM,CAUR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,UAAU,CA4BZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,eAAe,CAiD7E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,MAAM,CAQlF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAwB1D,KAAK,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,CAAA;AAuCpF;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,MAAM,CAUR;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,EAC9B,OAAO,EAAE,GAAG,GACV,UAAU,CA4BZ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,eAAe,CAyD7E;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,MAAM,CAQlF"}
@@ -1,76 +1,86 @@
1
1
  import { rgbToHex as e, rgbToVariableString as t } from "../../utils/color/conversion.js";
2
- import { parseColor as n } from "../../utils/color/parse.js";
3
- import { getContrastingColor as r } from "../../utils/color/contrast.js";
4
- import { darken as i } from "../../utils/color/manipulate.js";
5
- import { isThemeColor as a, isUnsupportedColor as o } from "../../utils/color/theme-colors.js";
6
- import { useTheme as s } from "../theme.js";
7
- import { computed as c, unref as l } from "vue";
2
+ import { darken as n } from "../../utils/color/manipulate.js";
3
+ import { parseColor as r } from "../../utils/color/parse.js";
4
+ import { ensureContrast as i, getContrastingColor as a } from "../../utils/color/contrast.js";
5
+ import { isThemeColor as o, isUnsupportedColor as s } from "../../utils/color/theme-colors.js";
6
+ import { useTheme as c } from "../theme.js";
7
+ import { computed as l, unref as u } from "vue";
8
8
  //#region src/composables/useColor/index.ts
9
- function u(e) {
9
+ function d(e) {
10
10
  typeof process < "u" && process.env.NODE_ENV === "production" || console.warn(`[Quidgest UI] useColor: unable to resolve color "${e}"`);
11
11
  }
12
- function d(n) {
13
- let a = i(n, 25);
12
+ var f = .12, p = .06;
13
+ function m(e, t, n) {
14
14
  return {
15
- hoverColor: e(a),
16
- hoverColorRgb: t(a),
17
- onHoverColor: r(a)
15
+ r: Math.round(e.r * n + t.r * (1 - n)),
16
+ g: Math.round(e.g * n + t.g * (1 - n)),
17
+ b: Math.round(e.b * n + t.b * (1 - n))
18
18
  };
19
19
  }
20
- function f(e, t, n, i) {
20
+ function h(r) {
21
+ let i = n(r, 25);
22
+ return {
23
+ hoverColor: e(i),
24
+ hoverColorRgb: t(i),
25
+ onHoverColor: a(i)
26
+ };
27
+ }
28
+ function g(e, t, n, r) {
21
29
  if (t) {
22
30
  let t = n[`on${e.charAt(0).toUpperCase()}${e.slice(1)}`];
23
31
  if (typeof t == "string") return t;
24
32
  }
25
- return r(i);
33
+ return a(r);
26
34
  }
27
- function p(e, i, a, o) {
28
- if (i) {
29
- let i = e, o = a[`${i}Dark`];
35
+ function _(e, n, i, o) {
36
+ if (n) {
37
+ let n = e, o = i[`${n}Dark`];
30
38
  if (typeof o == "string") try {
31
- let e = n(o), s = a[`on${i.charAt(0).toUpperCase()}${i.slice(1)}Dark`];
39
+ let e = r(o), s = i[`on${n.charAt(0).toUpperCase()}${n.slice(1)}Dark`];
32
40
  return {
33
41
  hoverColor: o,
34
42
  hoverColorRgb: t(e),
35
- onHoverColor: typeof s == "string" ? s : r(e)
43
+ onHoverColor: typeof s == "string" ? s : a(e)
36
44
  };
37
45
  } catch {
38
- u(o);
46
+ d(o);
39
47
  }
40
48
  }
41
- return d(o);
49
+ return h(o);
42
50
  }
43
- function m(e) {
44
- let r = c(() => l(e)), i = s(), d = c(() => r.value ? a(r.value) : !1);
51
+ function v(n) {
52
+ let a = l(() => u(n)), h = c(), v = l(() => a.value ? o(a.value) : !1);
45
53
  return {
46
- isUtilityColor: d,
47
- style: c(() => {
48
- let e = r.value;
49
- if (!e) return;
50
- if (!d.value && o(e)) {
51
- u(e);
54
+ isUtilityColor: v,
55
+ style: l(() => {
56
+ let n = a.value;
57
+ if (!n) return;
58
+ if (!v.value && s(n)) {
59
+ d(n);
52
60
  return;
53
61
  }
54
- let a = h(e, i.current.value.scheme), s;
62
+ let o = y(n, h.current.value.scheme), c;
55
63
  try {
56
- s = n(a);
64
+ c = r(o);
57
65
  } catch {
58
- u(e);
66
+ d(n);
59
67
  return;
60
68
  }
61
- let c = f(e, d.value, i.current.value.scheme, s), l = p(e, d.value, i.current.value.scheme, s);
69
+ let l = g(n, v.value, h.current.value.scheme, c), u = _(n, v.value, h.current.value.scheme, c), b = r(h.current.value.scheme.background), x = i(o, e(m(c, b, f))), S = u.hoverColor ?? o, C = i(S, e(m(r(S), b, p)));
62
70
  return {
63
- mainColor: a,
64
- mainColorRgb: t(s),
65
- onMainColor: c,
66
- ...l
71
+ mainColor: o,
72
+ mainColorRgb: t(c),
73
+ onMainColor: l,
74
+ textColor: x,
75
+ hoverTextColor: C,
76
+ ...u
67
77
  };
68
78
  })
69
79
  };
70
80
  }
71
- function h(e, t) {
81
+ function y(e, t) {
72
82
  let n = e.trim();
73
83
  return Object.prototype.hasOwnProperty.call(t, n) ? t[n] ?? e : e;
74
84
  }
75
85
  //#endregion
76
- export { h as resolveColor, p as resolveHoverStyle, f as resolveOnMainColor, m as useColor };
86
+ export { y as resolveColor, _ as resolveHoverStyle, g as resolveOnMainColor, v as useColor };
@@ -16,6 +16,21 @@ export interface QColorStyle {
16
16
  * Computed using WCAG relative luminance.
17
17
  */
18
18
  onMainColor: string;
19
+ /**
20
+ * Text color for tonal, outlined, ghost, and text treatments.
21
+ * `mainColor` adjusted on the same hue until it clears 4.5:1 against a
22
+ * 12% tint of itself over the theme background. Unchanged when it already passes.
23
+ * Assumes the component sits on the theme background. A different surface,
24
+ * such as a light tonal toast in the dark theme, needs its own measurement.
25
+ */
26
+ textColor: string;
27
+ /**
28
+ * Text color for ghost and text treatments while hovered.
29
+ * `hoverColor` adjusted until it clears 4.5:1 against a 6% tint of the
30
+ * hover color over the theme background (the ghost hover fill).
31
+ * Unchanged when it already passes.
32
+ */
33
+ hoverTextColor: string;
19
34
  /**
20
35
  * Optional color to be used when the component is in hover state.
21
36
  * Scheme `*Dark` for theme utilities when present; otherwise `darken(main, COLOR_SCHEME_DARKEN_AMOUNT)`.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CAC3C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useColor/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;;;;;OAMG;IACH,SAAS,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,cAAc,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,cAAc,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEpC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,WAAW,GAAG,SAAS,CAAC,CAAA;CAC3C"}
@@ -0,0 +1,33 @@
1
+ import { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
2
+ /**
3
+ * Minimal shape required from an item to participate in {@link useEnabledSelection}.
4
+ */
5
+ export type QEnabledSelectionItem = {
6
+ /** Identity matched against the `v-model` ref. */
7
+ value: string;
8
+ /** Whether the item is disabled and therefore excluded from selection. */
9
+ disabled?: MaybeRefOrGetter<boolean | undefined>;
10
+ };
11
+ export interface QUseEnabledSelectionReturn<T extends QEnabledSelectionItem> {
12
+ /** Items with `disabled` excluded, in their original order. */
13
+ enabledItems: ComputedRef<T[]>;
14
+ /**
15
+ * Snaps `model` onto an enabled item's value when it doesn't currently match one.
16
+ * No-ops when there is no enabled item to fall back to.
17
+ */
18
+ ensureSelection: () => void;
19
+ }
20
+ /**
21
+ * Shared "enabled item" selection logic for list-like components with a
22
+ * `value`/`disabled` item shape and a single-value `v-model` (e.g. `QTabs`, `QSteps`).
23
+ *
24
+ * Filters out disabled items and keeps `model` snapped to an enabled one: whenever
25
+ * the current `model` value doesn't match an enabled item,
26
+ * {@link QUseEnabledSelectionReturn.ensureSelection} resets it to the first
27
+ * enabled item's value.
28
+ *
29
+ * @param items - Getter returning the current ordered list of items.
30
+ * @param model - The `v-model` ref to keep in sync with `items`.
31
+ */
32
+ export declare function useEnabledSelection<T extends QEnabledSelectionItem>(items: () => T[], model: Ref<string | undefined>): QUseEnabledSelectionReturn<T>;
33
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useEnabledSelection/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK7D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IAEb,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;CAChD,CAAA;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,qBAAqB;IAC1E,+DAA+D;IAC/D,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IAE9B;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,EAClE,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GAC5B,0BAA0B,CAAC,CAAC,CAAC,CAc/B"}
@@ -0,0 +1,15 @@
1
+ import { computed as e, toValue as t } from "vue";
2
+ //#region src/composables/useEnabledSelection/index.ts
3
+ function n(n, r) {
4
+ let i = e(() => n().filter((e) => !t(e.disabled)));
5
+ function a() {
6
+ let e = i.value;
7
+ e.length && (e.some((e) => e.value === r.value) || (r.value = e[0].value));
8
+ }
9
+ return {
10
+ enabledItems: i,
11
+ ensureSelection: a
12
+ };
13
+ }
14
+ //#endregion
15
+ export { n as useEnabledSelection };
package/esm/index.d.ts CHANGED
@@ -14,6 +14,8 @@ declare module '@vue/runtime-core' {
14
14
  QAvatar: typeof import('@quidgest/ui/components')['QAvatar']
15
15
  QBadge: typeof import('@quidgest/ui/components')['QBadge']
16
16
  QBadgeIndicator: typeof import('@quidgest/ui/components')['QBadgeIndicator']
17
+ QBreadcrumbs: typeof import('@quidgest/ui/components')['QBreadcrumbs']
18
+ QBreadcrumb: typeof import('@quidgest/ui/components')['QBreadcrumb']
17
19
  QButton: typeof import('@quidgest/ui/components')['QButton']
18
20
  QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
19
21
  QCard: typeof import('@quidgest/ui/components')['QCard']
@@ -68,6 +70,7 @@ declare module '@vue/runtime-core' {
68
70
  QSidebarItem: typeof import('@quidgest/ui/components')['QSidebarItem']
69
71
  QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
70
72
  QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
73
+ QSteps: typeof import('@quidgest/ui/components')['QSteps']
71
74
  QSwitch: typeof import('@quidgest/ui/components')['QSwitch']
72
75
  QTabs: typeof import('@quidgest/ui/components')['QTabs']
73
76
  QTab: typeof import('@quidgest/ui/components')['QTab']