@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,230 +1,193 @@
1
- import { defineComponent as O, useModel as V, computed as s, openBlock as a, createElementBlock as o, createElementVNode as P, createBlock as v, resolveDynamicComponent as m, mergeProps as h, withCtx as f, createVNode as $, unref as p, toDisplayString as x, createCommentVNode as k, Fragment as w, createTextVNode as g, renderList as j, mergeModels as A } from "vue";
2
- import { ArrowIcon as B } from "@wikicasa-dev/svg-icons";
3
- const Q = {
4
- "aria-label": "Page navigation",
5
- class: "uikit-overflow-auto"
6
- }, E = {
7
- key: 0,
8
- class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
9
- }, R = ["data-cy"], q = {
10
- key: 0,
11
- class: "uikit-mx-10px uikit-select-none"
12
- }, z = {
13
- key: 1,
14
- class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
15
- }, G = ["onClick"], H = ["onClick"], J = {
16
- key: 0,
17
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
18
- }, K = ["data-cy"], W = {
19
- key: 0,
20
- class: "uikit-mx-10px uikit-select-none"
21
- }, Z = /* @__PURE__ */ O({
22
- __name: "BasePagination",
23
- props: /* @__PURE__ */ A({
24
- count: { default: 0 },
25
- limit: { default: 25 },
26
- siblings: { default: 3 },
27
- additionalCount: { default: 0 },
28
- arrowColor: { default: "#2B5DFF" },
29
- small: { type: Boolean, default: !1 },
30
- prevLabel: { default: "" },
31
- nextLabel: { default: "" },
32
- prevDataCy: {},
33
- nextDataCy: {},
34
- linkProps: {},
35
- linkTag: { default: "a" },
36
- baseUrl: {},
37
- pageQueryParameter: { default: "p" },
38
- formatter: { type: Function }
39
- }, {
40
- pageNumber: { default: 1 },
41
- pageNumberModifiers: {}
42
- }),
43
- emits: ["update:pageNumber"],
44
- setup(e) {
45
- const u = V(e, "pageNumber"), y = s(() => (u.value || 1) + 1), b = s(() => (u.value || 1) - 1), c = s(() => e.baseUrl ? e.linkTag : "span"), r = s(() => Math.ceil((e.count + e.additionalCount) / e.limit)), D = (l = 1) => l < 1, S = (l = 1) => l === r.value, C = s(() => (u.value || 0) > e.siblings + 2), N = s(
46
- () => (u.value || 0) < r.value - e.siblings - 1
47
- ), L = s(() => {
48
- const l = u.value || 0;
49
- let t = 0;
50
- for (let i = l; i > 2 && t < e.siblings; i--)
51
- t++;
52
- return t;
53
- }), M = s(() => {
54
- const l = u.value || 0;
55
- let t = 0;
56
- for (let i = l; i < r.value - 1 && t < e.siblings; i++)
57
- t++;
58
- return t;
59
- }), U = s(() => {
60
- const l = L.value + /* Filling with the remaining right siblings */
61
- Math.abs(M.value - e.siblings) + /* If there is no suspension points on the right, let's fill it */
62
- new Number(!N.value).valueOf() + /* If the pageNumber is the same of the last, let's fill it */
63
- new Number(u.value === r.value).valueOf();
64
- let t = Math.max((u.value || 0) - l, 2);
65
- const i = [];
66
- for (t; t < (u.value || 0); t++) i.push(t);
67
- return i;
68
- }), T = s(() => {
69
- const l = M.value + /* Filling with the remaining left siblings */
70
- Math.abs(L.value - e.siblings) + /* If there is no suspension points on the left, let's fill it */
71
- new Number(!C.value).valueOf() + /* If the pageNumber is the same of the firstPage, let's fill it */
72
- new Number(u.value === 1).valueOf();
73
- let t = Math.min(u.value || 0, r.value - 1);
74
- const i = [];
75
- for (t; t < Math.min((u.value || 0) + l, r.value - 1); t++)
76
- i.push(t + 1);
77
- return i;
78
- }), d = (l) => {
79
- l < 1 || l > r.value || setTimeout(() => {
80
- u.value = l;
81
- });
82
- }, n = (l = 1) => {
83
- if (e.baseUrl)
84
- try {
85
- const t = new URL(e.baseUrl);
86
- return l <= 1 ? (t.searchParams.delete(e.pageQueryParameter), `${t.pathname}${t.search}${t.hash}`) : (t.searchParams.set(e.pageQueryParameter, `${l}`), `${t.pathname}${t.search}${t.hash}`);
87
- } catch (t) {
88
- console.error(t);
89
- return;
90
- }
91
- };
92
- return (l, t) => (a(), o("nav", Q, [
93
- e.count > 0 ? (a(), o("ul", E, [
94
- P("li", {
95
- "data-cy": e.prevDataCy,
96
- onClick: t[0] || (t[0] = (i) => d(b.value))
97
- }, [
98
- (a(), v(m(D(b.value) ? "span" : c.value), h({
99
- href: n(b.value),
100
- to: n(b.value),
101
- class: ["arrow-button prev-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
102
- "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": u.value !== 1,
103
- "active:max-sm:uikit-text-white hover:sm:uikit-text-white": e.small && u.value !== 1,
104
- "uikit-rounded-xs": e.small && e.prevLabel
105
- }]
106
- }, e.linkProps), {
107
- default: f(() => [
108
- $(p(B), {
109
- width: 20,
110
- height: 11,
111
- "stroke-color": u.value === 1 ? "#8996A9" : e.arrowColor,
112
- class: "uikit-inline-block uikit-rotate-90"
113
- }, null, 8, ["stroke-color"]),
114
- e.small && e.prevLabel ? (a(), o("span", q, x(e.prevLabel), 1)) : k("", !0)
115
- ]),
116
- _: 1
117
- }, 16, ["href", "to", "class"]))
118
- ], 8, R),
119
- e.small ? k("", !0) : (a(), o(w, { key: 0 }, [
120
- (u.value || 0) > 1 ? (a(), o("li", {
121
- key: 0,
122
- onClick: t[1] || (t[1] = (i) => d(1))
123
- }, [
124
- (a(), v(m(c.value), h({
125
- href: n(1),
126
- to: n(1),
127
- class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
128
- }, e.linkProps), {
129
- default: f(() => [...t[4] || (t[4] = [
130
- g(" 1 ", -1)
131
- ])]),
132
- _: 1
133
- }, 16, ["href", "to"]))
134
- ])) : k("", !0),
135
- C.value ? (a(), o("li", z, " ... ")) : k("", !0),
136
- (a(!0), o(w, null, j(U.value, (i) => (a(), o("li", {
137
- key: i,
138
- onClick: (F) => d(i)
139
- }, [
140
- (a(), v(m(c.value), h({
141
- href: n(i),
142
- to: n(i),
143
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
144
- }, { ref_for: !0 }, e.linkProps), {
145
- default: f(() => [
146
- g(x(e.formatter ? e.formatter(i) : i), 1)
147
- ]),
148
- _: 2
149
- }, 1040, ["href", "to"]))
150
- ], 8, G))), 128))
151
- ], 64)),
152
- P("li", null, [
153
- (a(), v(m(c.value), h({
154
- href: n(u.value),
155
- to: n(u.value),
156
- class: ["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline", {
157
- "uikit-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !e.small
158
- }]
159
- }, e.linkProps), {
160
- default: f(() => [
161
- g(x(e.formatter ? e.formatter(u.value) : u.value), 1)
162
- ]),
163
- _: 1
164
- }, 16, ["href", "to", "class"]))
165
- ]),
166
- e.small ? k("", !0) : (a(), o(w, { key: 1 }, [
167
- (a(!0), o(w, null, j(T.value, (i) => (a(), o("li", {
168
- key: i,
169
- onClick: (F) => d(i)
170
- }, [
171
- (a(), v(m(c.value), h({
172
- href: n(i),
173
- to: n(i),
174
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-text-w-black uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
175
- }, { ref_for: !0 }, e.linkProps), {
176
- default: f(() => [
177
- g(x(e.formatter ? e.formatter(i) : i), 1)
178
- ]),
179
- _: 2
180
- }, 1040, ["href", "to"]))
181
- ], 8, H))), 128)),
182
- N.value ? (a(), o("li", J, " ... ")) : k("", !0),
183
- (u.value || 0) < r.value ? (a(), o("li", {
184
- key: 1,
185
- onClick: t[2] || (t[2] = (i) => d(r.value))
186
- }, [
187
- (a(), v(m(c.value), h({
188
- href: n(r.value),
189
- to: n(r.value),
190
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
191
- }, e.linkProps), {
192
- default: f(() => [
193
- g(x(e.formatter ? e.formatter(r.value) : r.value), 1)
194
- ]),
195
- _: 1
196
- }, 16, ["href", "to"]))
197
- ])) : k("", !0)
198
- ], 64)),
199
- P("li", {
200
- "data-cy": e.nextDataCy,
201
- onClick: t[3] || (t[3] = (i) => d(y.value))
202
- }, [
203
- (a(), v(m(S(u.value) ? "span" : c.value), h({
204
- href: n(y.value),
205
- to: n(y.value),
206
- class: ["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
207
- "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": (u.value || 0) < r.value,
208
- "active:max-sm:uikit-text-white hover:sm:uikit-text-white": e.small && (u.value || 0) < r.value,
209
- "uikit-rounded-xs": e.small && e.nextLabel
210
- }]
211
- }, e.linkProps), {
212
- default: f(() => [
213
- e.small && e.nextLabel ? (a(), o("span", W, x(e.nextLabel), 1)) : k("", !0),
214
- $(p(B), {
215
- "stroke-color": (u.value || 0) === r.value ? "#8996A9" : e.arrowColor,
216
- width: 20,
217
- height: 11,
218
- class: "uikit-inline-block -uikit-rotate-90"
219
- }, null, 8, ["stroke-color"])
220
- ]),
221
- _: 1
222
- }, 16, ["href", "to", "class"]))
223
- ], 8, K)
224
- ])) : k("", !0)
225
- ]));
226
- }
1
+ import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
2
+ import { ArrowIcon as v } from "@wikicasa-dev/svg-icons";
3
+ //#region lib/UIKit/BasePagination.vue?vue&type=script&setup=true&lang.ts
4
+ var y = {
5
+ "aria-label": "Page navigation",
6
+ class: "uikit-overflow-auto"
7
+ }, b = {
8
+ key: 0,
9
+ class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
10
+ }, x = ["data-cy"], S = {
11
+ key: 0,
12
+ class: "uikit-mx-10px uikit-select-none"
13
+ }, C = {
14
+ key: 1,
15
+ class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
16
+ }, w = ["onClick"], T = ["onClick"], E = {
17
+ key: 0,
18
+ class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
19
+ }, D = ["data-cy"], O = {
20
+ key: 0,
21
+ class: "uikit-mx-10px uikit-select-none"
22
+ }, k = /*@__PURE__*/ c({
23
+ __name: "BasePagination",
24
+ props: /*@__PURE__*/ l({
25
+ count: { default: 0 },
26
+ limit: { default: 25 },
27
+ siblings: { default: 3 },
28
+ additionalCount: { default: 0 },
29
+ arrowColor: { default: "#2B5DFF" },
30
+ small: {
31
+ type: Boolean,
32
+ default: !1
33
+ },
34
+ prevLabel: { default: "" },
35
+ nextLabel: { default: "" },
36
+ prevDataCy: {},
37
+ nextDataCy: {},
38
+ linkProps: {},
39
+ linkTag: { default: "a" },
40
+ baseUrl: {},
41
+ pageQueryParameter: { default: "p" },
42
+ formatter: { type: Function }
43
+ }, {
44
+ pageNumber: { default: 1 },
45
+ pageNumberModifiers: {}
46
+ }),
47
+ emits: ["update:pageNumber"],
48
+ setup(c) {
49
+ let l = g(c, "pageNumber"), k = t(() => (l.value || 1) + 1), A = t(() => (l.value || 1) - 1), j = t(() => c.baseUrl ? c.linkTag : "span"), M = t(() => Math.ceil((c.count + c.additionalCount) / c.limit)), N = (e = 1) => e < 1, P = (e = 1) => e === M.value, F = t(() => (l.value || 0) > c.siblings + 2), I = t(() => (l.value || 0) < M.value - c.siblings - 1), L = t(() => {
50
+ let e = l.value || 0, t = 0;
51
+ for (let n = e; n > 2 && t < c.siblings; n--) t++;
52
+ return t;
53
+ }), R = t(() => {
54
+ let e = l.value || 0, t = 0;
55
+ for (let n = e; n < M.value - 1 && t < c.siblings; n++) t++;
56
+ return t;
57
+ }), z = t(() => {
58
+ let e = L.value + Math.abs(R.value - c.siblings) + (/* @__PURE__ */ new Number(!I.value)).valueOf() + (/* @__PURE__ */ new Number(l.value === M.value)).valueOf(), t = Math.max((l.value || 0) - e, 2), n = [];
59
+ for (; t < (l.value || 0); t++) n.push(t);
60
+ return n;
61
+ }), B = t(() => {
62
+ let e = R.value + Math.abs(L.value - c.siblings) + (/* @__PURE__ */ new Number(!F.value)).valueOf() + (/* @__PURE__ */ new Number(l.value === 1)).valueOf(), t = Math.min(l.value || 0, M.value - 1), n = [];
63
+ for (; t < Math.min((l.value || 0) + e, M.value - 1); t++) n.push(t + 1);
64
+ return n;
65
+ }), V = (e) => {
66
+ e < 1 || e > M.value || setTimeout(() => {
67
+ l.value = e;
68
+ });
69
+ }, H = (e = 1) => {
70
+ if (c.baseUrl) try {
71
+ let t = new URL(c.baseUrl);
72
+ return e <= 1 ? (t.searchParams.delete(c.pageQueryParameter), `${t.pathname}${t.search}${t.hash}`) : (t.searchParams.set(c.pageQueryParameter, `${e}`), `${t.pathname}${t.search}${t.hash}`);
73
+ } catch (e) {
74
+ console.error(e);
75
+ return;
76
+ }
77
+ };
78
+ return (t, g) => (d(), i("nav", y, [c.count > 0 ? (d(), i("ul", b, [
79
+ a("li", {
80
+ "data-cy": c.prevDataCy,
81
+ onClick: g[0] ||= (e) => V(A.value)
82
+ }, [(d(), n(p(N(A.value) ? "span" : j.value), u({
83
+ href: H(A.value),
84
+ to: H(A.value),
85
+ class: ["arrow-button prev-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
86
+ "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": l.value !== 1,
87
+ "active:max-sm:uikit-text-white hover:sm:uikit-text-white": c.small && l.value !== 1,
88
+ "uikit-rounded-xs": c.small && c.prevLabel
89
+ }]
90
+ }, c.linkProps), {
91
+ default: _(() => [s(h(v), {
92
+ width: 20,
93
+ height: 11,
94
+ "stroke-color": l.value === 1 ? "#8996A9" : c.arrowColor,
95
+ class: "uikit-inline-block uikit-rotate-90"
96
+ }, null, 8, ["stroke-color"]), c.small && c.prevLabel ? (d(), i("span", S, m(c.prevLabel), 1)) : r("", !0)]),
97
+ _: 1
98
+ }, 16, [
99
+ "href",
100
+ "to",
101
+ "class"
102
+ ]))], 8, x),
103
+ c.small ? r("", !0) : (d(), i(e, { key: 0 }, [
104
+ (l.value || 0) > 1 ? (d(), i("li", {
105
+ key: 0,
106
+ onClick: g[1] ||= (e) => V(1)
107
+ }, [(d(), n(p(j.value), u({
108
+ href: H(1),
109
+ to: H(1),
110
+ class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
111
+ }, c.linkProps), {
112
+ default: _(() => [...g[4] ||= [o(" 1 ", -1)]]),
113
+ _: 1
114
+ }, 16, ["href", "to"]))])) : r("", !0),
115
+ F.value ? (d(), i("li", C, " ... ")) : r("", !0),
116
+ (d(!0), i(e, null, f(z.value, (e) => (d(), i("li", {
117
+ key: e,
118
+ onClick: (t) => V(e)
119
+ }, [(d(), n(p(j.value), u({
120
+ href: H(e),
121
+ to: H(e),
122
+ class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
123
+ }, { ref_for: !0 }, c.linkProps), {
124
+ default: _(() => [o(m(c.formatter ? c.formatter(e) : e), 1)]),
125
+ _: 2
126
+ }, 1040, ["href", "to"]))], 8, w))), 128))
127
+ ], 64)),
128
+ a("li", null, [(d(), n(p(j.value), u({
129
+ href: H(l.value),
130
+ to: H(l.value),
131
+ class: ["selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline", { "uikit-bg-w-primary uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white": !c.small }]
132
+ }, c.linkProps), {
133
+ default: _(() => [o(m(c.formatter ? c.formatter(l.value) : l.value), 1)]),
134
+ _: 1
135
+ }, 16, [
136
+ "href",
137
+ "to",
138
+ "class"
139
+ ]))]),
140
+ c.small ? r("", !0) : (d(), i(e, { key: 1 }, [
141
+ (d(!0), i(e, null, f(B.value, (e) => (d(), i("li", {
142
+ key: e,
143
+ onClick: (t) => V(e)
144
+ }, [(d(), n(p(j.value), u({
145
+ href: H(e),
146
+ to: H(e),
147
+ class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-text-w-black uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
148
+ }, { ref_for: !0 }, c.linkProps), {
149
+ default: _(() => [o(m(c.formatter ? c.formatter(e) : e), 1)]),
150
+ _: 2
151
+ }, 1040, ["href", "to"]))], 8, T))), 128)),
152
+ I.value ? (d(), i("li", E, " ... ")) : r("", !0),
153
+ (l.value || 0) < M.value ? (d(), i("li", {
154
+ key: 1,
155
+ onClick: g[2] ||= (e) => V(M.value)
156
+ }, [(d(), n(p(j.value), u({
157
+ href: H(M.value),
158
+ to: H(M.value),
159
+ class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-select-none uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px uikit-no-underline hover:uikit-bg-w-primary hover:uikit-text-white"
160
+ }, c.linkProps), {
161
+ default: _(() => [o(m(c.formatter ? c.formatter(M.value) : M.value), 1)]),
162
+ _: 1
163
+ }, 16, ["href", "to"]))])) : r("", !0)
164
+ ], 64)),
165
+ a("li", {
166
+ "data-cy": c.nextDataCy,
167
+ onClick: g[3] ||= (e) => V(k.value)
168
+ }, [(d(), n(p(P(l.value) ? "span" : j.value), u({
169
+ href: H(k.value),
170
+ to: H(k.value),
171
+ class: ["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
172
+ "uikit-cursor-pointer active:max-sm:uikit-bg-w-primary hover:sm:uikit-bg-w-primary [&_svg]:active:max-sm:uikit-brightness-0 [&_svg]:active:max-sm:uikit-invert [&_svg]:hover:sm:uikit-brightness-0 [&_svg]:hover:sm:uikit-invert": (l.value || 0) < M.value,
173
+ "active:max-sm:uikit-text-white hover:sm:uikit-text-white": c.small && (l.value || 0) < M.value,
174
+ "uikit-rounded-xs": c.small && c.nextLabel
175
+ }]
176
+ }, c.linkProps), {
177
+ default: _(() => [c.small && c.nextLabel ? (d(), i("span", O, m(c.nextLabel), 1)) : r("", !0), s(h(v), {
178
+ "stroke-color": (l.value || 0) === M.value ? "#8996A9" : c.arrowColor,
179
+ width: 20,
180
+ height: 11,
181
+ class: "uikit-inline-block -uikit-rotate-90"
182
+ }, null, 8, ["stroke-color"])]),
183
+ _: 1
184
+ }, 16, [
185
+ "href",
186
+ "to",
187
+ "class"
188
+ ]))], 8, D)
189
+ ])) : r("", !0)]));
190
+ }
227
191
  });
228
- export {
229
- Z as default
230
- };
192
+ //#endregion
193
+ export { k as default };
@@ -1,4 +1,5 @@
1
- import f from "./SelectItem.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./SelectItem.vue.js";
2
+ //#region lib/UIKit/BaseSelect/SelectItem.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,42 +1,35 @@
1
- import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, openBlock as r, createElementBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
2
- const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
3
- __name: "SelectItem",
4
- props: {
5
- label: { default: "" },
6
- active: { type: Boolean, default: !1 },
7
- idx: { default: -1 }
8
- },
9
- emits: ["click", "mouseover"],
10
- setup(t, { emit: o }) {
11
- const a = o, i = t, n = c("liItem");
12
- return d(
13
- () => i.active,
14
- (e) => {
15
- e && m(() => {
16
- n.value && n.value.focus();
17
- });
18
- },
19
- { immediate: !0 }
20
- ), (e, l) => (r(), f("li", {
21
- ref: "liItem",
22
- class: v(["uikit-list-none uikit-text-w-black", [
23
- { "active uikit-bg-w-cultured": t.active },
24
- "uikit-outline-none",
25
- e.$attrs.class
26
- ]]),
27
- "data-active": t.active,
28
- tabindex: e.$attrs.tabindex ?? -1,
29
- onClick: l[0] || (l[0] = (s) => a("click", i.idx)),
30
- onMouseover: l[1] || (l[1] = (s) => a("mouseover", i.idx))
31
- }, [
32
- k(e.$slots, "default", { itemIdx: t.idx }, () => [
33
- x("span", {
34
- innerHTML: i.label
35
- }, null, 8, p)
36
- ])
37
- ], 42, b));
38
- }
1
+ import { createElementBlock as e, createElementVNode as t, defineComponent as n, nextTick as r, normalizeClass as i, openBlock as a, renderSlot as o, useTemplateRef as s, watch as c } from "vue";
2
+ //#region lib/UIKit/BaseSelect/SelectItem.vue?vue&type=script&setup=true&lang.ts
3
+ var l = ["data-active", "tabindex"], u = ["innerHTML"], d = /*@__PURE__*/ n({
4
+ __name: "SelectItem",
5
+ props: {
6
+ label: { default: "" },
7
+ active: {
8
+ type: Boolean,
9
+ default: !1
10
+ },
11
+ idx: { default: -1 }
12
+ },
13
+ emits: ["click", "mouseover"],
14
+ setup(n, { emit: d }) {
15
+ let f = d, p = n, m = s("liItem");
16
+ return c(() => p.active, (e) => {
17
+ e && r(() => {
18
+ m.value && m.value.focus();
19
+ });
20
+ }, { immediate: !0 }), (r, s) => (a(), e("li", {
21
+ ref: "liItem",
22
+ class: i(["uikit-list-none uikit-text-w-black", [
23
+ { "active uikit-bg-w-cultured": n.active },
24
+ "uikit-outline-none",
25
+ r.$attrs.class
26
+ ]]),
27
+ "data-active": n.active,
28
+ tabindex: r.$attrs.tabindex ?? -1,
29
+ onClick: s[0] ||= (e) => f("click", p.idx),
30
+ onMouseover: s[1] ||= (e) => f("mouseover", p.idx)
31
+ }, [o(r.$slots, "default", { itemIdx: n.idx }, () => [t("span", { innerHTML: p.label }, null, 8, u)])], 42, l));
32
+ }
39
33
  });
40
- export {
41
- $ as default
42
- };
34
+ //#endregion
35
+ export { d as default };
@@ -1,7 +1,6 @@
1
- import o from "./BaseSlider.vue.js";
2
- import '../assets/BaseSlider2.css';/* empty css */
3
- import r from "../_virtual/_plugin-vue_export-helper.js";
4
- const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-581ec7f4"]]);
5
- export {
6
- f as default
7
- };
1
+ import e from "../_virtual/_plugin-vue_export-helper.js";
2
+ import t from "./BaseSlider.vue.js";
3
+ //#region lib/UIKit/BaseSlider.vue
4
+ var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-eb8b2f21"]]);
5
+ //#endregion
6
+ export { n as default };