@wikicasa-dev/components 2.6.13 → 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 (215) 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 -152
  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
@@ -1,82 +1,77 @@
1
- import { defineComponent as y, useId as p, useTemplateRef as c, useModel as B, watch as I, inject as u, onMounted as V, onUnmounted as R, openBlock as n, createElementBlock as w, createVNode as r, unref as l, normalizeClass as E, withCtx as s, createBlock as M, createCommentVNode as N, renderSlot as j, createTextVNode as z, toDisplayString as S, mergeModels as k } from "vue";
2
- import { CheckIcon as T } from "@wikicasa-dev/svg-icons";
3
- import { CheckboxRoot as U, CheckboxIndicator as $ } from "reka-ui";
4
- const F = /* @__PURE__ */ y({
5
- __name: "CheckboxBtn",
6
- props: /* @__PURE__ */ k({
7
- id: {},
8
- dataCy: {},
9
- disabled: { type: Boolean },
10
- checked: { type: Boolean, default: () => {
11
- } },
12
- required: { type: Boolean },
13
- inputClass: {},
14
- label: { default: "" },
15
- value: {}
16
- }, {
17
- modelValue: { type: Boolean, default: !1 },
18
- modelModifiers: {}
19
- }),
20
- emits: /* @__PURE__ */ k(["click", "change"], ["update:modelValue"]),
21
- setup(e, { expose: m, emit: f }) {
22
- const h = p(), o = c("root"), b = c("checkboxRoot"), a = B(e, "modelValue"), i = f;
23
- I(
24
- () => e.checked,
25
- (t) => {
26
- t !== void 0 && (a.value = t);
27
- }
28
- );
29
- const x = (t) => {
30
- t !== "indeterminate" && (i("change", {
31
- id: e.id ?? h,
32
- label: e.label,
33
- checked: t
34
- }), a.value = t);
35
- }, v = u("addItem", void 0), C = u(
36
- "removeItem",
37
- void 0
38
- );
39
- return V(() => {
40
- v?.(e.value, o.value);
41
- }), R(() => {
42
- C?.(e.value);
43
- }), m({
44
- getRootElement: () => o.value,
45
- getCheckboxElement: () => b.value?.$el
46
- }), (t, d) => (n(), w("label", {
47
- ref: "root",
48
- class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
49
- onClick: d[0] || (d[0] = (g) => i("click", g))
50
- }, [
51
- r(l(U), {
52
- ref: "checkboxRoot",
53
- "model-value": a.value,
54
- "data-cy": e.dataCy,
55
- disabled: e.disabled,
56
- class: E(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray data-[state='checked']:uikit-bg-w-primary data-[state='unchecked']:uikit-bg-white", e.inputClass]),
57
- "onUpdate:modelValue": x
58
- }, {
59
- default: s(() => [
60
- r(l($), { class: "uikit-flex" }, {
61
- default: s(() => [
62
- a.value === !0 ? (n(), M(l(T), {
63
- key: 0,
64
- "fill-color": "#fff",
65
- width: 12,
66
- height: 14
67
- })) : N("", !0)
68
- ]),
69
- _: 1
70
- })
71
- ]),
72
- _: 1
73
- }, 8, ["model-value", "data-cy", "disabled", "class"]),
74
- j(t.$slots, "label", {}, () => [
75
- z(S(e.label), 1)
76
- ])
77
- ], 512));
78
- }
1
+ import { createBlock as e, createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, defineComponent as a, inject as o, mergeModels as s, normalizeClass as c, onMounted as l, onUnmounted as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useId as h, useModel as g, useTemplateRef as _, watch as v, withCtx as y } from "vue";
2
+ import { CheckboxIndicator as b, CheckboxRoot as x } from "reka-ui";
3
+ import { CheckIcon as S } from "@wikicasa-dev/svg-icons";
4
+ import '../../assets/CheckboxBtn.css';//#region lib/UIKit/Checkbox/CheckboxBtn.vue?vue&type=script&setup=true&lang.ts
5
+ var C = /*@__PURE__*/ a({
6
+ __name: "CheckboxBtn",
7
+ props: /*@__PURE__*/ s({
8
+ id: {},
9
+ dataCy: {},
10
+ disabled: { type: Boolean },
11
+ checked: {
12
+ type: Boolean,
13
+ default: () => void 0
14
+ },
15
+ required: { type: Boolean },
16
+ inputClass: {},
17
+ label: { default: "" },
18
+ value: {}
19
+ }, {
20
+ modelValue: {
21
+ type: Boolean,
22
+ default: !1
23
+ },
24
+ modelModifiers: {}
25
+ }),
26
+ emits: /*@__PURE__*/ s(["click", "change"], ["update:modelValue"]),
27
+ setup(a, { expose: s, emit: C }) {
28
+ let w = h(), T = _("root"), E = _("checkboxRoot"), D = g(a, "modelValue"), O = C;
29
+ v(() => a.checked, (e) => {
30
+ e !== void 0 && (D.value = e);
31
+ });
32
+ let k = (e) => {
33
+ e !== "indeterminate" && (O("change", {
34
+ id: a.id ?? w,
35
+ label: a.label,
36
+ checked: e
37
+ }), D.value = e);
38
+ }, A = o("addItem", void 0), j = o("removeItem", void 0);
39
+ return l(() => {
40
+ A?.(a.value, T.value);
41
+ }), u(() => {
42
+ j?.(a.value);
43
+ }), s({
44
+ getRootElement: () => T.value,
45
+ getCheckboxElement: () => E.value?.$el
46
+ }), (o, s) => (d(), n("label", {
47
+ ref: "root",
48
+ class: "uikit-checkbox-btn uikit-flex uikit-items-center uikit-gap-[12px]",
49
+ onClick: s[0] ||= (e) => O("click", e)
50
+ }, [i(m(x), {
51
+ ref: "checkboxRoot",
52
+ "model-value": D.value,
53
+ "data-cy": a.dataCy,
54
+ disabled: a.disabled,
55
+ class: c(["uikit-inline-flex uikit-size-[20px] uikit-shrink-0 uikit-items-center uikit-justify-center uikit-rounded-[4px] uikit-p-0 data-[state='unchecked']:uikit-border data-[state='unchecked']:uikit-border-solid data-[state='unchecked']:uikit-border-w-lightgray data-[state='checked']:uikit-bg-w-primary data-[state='unchecked']:uikit-bg-white", a.inputClass]),
56
+ "onUpdate:modelValue": k
57
+ }, {
58
+ default: y(() => [i(m(b), { class: "uikit-flex" }, {
59
+ default: y(() => [D.value === !0 ? (d(), e(m(S), {
60
+ key: 0,
61
+ "fill-color": "#fff",
62
+ width: 12,
63
+ height: 14
64
+ })) : t("", !0)]),
65
+ _: 1
66
+ })]),
67
+ _: 1
68
+ }, 8, [
69
+ "model-value",
70
+ "data-cy",
71
+ "disabled",
72
+ "class"
73
+ ]), f(o.$slots, "label", {}, () => [r(p(a.label), 1)])], 512));
74
+ }
79
75
  });
80
- export {
81
- F as default
82
- };
76
+ //#endregion
77
+ export { C as default };
@@ -1,4 +1,5 @@
1
- import f from "./CheckboxGroup.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./CheckboxGroup.vue.js";
2
+ //#region lib/UIKit/Checkbox/CheckboxGroup.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,117 +1,138 @@
1
- import { defineComponent as B, useModel as A, ref as I, computed as i, watch as y, renderSlot as C, createElementVNode as M, normalizeClass as p, openBlock as x, createElementBlock as R, Fragment as K, renderList as V, createBlock as w, unref as L, createCommentVNode as G, mergeModels as v } from "vue";
2
- import { stringToHyphened as N, isArrNullOrEmpty as T } from "@wikicasa-dev/utilities";
3
- import F from "./CheckboxBtn.vue.js";
4
- import '../../assets/CheckboxBtn.css';/* empty css */
5
- const O = ["id", "data-cy"], q = /* @__PURE__ */ B({
6
- inheritAttrs: !1,
7
- __name: "CheckboxGroup",
8
- props: /* @__PURE__ */ v({
9
- checkboxData: { default() {
10
- return [];
11
- } },
12
- formCheckInline: { type: Boolean, default: !1 },
13
- reset: { type: Boolean, default: !1 },
14
- checkboxContainerClasses: { default: "" },
15
- autoCheckResetAll: { type: Boolean, default: !1 },
16
- autoCheckResetEmpty: { type: Boolean, default: !1 },
17
- manualToggleResetButton: { type: Boolean, default: !1 },
18
- getKey: { type: Function, default: (a) => typeof a == "string" || typeof a == "number" ? `${a}` : `${a.id}` },
19
- groupId: { default: "" },
20
- dataCy: { default: "" }
21
- }, {
22
- refresh: { type: Boolean, default: !1 },
23
- refreshModifiers: {}
24
- }),
25
- emits: /* @__PURE__ */ v(["resetted", "update:modelValue", "checkedGroup"], ["update:refresh"]),
26
- setup(a, { emit: D }) {
27
- const o = a, s = D, f = A(a, "refresh"), l = I(
28
- /* @__PURE__ */ new Map()
29
- ), r = i(() => {
30
- for (const e of o.checkboxData)
31
- if (e.reset) return e;
32
- return null;
33
- }), E = i(() => o.checkboxData.length), k = i(() => {
34
- let e = 0;
35
- return l.value.forEach((c) => {
36
- c.checked && e++;
37
- }), e;
38
- }), m = () => {
39
- const e = [], c = /* @__PURE__ */ new Map();
40
- for (const t of o.checkboxData)
41
- c.set(`${t.id}`, {
42
- ...t,
43
- checked: !!t.checked
44
- }), t.checked && e.push(t);
45
- l.value = c, s("update:modelValue", e);
46
- };
47
- m();
48
- const u = (e, c) => {
49
- const t = l.value.get(e);
50
- if (t) {
51
- if (c) {
52
- l.value.set(e, { ...t, ...c });
53
- return;
54
- }
55
- l.value.set(e, { ...t, checked: !t.checked });
56
- }
57
- }, b = () => {
58
- l.value.forEach((e) => {
59
- e.checked = !1;
60
- });
61
- }, g = () => {
62
- b(), s("update:modelValue", []), s("resetted");
63
- }, d = (e) => l.value.get(o.getKey(e))?.checked ?? !1, h = (e) => {
64
- if (T(o.checkboxData)) return;
65
- const c = l.value.get(e.id);
66
- c?.reset && e.checked ? b() : r.value && !c?.reset && u(o.getKey(r.value), { checked: !1 }), u(`${e.id}`), o.autoCheckResetAll && r.value && k.value === E.value - 1 && l.value.forEach((n) => {
67
- n.checked = !!n.reset;
68
- }), o.autoCheckResetEmpty && r.value && !k.value && (!o.manualToggleResetButton || !c?.reset) && u(o.getKey(r.value), { checked: !0 });
69
- const t = [];
70
- l.value.forEach((n) => {
71
- n.checked && t.push(n);
72
- }), s("update:modelValue", t), s("checkedGroup", o.groupId);
73
- };
74
- return y(
75
- () => o.reset,
76
- (e) => {
77
- e && g();
78
- }
79
- ), y(f, (e) => {
80
- e && (m(), f.value = !1);
81
- }), (e, c) => C(e.$slots, "default", {
82
- isActive: d,
83
- handleChange: h,
84
- checkboxesData: a.checkboxData
85
- }, () => [
86
- M("div", {
87
- id: a.groupId,
88
- class: p(["checkbox-group-container", e.$attrs.class || ""]),
89
- "data-cy": a.dataCy
90
- }, [
91
- C(e.$slots, "checkbox_elements", {
92
- isActive: d,
93
- handleChange: h,
94
- checkboxesData: a.checkboxData,
95
- reset: g
96
- }, () => [
97
- a.checkboxData ? (x(!0), R(K, { key: 0 }, V(a.checkboxData, (t, n) => (x(), w(F, {
98
- id: a.getKey(t),
99
- key: n,
100
- "data-cy": t.dataCy ?? `checkbox_${L(N)(`${t.label}`)}`,
101
- label: t.label,
102
- inline: a.formCheckInline,
103
- "model-value": d(t),
104
- class: p([
105
- a.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px",
106
- a.checkboxContainerClasses
107
- ]),
108
- onChange: c[0] || (c[0] = ($) => h($))
109
- }, null, 8, ["id", "data-cy", "label", "inline", "model-value", "class"]))), 128)) : G("", !0)
110
- ])
111
- ], 10, O)
112
- ]);
113
- }
1
+ import e from "./CheckboxBtn.js";
2
+ import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, unref as m, useModel as h, watch as g } from "vue";
3
+ import { isArrNullOrEmpty as _, stringToHyphened as v } from "@wikicasa-dev/utilities";
4
+ //#region lib/UIKit/Checkbox/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
5
+ var y = ["id", "data-cy"], b = /*@__PURE__*/ s({
6
+ inheritAttrs: !1,
7
+ __name: "CheckboxGroup",
8
+ props: /*@__PURE__*/ c({
9
+ checkboxData: { default() {
10
+ return [];
11
+ } },
12
+ formCheckInline: {
13
+ type: Boolean,
14
+ default: !1
15
+ },
16
+ reset: {
17
+ type: Boolean,
18
+ default: !1
19
+ },
20
+ checkboxContainerClasses: { default: "" },
21
+ autoCheckResetAll: {
22
+ type: Boolean,
23
+ default: !1
24
+ },
25
+ autoCheckResetEmpty: {
26
+ type: Boolean,
27
+ default: !1
28
+ },
29
+ manualToggleResetButton: {
30
+ type: Boolean,
31
+ default: !1
32
+ },
33
+ getKey: {
34
+ type: Function,
35
+ default: (e) => typeof e == "string" || typeof e == "number" ? `${e}` : `${e.id}`
36
+ },
37
+ groupId: { default: "" },
38
+ dataCy: { default: "" }
39
+ }, {
40
+ refresh: {
41
+ type: Boolean,
42
+ default: !1
43
+ },
44
+ refreshModifiers: {}
45
+ }),
46
+ emits: /*@__PURE__*/ c([
47
+ "resetted",
48
+ "update:modelValue",
49
+ "checkedGroup"
50
+ ], ["update:refresh"]),
51
+ setup(s, { emit: c }) {
52
+ let b = s, x = c, S = h(s, "refresh"), C = d(/* @__PURE__ */ new Map()), w = n(() => {
53
+ for (let e of b.checkboxData) if (e.reset) return e;
54
+ return null;
55
+ }), T = n(() => b.checkboxData.length), E = n(() => {
56
+ let e = 0;
57
+ return C.value.forEach((t) => {
58
+ t.checked && e++;
59
+ }), e;
60
+ }), D = () => {
61
+ let e = [], t = /* @__PURE__ */ new Map();
62
+ for (let n of b.checkboxData) t.set(`${n.id}`, {
63
+ ...n,
64
+ checked: !!n.checked
65
+ }), n.checked && e.push(n);
66
+ C.value = t, x("update:modelValue", e);
67
+ };
68
+ D();
69
+ let O = (e, t) => {
70
+ let n = C.value.get(e);
71
+ if (n) {
72
+ if (t) {
73
+ C.value.set(e, {
74
+ ...n,
75
+ ...t
76
+ });
77
+ return;
78
+ }
79
+ C.value.set(e, {
80
+ ...n,
81
+ checked: !n.checked
82
+ });
83
+ }
84
+ }, k = () => {
85
+ C.value.forEach((e) => {
86
+ e.checked = !1;
87
+ });
88
+ }, A = () => {
89
+ k(), x("update:modelValue", []), x("resetted");
90
+ }, j = (e) => C.value.get(b.getKey(e))?.checked ?? !1, M = (e) => {
91
+ if (_(b.checkboxData)) return;
92
+ let t = C.value.get(e.id);
93
+ t?.reset && e.checked ? k() : w.value && !t?.reset && O(b.getKey(w.value), { checked: !1 }), O(`${e.id}`), b.autoCheckResetAll && w.value && E.value === T.value - 1 && C.value.forEach((e) => {
94
+ e.checked = !!e.reset;
95
+ }), b.autoCheckResetEmpty && w.value && !E.value && (!b.manualToggleResetButton || !t?.reset) && O(b.getKey(w.value), { checked: !0 });
96
+ let n = [];
97
+ C.value.forEach((e) => {
98
+ e.checked && n.push(e);
99
+ }), x("update:modelValue", n), x("checkedGroup", b.groupId);
100
+ };
101
+ return g(() => b.reset, (e) => {
102
+ e && A();
103
+ }), g(S, (e) => {
104
+ e && (D(), S.value = !1);
105
+ }), (n, c) => p(n.$slots, "default", {
106
+ isActive: j,
107
+ handleChange: M,
108
+ checkboxesData: s.checkboxData
109
+ }, () => [o("div", {
110
+ id: s.groupId,
111
+ class: l(["checkbox-group-container", n.$attrs.class || ""]),
112
+ "data-cy": s.dataCy
113
+ }, [p(n.$slots, "checkbox_elements", {
114
+ isActive: j,
115
+ handleChange: M,
116
+ checkboxesData: s.checkboxData,
117
+ reset: A
118
+ }, () => [s.checkboxData ? (u(!0), a(t, { key: 0 }, f(s.checkboxData, (t, n) => (u(), r(e, {
119
+ id: s.getKey(t),
120
+ key: n,
121
+ "data-cy": t.dataCy ?? `checkbox_${m(v)(`${t.label}`)}`,
122
+ label: t.label,
123
+ inline: s.formCheckInline,
124
+ "model-value": j(t),
125
+ class: l([s.formCheckInline ? "uikit-mr-10px" : "uikit-mb-10px", s.checkboxContainerClasses]),
126
+ onChange: c[0] ||= (e) => M(e)
127
+ }, null, 8, [
128
+ "id",
129
+ "data-cy",
130
+ "label",
131
+ "inline",
132
+ "model-value",
133
+ "class"
134
+ ]))), 128)) : i("", !0)])], 10, y)]);
135
+ }
114
136
  });
115
- export {
116
- q as default
117
- };
137
+ //#endregion
138
+ export { b as default };
@@ -1,4 +1,5 @@
1
- import f from "./CheckboxButtonGroup.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./CheckboxButtonGroup.vue.js";
2
+ //#region lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,78 +1,72 @@
1
- import { defineComponent as v, useModel as f, provide as m, watch as k, openBlock as n, createElementBlock as h, renderSlot as y, Fragment as C, renderList as g, createBlock as B, withCtx as x, createTextVNode as M, toDisplayString as b, mergeModels as U } from "vue";
2
- import q from "../CheckboxBtn.vue.js";
3
- import '../../../assets/CheckboxBtn.css';/* empty css */
4
- const w = ["data-cy"], I = /* @__PURE__ */ v({
5
- __name: "CheckboxButtonGroup",
6
- props: /* @__PURE__ */ U({
7
- dataCy: {},
8
- items: { default: () => [] },
9
- resetValue: {}
10
- }, {
11
- modelValue: {
12
- default: () => []
13
- },
14
- modelModifiers: {},
15
- reset: { type: Boolean, default: !1 },
16
- resetModifiers: {}
17
- }),
18
- emits: ["update:modelValue", "update:reset"],
19
- setup(l) {
20
- const a = f(l, "modelValue"), o = f(l, "reset"), r = /* @__PURE__ */ new Map(), c = (e) => e ? a.value.includes(e) : !1, i = (e, u) => {
21
- if (!e) return;
22
- let t = [];
23
- if (u ? t = [...a.value, e] : t = a.value.filter((d) => d !== e), !l.resetValue) {
24
- a.value = t;
25
- return;
26
- }
27
- t = t.filter((d) => d !== l.resetValue);
28
- const s = Array.from(r.keys()).filter(
29
- (d) => !t.includes(d)
30
- );
31
- console.log("DEBUG:handleCheck => update", {
32
- registeredItems: r,
33
- checkedList: t,
34
- uncheckedList: s
35
- }), s.length === r.size && (t = [l.resetValue], r.get(l.resetValue)?.focus?.()), t.length === r.size - 1 && (t = [l.resetValue], r.get(l.resetValue)?.focus?.()), a.value = t;
36
- }, V = (e) => {
37
- if (l.resetValue) {
38
- if (console.log("DEBUG:handleResetCheck", { resetValue: l.resetValue }), e) {
39
- a.value = [l.resetValue];
40
- return;
41
- }
42
- a.value = a.value.filter((u) => u !== l.resetValue);
43
- }
44
- };
45
- return m(
46
- "addItem",
47
- (e, u) => {
48
- !e || !u || r.set(e, u);
49
- }
50
- ), m("removeItem", (e) => {
51
- e && r.delete(e);
52
- }), k(o, (e) => {
53
- e && (a.value = [], o.value = !1);
54
- }), (e, u) => (n(), h("div", { "data-cy": l.dataCy }, [
55
- y(e.$slots, "default", {
56
- isChecked: c,
57
- handleCheck: i,
58
- handleResetCheck: V
59
- }, () => [
60
- (n(!0), h(C, null, g(l.items, (t) => (n(), B(q, {
61
- key: `checkbox-item-${t.value}`,
62
- required: t.required,
63
- "data-cy": t.dataCy,
64
- "model-value": c(t.value),
65
- "onUpdate:modelValue": (s) => i(t.value, s)
66
- }, {
67
- label: x(() => [
68
- M(b(t.label), 1)
69
- ]),
70
- _: 2
71
- }, 1032, ["required", "data-cy", "model-value", "onUpdate:modelValue"]))), 128))
72
- ])
73
- ], 8, w));
74
- }
1
+ import e from "../CheckboxBtn.js";
2
+ import { Fragment as t, createBlock as n, createElementBlock as r, createTextVNode as i, defineComponent as a, mergeModels as o, openBlock as s, provide as c, renderList as l, renderSlot as u, toDisplayString as d, useModel as f, watch as p, withCtx as m } from "vue";
3
+ //#region lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue?vue&type=script&setup=true&lang.ts
4
+ var h = ["data-cy"], g = /*@__PURE__*/ a({
5
+ __name: "CheckboxButtonGroup",
6
+ props: /*@__PURE__*/ o({
7
+ dataCy: {},
8
+ items: { default: () => [] },
9
+ resetValue: {}
10
+ }, {
11
+ modelValue: { default: () => [] },
12
+ modelModifiers: {},
13
+ reset: {
14
+ type: Boolean,
15
+ default: !1
16
+ },
17
+ resetModifiers: {}
18
+ }),
19
+ emits: ["update:modelValue", "update:reset"],
20
+ setup(a) {
21
+ let o = f(a, "modelValue"), g = f(a, "reset"), _ = /* @__PURE__ */ new Map(), v = (e) => e ? o.value.includes(e) : !1, y = (e, t) => {
22
+ if (!e) return;
23
+ let n = [];
24
+ if (n = t ? [...o.value, e] : o.value.filter((t) => t !== e), !a.resetValue) {
25
+ o.value = n;
26
+ return;
27
+ }
28
+ n = n.filter((e) => e !== a.resetValue);
29
+ let r = Array.from(_.keys()).filter((e) => !n.includes(e));
30
+ console.log("DEBUG:handleCheck => update", {
31
+ registeredItems: _,
32
+ checkedList: n,
33
+ uncheckedList: r
34
+ }), r.length === _.size && (n = [a.resetValue], _.get(a.resetValue)?.focus?.()), n.length === _.size - 1 && (n = [a.resetValue], _.get(a.resetValue)?.focus?.()), o.value = n;
35
+ }, b = (e) => {
36
+ if (a.resetValue) {
37
+ if (console.log("DEBUG:handleResetCheck", { resetValue: a.resetValue }), e) {
38
+ o.value = [a.resetValue];
39
+ return;
40
+ }
41
+ o.value = o.value.filter((e) => e !== a.resetValue);
42
+ }
43
+ };
44
+ return c("addItem", (e, t) => {
45
+ !e || !t || _.set(e, t);
46
+ }), c("removeItem", (e) => {
47
+ e && _.delete(e);
48
+ }), p(g, (e) => {
49
+ e && (o.value = [], g.value = !1);
50
+ }), (o, c) => (s(), r("div", { "data-cy": a.dataCy }, [u(o.$slots, "default", {
51
+ isChecked: v,
52
+ handleCheck: y,
53
+ handleResetCheck: b
54
+ }, () => [(s(!0), r(t, null, l(a.items, (t) => (s(), n(e, {
55
+ key: `checkbox-item-${t.value}`,
56
+ required: t.required,
57
+ "data-cy": t.dataCy,
58
+ "model-value": v(t.value),
59
+ "onUpdate:modelValue": (e) => y(t.value, e)
60
+ }, {
61
+ label: m(() => [i(d(t.label), 1)]),
62
+ _: 2
63
+ }, 1032, [
64
+ "required",
65
+ "data-cy",
66
+ "model-value",
67
+ "onUpdate:modelValue"
68
+ ]))), 128))])], 8, h));
69
+ }
75
70
  });
76
- export {
77
- I as default
78
- };
71
+ //#endregion
72
+ export { g as default };
@@ -1,4 +1,5 @@
1
- import f from "./CheckboxGroupItemPrimitive.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./CheckboxGroupItemPrimitive.vue.js";
2
+ //#region lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };