@wikicasa-dev/components 2.6.12 → 2.6.14-alpha.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 (216) hide show
  1. package/dist/UIKit/AccessibleSelect.js +5 -5
  2. package/dist/UIKit/AccessibleSelect.vue.js +217 -205
  3. package/dist/UIKit/Accordion/AccordionContentPrimitive.js +5 -4
  4. package/dist/UIKit/Accordion/AccordionContentPrimitive.vue.js +19 -21
  5. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.js +5 -4
  6. package/dist/UIKit/Accordion/AccordionHeaderPrimitive.vue.js +18 -20
  7. package/dist/UIKit/Accordion/AccordionItemPrimitive.js +5 -4
  8. package/dist/UIKit/Accordion/AccordionItemPrimitive.vue.js +21 -23
  9. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.js +5 -4
  10. package/dist/UIKit/Accordion/AccordionTriggerPrimitive.vue.js +19 -21
  11. package/dist/UIKit/Accordion/BaseAccordion.js +5 -4
  12. package/dist/UIKit/Accordion/BaseAccordion.vue.js +38 -36
  13. package/dist/UIKit/Accordion/BaseAccordionItem.js +5 -5
  14. package/dist/UIKit/Accordion/BaseAccordionItem.vue.js +64 -81
  15. package/dist/UIKit/Autocomplete/ClearableAutocomplete.js +5 -5
  16. package/dist/UIKit/Autocomplete/ClearableAutocomplete.vue.js +232 -226
  17. package/dist/UIKit/BaseAlert.js +5 -5
  18. package/dist/UIKit/BaseAlert.vue.js +14 -18
  19. package/dist/UIKit/BaseAutocomplete.js +5 -5
  20. package/dist/UIKit/BaseAutocomplete.vue.js +197 -194
  21. package/dist/UIKit/BaseBadge.js +5 -5
  22. package/dist/UIKit/BaseBadge.vue.js +17 -17
  23. package/dist/UIKit/BaseBreadcrumb.js +5 -4
  24. package/dist/UIKit/BaseBreadcrumb.vue.js +39 -56
  25. package/dist/UIKit/BaseButton.js +5 -4
  26. package/dist/UIKit/BaseButton.vue.js +93 -87
  27. package/dist/UIKit/BaseComplexToggle.js +5 -6
  28. package/dist/UIKit/BaseComplexToggle.vue.js +87 -105
  29. package/dist/UIKit/BaseDropDown.js +5 -5
  30. package/dist/UIKit/BaseDropDown.vue.js +171 -151
  31. package/dist/UIKit/BaseFloatingLabel.js +6 -7
  32. package/dist/UIKit/BaseFloatingLabel.vue.js +43 -39
  33. package/dist/UIKit/BaseInput.js +6 -7
  34. package/dist/UIKit/BaseInput.vue.js +191 -210
  35. package/dist/UIKit/BaseModal.js +5 -5
  36. package/dist/UIKit/BaseModal.vue.js +160 -169
  37. package/dist/UIKit/BasePagination.js +5 -4
  38. package/dist/UIKit/BasePagination.vue.js +192 -229
  39. package/dist/UIKit/BaseSelect/SelectItem.js +5 -4
  40. package/dist/UIKit/BaseSelect/SelectItem.vue.js +34 -41
  41. package/dist/UIKit/BaseSlider.js +6 -7
  42. package/dist/UIKit/BaseSlider.vue.js +153 -203
  43. package/dist/UIKit/BaseSnackbar.js +5 -5
  44. package/dist/UIKit/BaseSnackbar.vue.js +144 -146
  45. package/dist/UIKit/BaseTextarea.js +5 -6
  46. package/dist/UIKit/BaseTextarea.vue.js +118 -126
  47. package/dist/UIKit/BaseToggle.js +5 -4
  48. package/dist/UIKit/BaseToggle.vue.js +37 -38
  49. package/dist/UIKit/BaseTooltip.js +6 -7
  50. package/dist/UIKit/BaseTooltip.vue.js +31 -40
  51. package/dist/UIKit/BaseUploadFile.js +5 -4
  52. package/dist/UIKit/BaseUploadFile.vue.js +63 -70
  53. package/dist/UIKit/Card/BaseCard.js +5 -5
  54. package/dist/UIKit/Card/BaseCard.vue.js +23 -36
  55. package/dist/UIKit/Card/CardDescriptionPrimitive.js +9 -11
  56. package/dist/UIKit/Card/CardImagePrimitive.js +5 -4
  57. package/dist/UIKit/Card/CardImagePrimitive.vue.js +11 -15
  58. package/dist/UIKit/Card/CardRootPrimitive.js +5 -5
  59. package/dist/UIKit/Card/CardRootPrimitive.vue.js +22 -26
  60. package/dist/UIKit/Card/type.js +4 -4
  61. package/dist/UIKit/Checkbox/CheckboxBtn.js +5 -5
  62. package/dist/UIKit/Checkbox/CheckboxBtn.vue.js +76 -81
  63. package/dist/UIKit/Checkbox/CheckboxGroup.js +5 -4
  64. package/dist/UIKit/Checkbox/CheckboxGroup.vue.js +137 -116
  65. package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.js +5 -4
  66. package/dist/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js +71 -77
  67. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.js +5 -4
  68. package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js +32 -34
  69. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.js +5 -4
  70. package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js +32 -34
  71. package/dist/UIKit/ProgressBar/ProgressIndicatorPrimitive.js +5 -4
  72. package/dist/UIKit/ProgressBar/ProgressIndicatorPrimitive.vue.js +15 -15
  73. package/dist/UIKit/ProgressBar/ProgressRootPrimitive.js +5 -4
  74. package/dist/UIKit/ProgressBar/ProgressRootPrimitive.vue.js +29 -31
  75. package/dist/UIKit/Radio/RadioButton.js +5 -4
  76. package/dist/UIKit/Radio/RadioButton.vue.js +51 -59
  77. package/dist/UIKit/Radio/RadioGroup.js +5 -4
  78. package/dist/UIKit/Radio/RadioGroup.vue.js +67 -63
  79. package/dist/UIKit/Radio/v2/RadioButtonGroup.js +5 -4
  80. package/dist/UIKit/Radio/v2/RadioButtonGroup.vue.js +38 -47
  81. package/dist/UIKit/Radio/v2/RadioButtonItem.js +5 -5
  82. package/dist/UIKit/Radio/v2/RadioButtonItem.vue.js +42 -44
  83. package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.js +5 -4
  84. package/dist/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js +28 -30
  85. package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js +6 -7
  86. package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js +19 -19
  87. package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.js +5 -4
  88. package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js +41 -30
  89. package/dist/UIKit/Slider/SimpleSlider.js +6 -7
  90. package/dist/UIKit/Slider/SimpleSlider.vue.js +74 -81
  91. package/dist/UIKit/StaticSpinner.js +6 -7
  92. package/dist/UIKit/StaticSpinner.vue.js +24 -26
  93. package/dist/UIKit/Tab/BaseTab.js +5 -4
  94. package/dist/UIKit/Tab/BaseTab.vue.js +14 -14
  95. package/dist/UIKit/Tab/BaseTabList.js +5 -4
  96. package/dist/UIKit/Tab/BaseTabList.vue.js +45 -44
  97. package/dist/UIKit/Tab/BaseTabPanel.js +5 -4
  98. package/dist/UIKit/Tab/BaseTabPanel.vue.js +27 -24
  99. package/dist/UIKit/Tab/BaseTabView.js +5 -4
  100. package/dist/UIKit/Tab/BaseTabView.vue.js +107 -105
  101. package/dist/UIKit/Tab/v2/BaseTabs.js +5 -5
  102. package/dist/UIKit/Tab/v2/BaseTabs.vue.js +34 -38
  103. package/dist/UIKit/Tab/v2/BaseTabsContent.js +5 -4
  104. package/dist/UIKit/Tab/v2/BaseTabsContent.vue.js +21 -23
  105. package/dist/UIKit/Tab/v2/BaseTabsIndicator.js +5 -5
  106. package/dist/UIKit/Tab/v2/BaseTabsIndicator.vue.js +24 -33
  107. package/dist/UIKit/Tab/v2/BaseTabsList.js +5 -4
  108. package/dist/UIKit/Tab/v2/BaseTabsList.vue.js +20 -22
  109. package/dist/UIKit/Tab/v2/BaseTabsTrigger.js +5 -4
  110. package/dist/UIKit/Tab/v2/BaseTabsTrigger.vue.js +21 -30
  111. package/dist/UIKit/types.js +0 -1
  112. package/dist/_virtual/_plugin-vue_export-helper.js +7 -8
  113. package/dist/assets/AccessibleSelect.css +1 -1
  114. package/dist/assets/BaseAccordionItem.css +1 -1
  115. package/dist/assets/BaseAutocomplete.css +1 -1
  116. package/dist/assets/BaseBadge.css +1 -1
  117. package/dist/assets/BaseComplexToggle2.css +1 -1
  118. package/dist/assets/BaseDropDown.css +1 -1
  119. package/dist/assets/BaseFloatingLabel2.css +1 -1
  120. package/dist/assets/BaseInput2.css +1 -1
  121. package/dist/assets/BaseShimmerLoader.css +1 -1
  122. package/dist/assets/BaseSlider2.css +1 -1
  123. package/dist/assets/BaseSnackbar.css +1 -1
  124. package/dist/assets/BaseTabs.css +1 -1
  125. package/dist/assets/BaseTextarea2.css +1 -1
  126. package/dist/assets/BaseTooltip2.css +1 -1
  127. package/dist/assets/CheckboxBtn.css +1 -1
  128. package/dist/assets/ClearableAutocomplete.css +1 -1
  129. package/dist/assets/RadioButtonItem.css +1 -1
  130. package/dist/assets/StaticSpinner.css +1 -1
  131. package/dist/assets/SwiperCarousel.css +1 -1
  132. package/dist/assets/baseAlert.css +1 -1
  133. package/dist/assets/baseCard.css +1 -1
  134. package/dist/assets/baseComplexToggle.css +1 -1
  135. package/dist/assets/baseFloatingLabel.css +1 -1
  136. package/dist/assets/baseInput.css +1 -1
  137. package/dist/assets/baseModal.css +1 -1
  138. package/dist/assets/baseSlider.css +1 -1
  139. package/dist/assets/baseSpinner.css +1 -1
  140. package/dist/assets/baseTextarea.css +1 -1
  141. package/dist/assets/baseTooltip.css +1 -1
  142. package/dist/assets/swiper-free-mode.css +1 -1
  143. package/dist/assets/swiper-navigation.css +1 -1
  144. package/dist/assets/swiper-pagination.css +1 -1
  145. package/dist/assets/swiper-swiper.css +1 -1
  146. package/dist/assets/swiper-thumbs.css +1 -0
  147. package/dist/assets/swiper-zoom.css +1 -1
  148. package/dist/assets/swiperPaginationBullet.css +1 -1
  149. package/dist/assets/tailwind.css +1 -1
  150. package/dist/chart/DoughnutChart.js +5 -4
  151. package/dist/chart/DoughnutChart.vue.js +25 -25
  152. package/dist/chart/LineChart.js +5 -4
  153. package/dist/chart/LineChart.vue.js +27 -29
  154. package/dist/components/IntersectionObserver/IntersectionObservable.js +5 -4
  155. package/dist/components/IntersectionObserver/IntersectionObservable.vue.js +24 -23
  156. package/dist/components/IntersectionObserver/IntersectionObserver.js +5 -4
  157. package/dist/components/IntersectionObserver/IntersectionObserver.vue.js +55 -49
  158. package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.js +5 -4
  159. package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js +43 -38
  160. package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.js +5 -4
  161. package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js +27 -30
  162. package/dist/components/IntersectionObserver/v2/types.js +4 -6
  163. package/dist/components/carousel/Primitive/SwiperNavigationPrimitive.js +5 -4
  164. package/dist/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js +30 -38
  165. package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.js +5 -4
  166. package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.vue.js +28 -32
  167. package/dist/components/carousel/Primitive/SwiperPrimitive.js +5 -4
  168. package/dist/components/carousel/Primitive/SwiperPrimitive.vue.js +16 -20
  169. package/dist/components/carousel/Primitive/SwiperRootPrimitive.js +5 -10
  170. package/dist/components/carousel/Primitive/SwiperRootPrimitive.vue.js +82 -112
  171. package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.js +5 -5
  172. package/dist/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js +44 -39
  173. package/dist/components/carousel/SwiperCarousel.js +6 -7
  174. package/dist/components/carousel/SwiperCarousel.vue.js +195 -229
  175. package/dist/components/carousel/SwiperSlide.js +9 -13
  176. package/dist/composables/mock.js +50 -48
  177. package/dist/composables/useFloatingLabel.js +32 -32
  178. package/dist/composables/useValidator.js +5 -7
  179. package/dist/index.js +67 -150
  180. package/dist/lazyModules/ChartJs/Chart.js +2 -4
  181. package/dist/lazyModules/ChartJs/DoughnutChart/core.js +5 -6
  182. package/dist/lazyModules/ChartJs/LineChart/cartesian.js +5 -6
  183. package/dist/lazyModules/ChartJs/LineChart/core.js +5 -6
  184. package/dist/lazyModules/ChartJs/Plugins/Legend.js +4 -2
  185. package/dist/lazyModules/ChartJs/Plugins/TimeScale.js +4 -2
  186. package/dist/lazyModules/ChartJs/Plugins/Title.js +4 -2
  187. package/dist/lazyModules/ChartJs/Plugins/Tooltip.js +4 -2
  188. package/dist/lazyModules/Swiper/Autoplay/factory.js +6 -8
  189. package/dist/lazyModules/Swiper/Autoplay/index.js +3 -6
  190. package/dist/lazyModules/Swiper/Controller/factory.js +6 -6
  191. package/dist/lazyModules/Swiper/Controller/index.js +3 -6
  192. package/dist/lazyModules/Swiper/FreeMode/factory.js +6 -8
  193. package/dist/lazyModules/Swiper/FreeMode/index.js +3 -6
  194. package/dist/lazyModules/Swiper/Keyboard/factory.js +6 -8
  195. package/dist/lazyModules/Swiper/Keyboard/index.js +3 -6
  196. package/dist/lazyModules/Swiper/Navigation/factory.js +6 -8
  197. package/dist/lazyModules/Swiper/Navigation/index.js +3 -6
  198. package/dist/lazyModules/Swiper/Pagination/factory.js +6 -6
  199. package/dist/lazyModules/Swiper/Pagination/index.js +3 -6
  200. package/dist/lazyModules/Swiper/Thumbs/factory.js +6 -6
  201. package/dist/lazyModules/Swiper/Thumbs/index.js +3 -6
  202. package/dist/lazyModules/Swiper/Zoom/factory.js +6 -8
  203. package/dist/lazyModules/Swiper/Zoom/index.js +3 -6
  204. package/dist/lazyModules/Swiper/factory.js +9 -12
  205. package/dist/lazyModules/Swiper/index.js +2 -4
  206. package/dist/lazyModules/Swiper/swiper-css.d.js +0 -1
  207. package/dist/lazyModules/Swiper/types.js +0 -1
  208. package/dist/lazyModules/VueChartJs/Doughnut/factory.js +8 -11
  209. package/dist/lazyModules/VueChartJs/Doughnut/index.js +2 -5
  210. package/dist/lazyModules/VueChartJs/Line/factory.js +8 -13
  211. package/dist/lazyModules/VueChartJs/Line/index.js +2 -5
  212. package/dist/types/index.js +0 -1
  213. package/dist/types.js +0 -1
  214. package/dist/utils.js +4 -5
  215. package/package.json +8 -8
  216. package/dist/assets/swiper-controller.css +0 -0
@@ -1,5 +1,5 @@
1
- import o from "./AccessibleSelect.vue.js";
2
- import '../assets/AccessibleSelect.css';/* empty css */
3
- export {
4
- o as default
5
- };
1
+ import e from "./AccessibleSelect.vue.js";
2
+ //#region lib/UIKit/AccessibleSelect.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,206 +1,218 @@
1
- import { defineComponent as H, useModel as y, useId as F, useTemplateRef as z, computed as C, watch as I, openBlock as l, createElementBlock as a, createVNode as p, normalizeClass as n, withCtx as $, Fragment as x, renderList as N, withModifiers as f, createElementVNode as u, createCommentVNode as d, renderSlot as P, createBlock as A, unref as g, mergeModels as M } from "vue";
2
- import { WarningIconRounded as E, ArrowIcon as R } from "@wikicasa-dev/svg-icons";
3
- import S from "./BaseDropDown.vue.js";
4
- import '../assets/BaseDropDown.css';/* empty css */
5
- const q = { class: "uikit-relative uikit-flex uikit-h-[var(--btn-height)] uikit-items-center" }, K = ["id", "innerHTML"], j = ["onClick"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "onClick", "onKeydown"], W = ["innerHTML"], D = ["innerHTML"], G = ["id", "aria-selected", "onClick", "onMouseover"], J = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, O = ["name", "checked", "onInput"], Q = ["innerHTML"], X = ["id", "arial-live", "innerHTML"], Y = ["id", "arial-live", "innerHTML"], te = /* @__PURE__ */ H({
6
- __name: "AccessibleSelect",
7
- props: /* @__PURE__ */ M({
8
- label: { default: "" },
9
- dropdownPosition: { default: "bottom" },
10
- namespace: {},
11
- options: {},
12
- isValid: { type: [Boolean, null], default: null },
13
- feedback: {},
14
- closeOnBodyPressed: { type: Boolean, default: !0 },
15
- border: { type: Boolean, default: !0 },
16
- withFieldset: { type: Boolean, default: !0 },
17
- fieldsetClasses: {},
18
- legendClasses: {},
19
- dropdownClasses: {},
20
- labelClasses: {},
21
- btnClasses: {},
22
- dropdownItemClasses: {},
23
- btnTextClasses: {},
24
- arrowIcon: {},
25
- dataCy: {},
26
- wrapperClasses: {}
27
- }, {
28
- modelValue: {
29
- default: () => ({ id: "", label: "" })
30
- },
31
- modelModifiers: {},
32
- open: { type: Boolean, default: !1 },
33
- openModifiers: {}
34
- }),
35
- emits: /* @__PURE__ */ M(["click", "update:dropdownState"], ["update:modelValue", "update:open"]),
36
- setup(e, { emit: V }) {
37
- const T = V, k = y(e, "modelValue"), m = y(e, "open"), L = F(), B = z("dropdownRef"), t = C(() => e.namespace || L), w = C(() => !!k.value.label), h = (i) => {
38
- m.value = !1, k.value = i;
39
- };
40
- return I(
41
- () => B.value?.selectedIdx,
42
- (i) => {
43
- i === void 0 || i === -1 || (h(e.options[i]), m.value = !1);
44
- }
45
- ), (i, v) => (l(), a("div", null, [
46
- p(S, {
47
- ref: "dropdownRef",
48
- open: m.value,
49
- "onUpdate:open": v[1] || (v[1] = (r) => m.value = r),
50
- class: n(["uikit-select-wrapper", e.wrapperClasses]),
51
- "data-cy": e.dataCy,
52
- "activate-keyboard-controller": "",
53
- "close-when-clicked-outside": e.closeOnBodyPressed,
54
- direction: e.dropdownPosition === "top" ? "up" : "down",
55
- "dropdown-element": "ul",
56
- "dropdown-classes": [
57
- "uikit-select-dropdown uikit-z-30 uikit-mb-0",
58
- e.dropdownClasses
59
- ],
60
- "dropdown-attrs": {
61
- role: "listbox",
62
- tabindex: -1,
63
- "aria-multiselectable": !1
64
- }
65
- }, {
66
- btn_slot: $(({ toggleDropdown: r, isOpen: b, activeIdx: o, setSelectedIdx: c }) => [
67
- u("div", q, [
68
- e.label ? (l(), a("label", {
69
- key: 0,
70
- id: `${t.value}_label`,
71
- class: n(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
72
- w.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
73
- e.labelClasses,
74
- { "uikit-left-9": i.$slots.lefticon && !w.value },
75
- { "uikit-left-4": !i.$slots.lefticon && !w.value }
76
- ]]),
77
- innerHTML: e.label
78
- }, null, 10, K)) : d("", !0),
79
- i.$slots.lefticon ? (l(), a("span", {
80
- key: 1,
81
- class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
82
- onClick: f((s) => r(), ["stop"])
83
- }, [
84
- P(i.$slots, "lefticon")
85
- ], 8, j)) : d("", !0),
86
- u("button", {
87
- id: `${t.value}_btn`,
88
- ref: "btnEl",
89
- type: "button",
90
- "data-cy": e.dataCy,
91
- class: n(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", e.btnClasses]]),
92
- "aria-required": !!i.$attrs.required,
93
- role: "combobox",
94
- "aria-haspopup": "listbox",
95
- "aria-controls": `${t.value}_dropdown`,
96
- "aria-labelledby": `${t.value}_label ${t.value}_btn`,
97
- "aria-expanded": b,
98
- "aria-activedescendant": o >= 0 && b ? `${t.value}_element_${e.options[o].label}` : "",
99
- "aria-invalid": e.isValid === !1,
100
- "aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
101
- onClick: (s) => {
102
- r(), T("click", s);
103
- },
104
- onKeydown: (s) => {
105
- ["Enter", "Space"].includes(s.key) && (s.preventDefault(), s.stopPropagation(), c(o), r());
106
- }
107
- }, [
108
- u("span", {
109
- class: n(["uikit-pointer-events-none", [e.btnTextClasses, { "uikit-mt-1": e.withFieldset }]]),
110
- innerHTML: k.value?.visibleLabel || k.value?.label
111
- }, null, 10, W),
112
- u("span", {
113
- class: n(["uikit-pointer-events-none uikit-inline-flex", [{ "uikit-mt-1": e.withFieldset }]])
114
- }, [
115
- e.isValid == !1 ? (l(), A(g(E), {
116
- key: 0,
117
- class: "uikit-mr-1",
118
- width: 20,
119
- height: 20,
120
- "stroke-color": "#FA4F64"
121
- })) : d("", !0),
122
- p(g(R), {
123
- class: n(["uikit-transition-transform motion-reduce:uikit-transition-none", [b ? "uikit-rotate-180" : "", e.arrowIcon?.classes]]),
124
- width: e.arrowIcon?.width ?? 18,
125
- height: e.arrowIcon?.height ?? 18,
126
- "stroke-color": e.isValid ? "#2B5DFF" : e.isValid === !1 ? "#FA4F64" : e.arrowIcon?.strokeColor ?? "#222"
127
- }, null, 8, ["class", "width", "height", "stroke-color"])
128
- ], 2)
129
- ], 42, U),
130
- e.withFieldset ? (l(), a("fieldset", {
131
- key: 2,
132
- "aria-hidden": "true",
133
- class: n(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
134
- e.fieldsetClasses,
135
- e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
136
- {
137
- "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": e.border
138
- },
139
- { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
140
- ]])
141
- }, [
142
- u("legend", {
143
- class: n([[e.legendClasses, { "uikit-m-0 uikit-w-0": !e.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
144
- }, [
145
- e.label ? (l(), a("span", {
146
- key: 0,
147
- class: n(["uikit-mx-5px", [
148
- k.value.label ? "uikit-invisible" : "uikit-hidden"
149
- ]]),
150
- innerHTML: e.label
151
- }, null, 10, D)) : d("", !0)
152
- ], 2)
153
- ], 2)) : d("", !0)
154
- ])
155
- ]),
156
- default: $(({ activeIdx: r, setActiveIdx: b }) => [
157
- (l(!0), a(x, null, N(e.options, (o, c) => (l(), a("li", {
158
- id: `${t.value}_element_${e.options[c].label}`,
159
- key: `${o.label}_${c}`,
160
- role: "option",
161
- "aria-selected": r === c,
162
- class: n(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
163
- onClick: f((s) => h(o), ["stop"]),
164
- onMouseover: f((s) => b(c), ["stop"]),
165
- onBlur: v[0] || (v[0] = f(() => {
166
- }, ["stop"]))
167
- }, [
168
- u("label", J, [
169
- u("input", {
170
- tabindex: "-1",
171
- class: "uikit-m-0 uikit-appearance-none",
172
- name: `${t.value}_radio`,
173
- type: "radio",
174
- checked: o.label === k.value.label,
175
- onInput: f((s) => h(o), ["stop"])
176
- }, null, 40, O),
177
- u("span", {
178
- innerHTML: o.label
179
- }, null, 8, Q)
180
- ])
181
- ], 42, G))), 128))
182
- ]),
183
- _: 3
184
- }, 8, ["open", "class", "data-cy", "close-when-clicked-outside", "direction", "dropdown-classes"]),
185
- e.feedback ? (l(), a(x, { key: 0 }, [
186
- e.feedback.valid ? (l(), a("span", {
187
- key: 0,
188
- id: `${t.value}_valid_msg`,
189
- "arial-live": i.$attrs["aria-live"],
190
- class: "uikit-mt-1 uikit-inline-block uikit-text-12",
191
- innerHTML: e.isValid ? e.feedback.valid : ""
192
- }, null, 8, X)) : d("", !0),
193
- e.feedback.invalid ? (l(), a("span", {
194
- key: 1,
195
- id: `${t.value}_invalid_msg`,
196
- "arial-live": i.$attrs["aria-live"],
197
- class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
198
- innerHTML: e.isValid === !1 ? e.feedback.invalid : ""
199
- }, null, 8, Y)) : d("", !0)
200
- ], 64)) : d("", !0)
201
- ]));
202
- }
1
+ import e from "./BaseDropDown.js";
2
+ import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, unref as m, useId as h, useModel as g, useTemplateRef as _, watch as v, withCtx as y, withModifiers as b } from "vue";
3
+ import { ArrowIcon as x, WarningIconRounded as S } from "@wikicasa-dev/svg-icons";
4
+ import '../assets/AccessibleSelect.css';//#region lib/UIKit/AccessibleSelect.vue?vue&type=script&setup=true&lang.ts
5
+ var C = { class: "uikit-relative uikit-flex uikit-h-[var(--btn-height)] uikit-items-center" }, w = ["id", "innerHTML"], T = ["onClick"], E = [
6
+ "id",
7
+ "data-cy",
8
+ "aria-required",
9
+ "aria-controls",
10
+ "aria-labelledby",
11
+ "aria-expanded",
12
+ "aria-activedescendant",
13
+ "aria-invalid",
14
+ "aria-describedby",
15
+ "onClick",
16
+ "onKeydown"
17
+ ], D = ["innerHTML"], O = ["innerHTML"], k = [
18
+ "id",
19
+ "aria-selected",
20
+ "onClick",
21
+ "onMouseover"
22
+ ], A = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, j = [
23
+ "name",
24
+ "checked",
25
+ "onInput"
26
+ ], M = ["innerHTML"], N = [
27
+ "id",
28
+ "arial-live",
29
+ "innerHTML"
30
+ ], P = [
31
+ "id",
32
+ "arial-live",
33
+ "innerHTML"
34
+ ], F = /*@__PURE__*/ c({
35
+ __name: "AccessibleSelect",
36
+ props: /*@__PURE__*/ l({
37
+ label: { default: "" },
38
+ dropdownPosition: { default: "bottom" },
39
+ namespace: {},
40
+ options: {},
41
+ isValid: {
42
+ type: [Boolean, null],
43
+ default: null
44
+ },
45
+ feedback: {},
46
+ closeOnBodyPressed: {
47
+ type: Boolean,
48
+ default: !0
49
+ },
50
+ border: {
51
+ type: Boolean,
52
+ default: !0
53
+ },
54
+ withFieldset: {
55
+ type: Boolean,
56
+ default: !0
57
+ },
58
+ fieldsetClasses: {},
59
+ legendClasses: {},
60
+ dropdownClasses: {},
61
+ labelClasses: {},
62
+ btnClasses: {},
63
+ dropdownItemClasses: {},
64
+ btnTextClasses: {},
65
+ arrowIcon: {},
66
+ dataCy: {},
67
+ wrapperClasses: {}
68
+ }, {
69
+ modelValue: { default: () => ({
70
+ id: "",
71
+ label: ""
72
+ }) },
73
+ modelModifiers: {},
74
+ open: {
75
+ type: Boolean,
76
+ default: !1
77
+ },
78
+ openModifiers: {}
79
+ }),
80
+ emits: /*@__PURE__*/ l(["click", "update:dropdownState"], ["update:modelValue", "update:open"]),
81
+ setup(c, { emit: l }) {
82
+ let F = l, I = g(c, "modelValue"), L = g(c, "open"), R = h(), z = _("dropdownRef"), B = n(() => c.namespace || R), V = n(() => !!I.value.label), H = (e) => {
83
+ L.value = !1, I.value = e;
84
+ };
85
+ return v(() => z.value?.selectedIdx, (e) => {
86
+ e === void 0 || e === -1 || (H(c.options[e]), L.value = !1);
87
+ }), (n, l) => (d(), a("div", null, [s(e, {
88
+ ref: "dropdownRef",
89
+ open: L.value,
90
+ "onUpdate:open": l[1] ||= (e) => L.value = e,
91
+ class: u(["uikit-select-wrapper", c.wrapperClasses]),
92
+ "data-cy": c.dataCy,
93
+ "activate-keyboard-controller": "",
94
+ "close-when-clicked-outside": c.closeOnBodyPressed,
95
+ direction: c.dropdownPosition === "top" ? "up" : "down",
96
+ "dropdown-element": "ul",
97
+ "dropdown-classes": ["uikit-select-dropdown uikit-z-30 uikit-mb-0", c.dropdownClasses],
98
+ "dropdown-attrs": {
99
+ role: "listbox",
100
+ tabindex: -1,
101
+ "aria-multiselectable": !1
102
+ }
103
+ }, {
104
+ btn_slot: y(({ toggleDropdown: e, isOpen: t, activeIdx: l, setSelectedIdx: f }) => [o("div", C, [
105
+ c.label ? (d(), a("label", {
106
+ key: 0,
107
+ id: `${B.value}_label`,
108
+ class: u(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
109
+ V.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
110
+ c.labelClasses,
111
+ { "uikit-left-9": n.$slots.lefticon && !V.value },
112
+ { "uikit-left-4": !n.$slots.lefticon && !V.value }
113
+ ]]),
114
+ innerHTML: c.label
115
+ }, null, 10, w)) : i("", !0),
116
+ n.$slots.lefticon ? (d(), a("span", {
117
+ key: 1,
118
+ class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
119
+ onClick: b((t) => e(), ["stop"])
120
+ }, [p(n.$slots, "lefticon")], 8, T)) : i("", !0),
121
+ o("button", {
122
+ id: `${B.value}_btn`,
123
+ ref: "btnEl",
124
+ type: "button",
125
+ "data-cy": c.dataCy,
126
+ class: u(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [n.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", c.btnClasses]]),
127
+ "aria-required": !!n.$attrs.required,
128
+ role: "combobox",
129
+ "aria-haspopup": "listbox",
130
+ "aria-controls": `${B.value}_dropdown`,
131
+ "aria-labelledby": `${B.value}_label ${B.value}_btn`,
132
+ "aria-expanded": t,
133
+ "aria-activedescendant": l >= 0 && t ? `${B.value}_element_${c.options[l].label}` : "",
134
+ "aria-invalid": c.isValid === !1,
135
+ "aria-describedby": c.isValid === !1 ? `${B.value}_invalid_msg` : void 0,
136
+ onClick: (t) => {
137
+ e(), F("click", t);
138
+ },
139
+ onKeydown: (t) => {
140
+ ["Enter", "Space"].includes(t.key) && (t.preventDefault(), t.stopPropagation(), f(l), e());
141
+ }
142
+ }, [o("span", {
143
+ class: u(["uikit-pointer-events-none", [c.btnTextClasses, { "uikit-mt-1": c.withFieldset }]]),
144
+ innerHTML: I.value?.visibleLabel || I.value?.label
145
+ }, null, 10, D), o("span", { class: u(["uikit-pointer-events-none uikit-inline-flex", [{ "uikit-mt-1": c.withFieldset }]]) }, [c.isValid == 0 ? (d(), r(m(S), {
146
+ key: 0,
147
+ class: "uikit-mr-1",
148
+ width: 20,
149
+ height: 20,
150
+ "stroke-color": "#FA4F64"
151
+ })) : i("", !0), s(m(x), {
152
+ class: u(["uikit-transition-transform motion-reduce:uikit-transition-none", [t ? "uikit-rotate-180" : "", c.arrowIcon?.classes]]),
153
+ width: c.arrowIcon?.width ?? 18,
154
+ height: c.arrowIcon?.height ?? 18,
155
+ "stroke-color": c.isValid ? "#2B5DFF" : c.isValid === !1 ? "#FA4F64" : c.arrowIcon?.strokeColor ?? "#222"
156
+ }, null, 8, [
157
+ "class",
158
+ "width",
159
+ "height",
160
+ "stroke-color"
161
+ ])], 2)], 42, E),
162
+ c.withFieldset ? (d(), a("fieldset", {
163
+ key: 2,
164
+ "aria-hidden": "true",
165
+ class: u(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
166
+ c.fieldsetClasses,
167
+ c.isValid ? "uikit-border-w-primary" : c.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
168
+ { "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": c.border },
169
+ { "uikit-border-0 peer-focus:uikit-border-0": !c.border }
170
+ ]])
171
+ }, [o("legend", { class: u([[c.legendClasses, { "uikit-m-0 uikit-w-0": !c.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"]) }, [c.label ? (d(), a("span", {
172
+ key: 0,
173
+ class: u(["uikit-mx-5px", [I.value.label ? "uikit-invisible" : "uikit-hidden"]]),
174
+ innerHTML: c.label
175
+ }, null, 10, O)) : i("", !0)], 2)], 2)) : i("", !0)
176
+ ])]),
177
+ default: y(({ activeIdx: e, setActiveIdx: n }) => [(d(!0), a(t, null, f(c.options, (t, r) => (d(), a("li", {
178
+ id: `${B.value}_element_${c.options[r].label}`,
179
+ key: `${t.label}_${r}`,
180
+ role: "option",
181
+ "aria-selected": e === r,
182
+ class: u(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", c.dropdownItemClasses]),
183
+ onClick: b((e) => H(t), ["stop"]),
184
+ onMouseover: b((e) => n(r), ["stop"]),
185
+ onBlur: l[0] ||= b(() => {}, ["stop"])
186
+ }, [o("label", A, [o("input", {
187
+ tabindex: "-1",
188
+ class: "uikit-m-0 uikit-appearance-none",
189
+ name: `${B.value}_radio`,
190
+ type: "radio",
191
+ checked: t.label === I.value.label,
192
+ onInput: b((e) => H(t), ["stop"])
193
+ }, null, 40, j), o("span", { innerHTML: t.label }, null, 8, M)])], 42, k))), 128))]),
194
+ _: 3
195
+ }, 8, [
196
+ "open",
197
+ "class",
198
+ "data-cy",
199
+ "close-when-clicked-outside",
200
+ "direction",
201
+ "dropdown-classes"
202
+ ]), c.feedback ? (d(), a(t, { key: 0 }, [c.feedback.valid ? (d(), a("span", {
203
+ key: 0,
204
+ id: `${B.value}_valid_msg`,
205
+ "arial-live": n.$attrs["aria-live"],
206
+ class: "uikit-mt-1 uikit-inline-block uikit-text-12",
207
+ innerHTML: c.isValid ? c.feedback.valid : ""
208
+ }, null, 8, N)) : i("", !0), c.feedback.invalid ? (d(), a("span", {
209
+ key: 1,
210
+ id: `${B.value}_invalid_msg`,
211
+ "arial-live": n.$attrs["aria-live"],
212
+ class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
213
+ innerHTML: c.isValid === !1 ? c.feedback.invalid : ""
214
+ }, null, 8, P)) : i("", !0)], 64)) : i("", !0)]));
215
+ }
203
216
  });
204
- export {
205
- te as default
206
- };
217
+ //#endregion
218
+ export { F as default };
@@ -1,4 +1,5 @@
1
- import f from "./AccordionContentPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./AccordionContentPrimitive.vue.js";
2
+ //#region lib/UIKit/Accordion/AccordionContentPrimitive.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,22 +1,20 @@
1
- import { defineComponent as r, openBlock as n, createBlock as a, unref as c, normalizeProps as p, guardReactiveProps as i, withCtx as s, renderSlot as l } from "vue";
2
- import { AccordionContent as d } from "reka-ui";
3
- const _ = /* @__PURE__ */ r({
4
- __name: "AccordionContentPrimitive",
5
- props: {
6
- forceMount: { type: Boolean },
7
- asChild: { type: Boolean },
8
- as: {}
9
- },
10
- setup(o) {
11
- const e = o;
12
- return (t, f) => (n(), a(c(d), p(i(e)), {
13
- default: s(() => [
14
- l(t.$slots, "default")
15
- ]),
16
- _: 3
17
- }, 16));
18
- }
1
+ import { createBlock as e, defineComponent as t, guardReactiveProps as n, normalizeProps as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
2
+ import { AccordionContent as c } from "reka-ui";
3
+ //#region lib/UIKit/Accordion/AccordionContentPrimitive.vue?vue&type=script&setup=true&lang.ts
4
+ var l = /*@__PURE__*/ t({
5
+ __name: "AccordionContentPrimitive",
6
+ props: {
7
+ forceMount: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {}
10
+ },
11
+ setup(t) {
12
+ let l = t;
13
+ return (t, u) => (i(), e(o(c), r(n(l)), {
14
+ default: s(() => [a(t.$slots, "default")]),
15
+ _: 3
16
+ }, 16));
17
+ }
19
18
  });
20
- export {
21
- _ as default
22
- };
19
+ //#endregion
20
+ export { l as default };
@@ -1,4 +1,5 @@
1
- import f from "./AccordionHeaderPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./AccordionHeaderPrimitive.vue.js";
2
+ //#region lib/UIKit/Accordion/AccordionHeaderPrimitive.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,21 +1,19 @@
1
- import { defineComponent as t, openBlock as a, createBlock as n, unref as c, normalizeProps as i, guardReactiveProps as p, withCtx as s, renderSlot as d } from "vue";
2
- import { AccordionHeader as l } from "reka-ui";
3
- const _ = /* @__PURE__ */ t({
4
- __name: "AccordionHeaderPrimitive",
5
- props: {
6
- asChild: { type: Boolean },
7
- as: {}
8
- },
9
- setup(e) {
10
- const o = e;
11
- return (r, m) => (a(), n(c(l), i(p(o)), {
12
- default: s(() => [
13
- d(r.$slots, "default")
14
- ]),
15
- _: 3
16
- }, 16));
17
- }
1
+ import { createBlock as e, defineComponent as t, guardReactiveProps as n, normalizeProps as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
2
+ import { AccordionHeader as c } from "reka-ui";
3
+ //#region lib/UIKit/Accordion/AccordionHeaderPrimitive.vue?vue&type=script&setup=true&lang.ts
4
+ var l = /*@__PURE__*/ t({
5
+ __name: "AccordionHeaderPrimitive",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(t) {
11
+ let l = t;
12
+ return (t, u) => (i(), e(o(c), r(n(l)), {
13
+ default: s(() => [a(t.$slots, "default")]),
14
+ _: 3
15
+ }, 16));
16
+ }
18
17
  });
19
- export {
20
- _ as default
21
- };
18
+ //#endregion
19
+ export { l as default };
@@ -1,4 +1,5 @@
1
- import f from "./AccordionItemPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./AccordionItemPrimitive.vue.js";
2
+ //#region lib/UIKit/Accordion/AccordionItemPrimitive.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,24 +1,22 @@
1
- import { defineComponent as i, openBlock as p, createBlock as l, unref as s, normalizeProps as e, guardReactiveProps as o, withCtx as c, renderSlot as d } from "vue";
2
- import { AccordionItem as m } from "reka-ui";
3
- const B = /* @__PURE__ */ i({
4
- __name: "AccordionItemPrimitive",
5
- props: {
6
- disabled: { type: Boolean },
7
- value: {},
8
- unmountOnHide: { type: Boolean },
9
- asChild: { type: Boolean },
10
- as: {}
11
- },
12
- setup(t) {
13
- const r = t;
14
- return (n, u) => (p(), l(s(m), e(o(r)), {
15
- default: c((a) => [
16
- d(n.$slots, "default", e(o(a)))
17
- ]),
18
- _: 3
19
- }, 16));
20
- }
1
+ import { createBlock as e, defineComponent as t, guardReactiveProps as n, normalizeProps as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
2
+ import { AccordionItem as c } from "reka-ui";
3
+ //#region lib/UIKit/Accordion/AccordionItemPrimitive.vue?vue&type=script&setup=true&lang.ts
4
+ var l = /*@__PURE__*/ t({
5
+ __name: "AccordionItemPrimitive",
6
+ props: {
7
+ disabled: { type: Boolean },
8
+ value: {},
9
+ unmountOnHide: { type: Boolean },
10
+ asChild: { type: Boolean },
11
+ as: {}
12
+ },
13
+ setup(t) {
14
+ let l = t;
15
+ return (t, u) => (i(), e(o(c), r(n(l)), {
16
+ default: s((e) => [a(t.$slots, "default", r(n(e)))]),
17
+ _: 3
18
+ }, 16));
19
+ }
21
20
  });
22
- export {
23
- B as default
24
- };
21
+ //#endregion
22
+ export { l as default };
@@ -1,4 +1,5 @@
1
- import f from "./AccordionTriggerPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./AccordionTriggerPrimitive.vue.js";
2
+ //#region lib/UIKit/Accordion/AccordionTriggerPrimitive.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };