@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,147 +1,145 @@
1
- import { defineComponent as b, useModel as w, ref as I, watch as y, nextTick as $, openBlock as u, createBlock as r, unref as i, withCtx as a, renderSlot as d, createVNode as n, normalizeClass as k, createCommentVNode as p, normalizeStyle as x, mergeModels as B } from "vue";
2
- import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
3
- import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
4
- const q = /* @__PURE__ */ b({
5
- inheritAttrs: !1,
6
- __name: "BaseSnackbar",
7
- props: /* @__PURE__ */ B({
8
- alertClass: { default: "primary" },
9
- duration: { default: 3e3 },
10
- swipeDirection: { default: "left" },
11
- to: { type: [String, Boolean], default: "body" },
12
- dataCy: { default: "" },
13
- withCloseIcon: { type: Boolean, default: !0 },
14
- closeClasses: {},
15
- viewportClasses: { default: "" },
16
- type: { default: "foreground" }
17
- }, {
18
- open: { type: Boolean, default: !1 },
19
- openModifiers: {},
20
- refresh: { type: Boolean, default: !1 },
21
- refreshModifiers: {}
22
- }),
23
- emits: ["update:open", "update:refresh"],
24
- setup(e) {
25
- const l = w(e, "open"), v = w(e, "refresh"), o = I(0);
26
- let c, m;
27
- const C = (t = 3e3) => {
28
- o.value = 0;
29
- const s = Date.now();
30
- m = setInterval(() => {
31
- const g = Date.now() - s;
32
- o.value = Math.min(100, g / t * 100), o.value >= 100 && clearInterval(m);
33
- }, 30);
34
- }, T = () => {
35
- clearTimeout(c), c = setTimeout(() => {
36
- l.value = !1;
37
- }, e.duration), C(e.duration);
38
- };
39
- return y(
40
- l,
41
- (t) => {
42
- $(() => {
43
- if (t) {
44
- T();
45
- return;
46
- }
47
- clearInterval(m), clearTimeout(c), o.value = 0;
48
- });
49
- },
50
- { immediate: !0 }
51
- ), y(v, (t) => {
52
- t && (l.value = !1, setTimeout(() => {
53
- l.value = !0, v.value = !1;
54
- }));
55
- }), (t, s) => (u(), r(i(D), { "swipe-direction": e.swipeDirection }, {
56
- default: a(() => [
57
- d(t.$slots, "trigger", {
58
- open: () => l.value = !0
59
- }),
60
- n(i(M), {
61
- open: l.value,
62
- "onUpdate:open": s[1] || (s[1] = (f) => l.value = f),
63
- duration: e.duration,
64
- class: k(["uikit-toast-root uikit-relative uikit-box-border uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${e.alertClass}`, t.$attrs.class]]),
65
- "data-cy": e.dataCy,
66
- type: e.type
67
- }, {
68
- default: a(() => [
69
- t.$slots.title ? (u(), r(i(P), {
70
- key: 0,
71
- "as-child": ""
72
- }, {
73
- default: a(() => [
74
- d(t.$slots, "title")
75
- ]),
76
- _: 3
77
- })) : p("", !0),
78
- n(i(z), { "as-child": "" }, {
79
- default: a(() => [
80
- d(t.$slots, "default")
81
- ]),
82
- _: 3
83
- }),
84
- e.withCloseIcon ? (u(), r(i(S), {
85
- key: 1,
86
- class: k(["uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]", e.closeClasses]),
87
- "data-cy": "base-snackbar-close-btn"
88
- }, {
89
- default: a(() => [
90
- d(t.$slots, "toast-close", {}, () => [
91
- n(i(V), {
92
- width: 12,
93
- height: 12,
94
- "stroke-color": "#fff"
95
- })
96
- ])
97
- ]),
98
- _: 3
99
- }, 8, ["class"])) : p("", !0),
100
- t.$slots["toast-action"] ? (u(), r(i(A), {
101
- key: 2,
102
- "as-child": "",
103
- "alt-text": "Goto schedule to undo"
104
- }, {
105
- default: a(() => [
106
- d(t.$slots, "toast-action")
107
- ]),
108
- _: 3
109
- })) : p("", !0),
110
- n(i(N), {
111
- modelValue: o.value,
112
- "onUpdate:modelValue": s[0] || (s[0] = (f) => o.value = f),
113
- class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
114
- }, {
115
- default: a(() => [
116
- n(i(R), {
117
- class: "uikit-alert-progress-indicator uikit-relative uikit-block uikit-size-full uikit-transition-transform uikit-duration-75 uikit-will-change-transform",
118
- style: x(`transform: translateX(-${100 - o.value}%)`)
119
- }, null, 8, ["style"])
120
- ]),
121
- _: 1
122
- }, 8, ["modelValue"])
123
- ]),
124
- _: 3
125
- }, 8, ["open", "duration", "class", "data-cy", "type"]),
126
- e.to ? (u(), r(i(U), {
127
- key: 0,
128
- to: e.to
129
- }, {
130
- default: a(() => [
131
- n(i(h), {
132
- class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
133
- }, null, 8, ["class"])
134
- ]),
135
- _: 1
136
- }, 8, ["to"])) : (u(), r(i(h), {
137
- key: 1,
138
- class: k(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", e.viewportClasses])
139
- }, null, 8, ["class"]))
140
- ]),
141
- _: 3
142
- }, 8, ["swipe-direction"]));
143
- }
1
+ import { createBlock as e, createCommentVNode as t, createVNode as n, defineComponent as r, mergeModels as i, nextTick as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, renderSlot as u, unref as d, useModel as f, watch as p, withCtx as m } from "vue";
2
+ import { ProgressIndicator as h, ProgressRoot as g, ToastAction as _, ToastClose as v, ToastDescription as y, ToastPortal as b, ToastProvider as x, ToastRoot as S, ToastTitle as C, ToastViewport as w } from "reka-ui";
3
+ import { CloseIcon as T } from "@wikicasa-dev/svg-icons";
4
+ import '../assets/BaseSnackbar.css';//#region lib/UIKit/BaseSnackbar.vue?vue&type=script&setup=true&lang.ts
5
+ var E = /*@__PURE__*/ r({
6
+ inheritAttrs: !1,
7
+ __name: "BaseSnackbar",
8
+ props: /*@__PURE__*/ i({
9
+ alertClass: { default: "primary" },
10
+ duration: { default: 3e3 },
11
+ swipeDirection: { default: "left" },
12
+ to: {
13
+ type: [String, Boolean],
14
+ default: "body"
15
+ },
16
+ dataCy: { default: "" },
17
+ withCloseIcon: {
18
+ type: Boolean,
19
+ default: !0
20
+ },
21
+ closeClasses: {},
22
+ viewportClasses: { default: "" },
23
+ type: { default: "foreground" }
24
+ }, {
25
+ open: {
26
+ type: Boolean,
27
+ default: !1
28
+ },
29
+ openModifiers: {},
30
+ refresh: {
31
+ type: Boolean,
32
+ default: !1
33
+ },
34
+ refreshModifiers: {}
35
+ }),
36
+ emits: ["update:open", "update:refresh"],
37
+ setup(r) {
38
+ let i = f(r, "open"), E = f(r, "refresh"), D = l(0), O, k, A = (e = 3e3) => {
39
+ D.value = 0;
40
+ let t = Date.now();
41
+ k = setInterval(() => {
42
+ let n = Date.now() - t;
43
+ D.value = Math.min(100, n / e * 100), D.value >= 100 && clearInterval(k);
44
+ }, 30);
45
+ }, j = () => {
46
+ clearTimeout(O), O = setTimeout(() => {
47
+ i.value = !1;
48
+ }, r.duration), A(r.duration);
49
+ };
50
+ return p(i, (e) => {
51
+ a(() => {
52
+ if (e) {
53
+ j();
54
+ return;
55
+ }
56
+ clearInterval(k), clearTimeout(O), D.value = 0;
57
+ });
58
+ }, { immediate: !0 }), p(E, (e) => {
59
+ e && (i.value = !1, setTimeout(() => {
60
+ i.value = !0, E.value = !1;
61
+ }));
62
+ }), (a, l) => (c(), e(d(x), { "swipe-direction": r.swipeDirection }, {
63
+ default: m(() => [
64
+ u(a.$slots, "trigger", { open: () => i.value = !0 }),
65
+ n(d(S), {
66
+ open: i.value,
67
+ "onUpdate:open": l[1] ||= (e) => i.value = e,
68
+ duration: r.duration,
69
+ class: o(["uikit-toast-root uikit-relative uikit-box-border uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", [
70
+ "uikit-alert",
71
+ `uikit-alert-w-${r.alertClass}`,
72
+ a.$attrs.class
73
+ ]]),
74
+ "data-cy": r.dataCy,
75
+ type: r.type
76
+ }, {
77
+ default: m(() => [
78
+ a.$slots.title ? (c(), e(d(C), {
79
+ key: 0,
80
+ "as-child": ""
81
+ }, {
82
+ default: m(() => [u(a.$slots, "title")]),
83
+ _: 3
84
+ })) : t("", !0),
85
+ n(d(y), { "as-child": "" }, {
86
+ default: m(() => [u(a.$slots, "default")]),
87
+ _: 3
88
+ }),
89
+ r.withCloseIcon ? (c(), e(d(v), {
90
+ key: 1,
91
+ class: o(["uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]", r.closeClasses]),
92
+ "data-cy": "base-snackbar-close-btn"
93
+ }, {
94
+ default: m(() => [u(a.$slots, "toast-close", {}, () => [n(d(T), {
95
+ width: 12,
96
+ height: 12,
97
+ "stroke-color": "#fff"
98
+ })])]),
99
+ _: 3
100
+ }, 8, ["class"])) : t("", !0),
101
+ a.$slots["toast-action"] ? (c(), e(d(_), {
102
+ key: 2,
103
+ "as-child": "",
104
+ "alt-text": "Goto schedule to undo"
105
+ }, {
106
+ default: m(() => [u(a.$slots, "toast-action")]),
107
+ _: 3
108
+ })) : t("", !0),
109
+ n(d(g), {
110
+ modelValue: D.value,
111
+ "onUpdate:modelValue": l[0] ||= (e) => D.value = e,
112
+ class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
113
+ }, {
114
+ default: m(() => [n(d(h), {
115
+ class: "uikit-alert-progress-indicator uikit-relative uikit-block uikit-size-full uikit-transition-transform uikit-duration-75 uikit-will-change-transform",
116
+ style: s(`transform: translateX(-${100 - D.value}%)`)
117
+ }, null, 8, ["style"])]),
118
+ _: 1
119
+ }, 8, ["modelValue"])
120
+ ]),
121
+ _: 3
122
+ }, 8, [
123
+ "open",
124
+ "duration",
125
+ "class",
126
+ "data-cy",
127
+ "type"
128
+ ]),
129
+ r.to ? (c(), e(d(b), {
130
+ key: 0,
131
+ to: r.to
132
+ }, {
133
+ default: m(() => [n(d(w), { class: o(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", r.viewportClasses]) }, null, 8, ["class"])]),
134
+ _: 1
135
+ }, 8, ["to"])) : (c(), e(d(w), {
136
+ key: 1,
137
+ class: o(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", r.viewportClasses])
138
+ }, null, 8, ["class"]))
139
+ ]),
140
+ _: 3
141
+ }, 8, ["swipe-direction"]));
142
+ }
144
143
  });
145
- export {
146
- q as default
147
- };
144
+ //#endregion
145
+ export { E as default };
@@ -1,7 +1,6 @@
1
- import a from "./BaseTextarea.vue.js";
2
- import '../assets/BaseTextarea2.css';/* empty css */
3
1
  import e from "../_virtual/_plugin-vue_export-helper.js";
4
- const m = /* @__PURE__ */ e(a, [["__scopeId", "data-v-879eea8a"]]);
5
- export {
6
- m as default
7
- };
2
+ import t from "./BaseTextarea.vue.js";
3
+ //#region lib/UIKit/BaseTextarea.vue
4
+ var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-879eea8a"]]);
5
+ //#endregion
6
+ export { n as default };
@@ -1,127 +1,119 @@
1
- import { defineComponent as T, useModel as h, ref as $, watch as L, openBlock as b, createElementBlock as f, normalizeClass as s, createElementVNode as r, unref as u, withModifiers as o, createCommentVNode as c, createVNode as M, mergeModels as v, nextTick as C } from "vue";
2
- import F from "./BaseFloatingLabel.js";
3
- import { useFloatingLabel as B } from "../composables/useFloatingLabel.js";
4
- const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], E = {
5
- key: 0,
6
- class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
7
- }, H = ["innerHTML"], q = ["innerHTML"], S = /* @__PURE__ */ T({
8
- inheritAttrs: !1,
9
- __name: "BaseTextarea",
10
- props: /* @__PURE__ */ v({
11
- labelText: { default: "" },
12
- feedback: {},
13
- isValid: { type: [Boolean, null], default: null },
14
- resize: { type: Boolean, default: !1 },
15
- labelClasses: {}
16
- }, {
17
- modelValue: { default: "" },
18
- modelModifiers: {}
19
- }),
20
- emits: /* @__PURE__ */ v(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
21
- setup(e, { expose: m, emit: x }) {
22
- const n = h(e, "modelValue"), k = x, {
23
- labelState: a,
24
- handleFocusIn: w,
25
- handleFocusOut: y,
26
- setFloatingLabel: g,
27
- setInlineLabel: p
28
- } = B(k), t = $(null);
29
- L(
30
- n,
31
- (i) => {
32
- `${i}`.length && a.value !== "floating-label" ? g() : !i?.length && a.value !== "inline-label" && document.activeElement !== t.value && p();
33
- },
34
- { immediate: !0 }
35
- );
36
- const V = ({ target: i }) => {
37
- n.value = i.value;
38
- };
39
- return m({
40
- disableTextarea: () => {
41
- t.value && (t.value.setAttribute("readonly", "readonly"), t.value.classList.add("disabled"));
42
- },
43
- clearTextareaElem: () => {
44
- t.value && (t.value.value = "");
45
- },
46
- focusDisabledTextarea: () => {
47
- t.value && (t.value.removeAttribute("readonly"), t.value.classList.remove("disabled"), C(() => {
48
- t.value && t.value.focus();
49
- }));
50
- }
51
- }), (i, l) => (b(), f("div", {
52
- class: s(i.$attrs["wrapper-classes"])
53
- }, [
54
- r("div", {
55
- class: s(["input-wrapper uikit-relative uikit-rounded-xs uikit-px-0", [
56
- u(a) === "floating-label" ? "floating-state" : "inline-state"
57
- ]])
58
- }, [
59
- r("textarea", {
60
- id: i.$attrs.id,
61
- ref_key: "textarea",
62
- ref: t,
63
- "data-cy": i.$attrs["data-cy"],
64
- class: s(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-z-20 uikit-mb-10px uikit-mt-15px uikit-w-[calc(100%-1px)] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-transparent uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-outline-none", [
65
- { "is-invalid invalid-bg !uikit-pr-10": e.isValid === !1 },
66
- { "is-valid valid-bg !uikit-pr-10": e.isValid },
67
- { "uikit-resize-none": !e.resize },
68
- i.$attrs.class
69
- ]]),
70
- rows: i.$attrs.rows,
71
- disabled: i.$attrs.disabled,
72
- "aria-labelledby": i.$attrs.id,
73
- readonly: i.$attrs.readonly,
74
- onFocusin: l[0] || (l[0] = o((d) => u(w)(), ["stop"])),
75
- onFocusout: l[1] || (l[1] = o((d) => u(y)(`${n.value}`.trim()), ["stop"])),
76
- onInput: o(V, ["stop"]),
77
- onKeydown: l[2] || (l[2] = o((d) => k("keydown", d), ["stop"])),
78
- onClick: l[3] || (l[3] = (d) => k("click", d)),
79
- value: n.value
80
- }, null, 42, z),
81
- r("fieldset", {
82
- class: s(["uikit-pointer-events-none uikit-absolute -uikit-top-0 uikit-bottom-[3px] uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-p-0 uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary peer-disabled/fieldset:uikit-bg-w-cultured peer-[&.disabled]/fieldset:uikit-bg-w-cultured peer-focus/fieldset:[&.is-invalid]:uikit-border-w-danger", [
83
- { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
84
- { "uikit-border-w-danger": e.isValid === !1 },
85
- { "uikit-border-w-primary": e.isValid },
86
- { "uikit-border-w-secondary": e.isValid === null }
87
- ]])
88
- }, [
89
- e.labelText ? (b(), f("legend", E, [
90
- r("span", {
91
- class: s(["uikit-px-5px uikit-opacity-0", [
92
- {
93
- "uikit-visible uikit-inline-block": u(a) === "floating-label"
94
- },
95
- {
96
- "uikit-invisible uikit-hidden": u(a) === "inline-label"
97
- }
98
- ]]),
99
- innerHTML: e.labelText
100
- }, null, 10, H)
101
- ])) : c("", !0)
102
- ], 2),
103
- M(F, {
104
- for: i.$attrs.id,
105
- "label-text": e.labelText,
106
- "label-state": u(a),
107
- required: i.$attrs.required,
108
- "is-valid": e.isValid,
109
- "label-classes": [
110
- u(a) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
111
- e.labelClasses
112
- ]
113
- }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
114
- ], 2),
115
- (e.isValid || e.isValid === !1) && e.feedback ? (b(), f("div", {
116
- key: 0,
117
- class: s(
118
- e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
119
- ),
120
- innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
121
- }, null, 10, q)) : c("", !0)
122
- ], 2));
123
- }
1
+ import e from "./BaseFloatingLabel.js";
2
+ import { useFloatingLabel as t } from "../composables/useFloatingLabel.js";
3
+ import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, nextTick as c, normalizeClass as l, openBlock as u, ref as d, unref as f, useModel as p, watch as m, withModifiers as h } from "vue";
4
+ import '../assets/BaseTextarea2.css';//#region lib/UIKit/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
5
+ var g = [
6
+ "id",
7
+ "data-cy",
8
+ "rows",
9
+ "disabled",
10
+ "aria-labelledby",
11
+ "readonly",
12
+ "value"
13
+ ], _ = {
14
+ key: 0,
15
+ class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
16
+ }, v = ["innerHTML"], y = ["innerHTML"], b = /*@__PURE__*/ o({
17
+ inheritAttrs: !1,
18
+ __name: "BaseTextarea",
19
+ props: /*@__PURE__*/ s({
20
+ labelText: { default: "" },
21
+ feedback: {},
22
+ isValid: {
23
+ type: [Boolean, null],
24
+ default: null
25
+ },
26
+ resize: {
27
+ type: Boolean,
28
+ default: !1
29
+ },
30
+ labelClasses: {}
31
+ }, {
32
+ modelValue: { default: "" },
33
+ modelModifiers: {}
34
+ }),
35
+ emits: /*@__PURE__*/ s([
36
+ "focusin",
37
+ "focusout",
38
+ "click",
39
+ "keydown"
40
+ ], ["update:modelValue"]),
41
+ setup(o, { expose: s, emit: b }) {
42
+ let x = p(o, "modelValue"), S = b, { labelState: C, handleFocusIn: w, handleFocusOut: T, setFloatingLabel: E, setInlineLabel: D } = t(S), O = d(null);
43
+ m(x, (e) => {
44
+ `${e}`.length && C.value !== "floating-label" ? E() : !e?.length && C.value !== "inline-label" && document.activeElement !== O.value && D();
45
+ }, { immediate: !0 });
46
+ let k = ({ target: e }) => {
47
+ x.value = e.value;
48
+ };
49
+ return s({
50
+ disableTextarea: () => {
51
+ O.value && (O.value.setAttribute("readonly", "readonly"), O.value.classList.add("disabled"));
52
+ },
53
+ clearTextareaElem: () => {
54
+ O.value && (O.value.value = "");
55
+ },
56
+ focusDisabledTextarea: () => {
57
+ O.value && (O.value.removeAttribute("readonly"), O.value.classList.remove("disabled"), c(() => {
58
+ O.value && O.value.focus();
59
+ }));
60
+ }
61
+ }), (t, s) => (u(), r("div", { class: l(t.$attrs["wrapper-classes"]) }, [i("div", { class: l(["input-wrapper uikit-relative uikit-rounded-xs uikit-px-0", [f(C) === "floating-label" ? "floating-state" : "inline-state"]]) }, [
62
+ i("textarea", {
63
+ id: t.$attrs.id,
64
+ ref_key: "textarea",
65
+ ref: O,
66
+ "data-cy": t.$attrs["data-cy"],
67
+ class: l(["textarea-scrollbar uikit-peer/fieldset uikit-relative uikit-z-20 uikit-mb-10px uikit-mt-15px uikit-w-[calc(100%-1px)] uikit-overflow-y-auto uikit-whitespace-pre-wrap uikit-rounded-xs uikit-border-0 uikit-bg-transparent uikit-bg-no-repeat uikit-px-15px uikit-pb-[8px] uikit-outline-none", [
68
+ { "is-invalid invalid-bg !uikit-pr-10": o.isValid === !1 },
69
+ { "is-valid valid-bg !uikit-pr-10": o.isValid },
70
+ { "uikit-resize-none": !o.resize },
71
+ t.$attrs.class
72
+ ]]),
73
+ rows: t.$attrs.rows,
74
+ disabled: t.$attrs.disabled,
75
+ "aria-labelledby": t.$attrs.id,
76
+ readonly: t.$attrs.readonly,
77
+ onFocusin: s[0] ||= h((e) => f(w)(), ["stop"]),
78
+ onFocusout: s[1] ||= h((e) => f(T)(`${x.value}`.trim()), ["stop"]),
79
+ onInput: h(k, ["stop"]),
80
+ onKeydown: s[2] ||= h((e) => S("keydown", e), ["stop"]),
81
+ onClick: s[3] ||= (e) => S("click", e),
82
+ value: x.value
83
+ }, null, 42, g),
84
+ i("fieldset", { class: l(["uikit-pointer-events-none uikit-absolute -uikit-top-0 uikit-bottom-[3px] uikit-left-0 uikit-right-0 uikit-m-0 uikit-min-w-0 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-bg-white uikit-p-0 uikit-px-2 uikit-text-start uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus/fieldset:uikit-border-2 peer-focus/fieldset:uikit-border-w-primary peer-disabled/fieldset:uikit-bg-w-cultured peer-[&.disabled]/fieldset:uikit-bg-w-cultured peer-focus/fieldset:[&.is-invalid]:uikit-border-w-danger", [
85
+ {
86
+ "is-invalid": o.isValid === !1,
87
+ "is-valid": o.isValid
88
+ },
89
+ { "uikit-border-w-danger": o.isValid === !1 },
90
+ { "uikit-border-w-primary": o.isValid },
91
+ { "uikit-border-w-secondary": o.isValid === null }
92
+ ]]) }, [o.labelText ? (u(), r("legend", _, [i("span", {
93
+ class: l(["uikit-px-5px uikit-opacity-0", [{ "uikit-visible uikit-inline-block": f(C) === "floating-label" }, { "uikit-invisible uikit-hidden": f(C) === "inline-label" }]]),
94
+ innerHTML: o.labelText
95
+ }, null, 10, v)])) : n("", !0)], 2),
96
+ a(e, {
97
+ for: t.$attrs.id,
98
+ "label-text": o.labelText,
99
+ "label-state": f(C),
100
+ required: t.$attrs.required,
101
+ "is-valid": o.isValid,
102
+ "label-classes": [f(C) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4", o.labelClasses]
103
+ }, null, 8, [
104
+ "for",
105
+ "label-text",
106
+ "label-state",
107
+ "required",
108
+ "is-valid",
109
+ "label-classes"
110
+ ])
111
+ ], 2), (o.isValid || o.isValid === !1) && o.feedback ? (u(), r("div", {
112
+ key: 0,
113
+ class: l(o.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"),
114
+ innerHTML: o.isValid === !1 ? o.feedback.invalid : o.feedback.valid
115
+ }, null, 10, y)) : n("", !0)], 2));
116
+ }
124
117
  });
125
- export {
126
- S as default
127
- };
118
+ //#endregion
119
+ export { b as default };
@@ -1,4 +1,5 @@
1
- import f from "./BaseToggle.vue.js";
2
- export {
3
- f as default
4
- };
1
+ import e from "./BaseToggle.vue.js";
2
+ //#region lib/UIKit/BaseToggle.vue
3
+ var t = e;
4
+ //#endregion
5
+ export { t as default };