@wikicasa-dev/components 2.2.9-alpha.32 → 2.2.9-alpha.35

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 (107) hide show
  1. package/dist/Swiper/autoplay.js +3 -4
  2. package/dist/Swiper/controller.js +1 -2
  3. package/dist/Swiper/free-mode.js +3 -4
  4. package/dist/Swiper/keyboard.js +3 -4
  5. package/dist/Swiper/navigation.js +3 -4
  6. package/dist/Swiper/pagination.js +3 -4
  7. package/dist/Swiper/thumbs.js +3 -4
  8. package/dist/UIKit/AccessibleSelect.js +2 -3
  9. package/dist/UIKit/Accordion/BaseAccordion.js +1 -1
  10. package/dist/UIKit/Accordion/BaseAccordionBtn.js +1 -1
  11. package/dist/UIKit/Accordion/BaseAccordionContent.js +1 -1
  12. package/dist/UIKit/Accordion/BaseAccordionItem.js +2 -3
  13. package/dist/UIKit/Autocomplete/ClearableAutocomplete.js +2 -3
  14. package/dist/UIKit/BaseAlert.js +2 -3
  15. package/dist/UIKit/BaseAutocomplete.js +2 -3
  16. package/dist/UIKit/BaseBadge.js +2 -3
  17. package/dist/UIKit/BaseBreadcrumb.js +1 -1
  18. package/dist/UIKit/BaseButton.js +1 -1
  19. package/dist/UIKit/BaseCard.js +36 -5
  20. package/dist/UIKit/BaseComplexToggle.js +105 -5
  21. package/dist/UIKit/BaseDropDown.d.ts +4 -2
  22. package/dist/UIKit/BaseDropDown.js +2 -3
  23. package/dist/UIKit/BaseFloatingLabel.js +39 -5
  24. package/dist/UIKit/BaseInput.js +210 -5
  25. package/dist/UIKit/BaseModal.js +2 -3
  26. package/dist/UIKit/BasePagination.js +1 -1
  27. package/dist/UIKit/BaseSelect/SelectItem.js +1 -1
  28. package/dist/UIKit/BaseSlider.js +206 -5
  29. package/dist/UIKit/BaseSnackbar.js +2 -3
  30. package/dist/UIKit/BaseTextarea.js +126 -5
  31. package/dist/UIKit/BaseToggle.js +41 -5
  32. package/dist/UIKit/BaseTooltip.js +40 -5
  33. package/dist/UIKit/BaseUploadFile.js +1 -1
  34. package/dist/UIKit/Checkbox/CheckboxBtn.js +2 -3
  35. package/dist/UIKit/Checkbox/CheckboxGroup.js +1 -1
  36. package/dist/UIKit/Radio/RadioButton.js +1 -1
  37. package/dist/UIKit/Radio/RadioGroup.js +1 -1
  38. package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js +20 -5
  39. package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.js +1 -1
  40. package/dist/UIKit/Slider/SimpleSlider.js +81 -5
  41. package/dist/UIKit/StaticSpinner.js +26 -5
  42. package/dist/UIKit/Tab/BaseTab.js +1 -1
  43. package/dist/UIKit/Tab/BaseTabList.js +1 -1
  44. package/dist/UIKit/Tab/BaseTabPanel.js +1 -1
  45. package/dist/UIKit/Tab/BaseTabView.js +1 -1
  46. package/dist/assets/BaseInput.css +1 -1
  47. package/dist/assets/SwiperCarousel.css +1 -1
  48. package/dist/chart/DoughnutChart.js +1 -1
  49. package/dist/chart/LineChart.js +1 -1
  50. package/dist/{packages/components/lib/UIKit/AccessibleSelect.vue.js → chunks/AccessibleSelect.vue_vue_type_style_index_0_lang.DWwkWpAC.js} +69 -70
  51. package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.Qp6BrYox.js} +5 -5
  52. package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js → chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CL5zNPzY.js} +4 -4
  53. package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.BqjzG2As.js} +5 -5
  54. package/dist/{packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js → chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js} +4 -4
  55. package/dist/chunks/BaseAlert.vue_vue_type_style_index_0_lang.BVR-COlL.js +19 -0
  56. package/dist/{packages/components/lib/UIKit/BaseAutocomplete.vue.js → chunks/BaseAutocomplete.vue_vue_type_style_index_0_lang.BW_JCkOV.js} +24 -25
  57. package/dist/{packages/components/lib/UIKit/BaseBadge.vue.js → chunks/BaseBadge.vue_vue_type_style_index_0_lang.BnYtlFXq.js} +6 -6
  58. package/dist/{packages/components/lib/UIKit/BaseBreadcrumb.vue.js → chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.CcfuB26u.js} +7 -7
  59. package/dist/{packages/components/lib/UIKit/BaseButton.vue.js → chunks/BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js} +2 -2
  60. package/dist/{packages/components/lib/UIKit/BaseDropDown.vue.js → chunks/BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js} +39 -37
  61. package/dist/{packages/components/lib/UIKit/BaseModal.vue.js → chunks/BaseModal.vue_vue_type_style_index_0_lang.B8U_buif.js} +2 -2
  62. package/dist/{packages/components/lib/UIKit/BasePagination.vue.js → chunks/BasePagination.vue_vue_type_script_setup_true_lang.CkGMhOm-.js} +1 -1
  63. package/dist/{packages/components/lib/UIKit/BaseSnackbar.vue.js → chunks/BaseSnackbar.vue_vue_type_style_index_0_lang.DJqVfg6P.js} +2 -2
  64. package/dist/{packages/components/lib/UIKit/Tab/BaseTab.vue.js → chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js} +3 -3
  65. package/dist/{packages/components/lib/UIKit/Tab/BaseTabList.vue.js → chunks/BaseTabList.vue_vue_type_script_setup_true_lang.BXvkXKbT.js} +3 -3
  66. package/dist/{packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js → chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CM1ObHXU.js} +1 -1
  67. package/dist/{packages/components/lib/UIKit/Tab/BaseTabView.vue.js → chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BocXkfTw.js} +17 -17
  68. package/dist/{packages/components/lib/UIKit/BaseUploadFile.vue.js → chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.DMPiMivr.js} +7 -7
  69. package/dist/{packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js → chunks/CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js} +8 -8
  70. package/dist/{packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js → chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.aDZDPjgR.js} +3 -4
  71. package/dist/{packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js → chunks/ClearableAutocomplete.vue_vue_type_style_index_0_lang.DUOBcBPN.js} +4 -5
  72. package/dist/{packages/components/lib/chart/DoughnutChart.vue.js → chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js} +6 -6
  73. package/dist/{packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js} +5 -5
  74. package/dist/{packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js} +3 -3
  75. package/dist/{packages/components/lib/chart/LineChart.vue.js → chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js} +7 -7
  76. package/dist/{packages/components/lib/UIKit/Radio/RadioButton.vue.js → chunks/RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js} +3 -3
  77. package/dist/{packages/components/lib/UIKit/Radio/RadioGroup.vue.js → chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DtBZuHm2.js} +3 -3
  78. package/dist/{packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js → chunks/SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js} +9 -9
  79. package/dist/{packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js → chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DEb8nfZp.js} +4 -4
  80. package/dist/chunks/_plugin-vue_export-helper.CHgC5LLL.js +9 -0
  81. package/dist/components/IntersectionObserver/IntersectionObservable.js +1 -1
  82. package/dist/components/IntersectionObserver/IntersectionObserver.js +1 -1
  83. package/dist/components/carousel/SwiperCarousel.js +243 -6
  84. package/dist/components/carousel/SwiperSlide.js +1 -1
  85. package/dist/index.js +82 -92
  86. package/package.json +2 -1
  87. package/dist/_virtual/_plugin-vue_export-helper.js +0 -9
  88. package/dist/assets/SwiperCarousel2.css +0 -1
  89. package/dist/assets/swiper-swiper.css +0 -1
  90. package/dist/assets/swiper-zoom.css +0 -1
  91. package/dist/packages/components/lib/UIKit/BaseAlert.vue.js +0 -19
  92. package/dist/packages/components/lib/UIKit/BaseCard.vue.js +0 -37
  93. package/dist/packages/components/lib/UIKit/BaseComplexToggle.vue.js +0 -106
  94. package/dist/packages/components/lib/UIKit/BaseFloatingLabel.vue.js +0 -40
  95. package/dist/packages/components/lib/UIKit/BaseInput.vue.js +0 -211
  96. package/dist/packages/components/lib/UIKit/BaseSlider.vue.js +0 -207
  97. package/dist/packages/components/lib/UIKit/BaseTextarea.vue.js +0 -127
  98. package/dist/packages/components/lib/UIKit/BaseToggle.vue.js +0 -42
  99. package/dist/packages/components/lib/UIKit/BaseTooltip.vue.js +0 -41
  100. package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js +0 -21
  101. package/dist/packages/components/lib/UIKit/Slider/SimpleSlider.vue.js +0 -82
  102. package/dist/packages/components/lib/UIKit/StaticSpinner.vue.js +0 -27
  103. package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js +0 -246
  104. /package/dist/assets/{swiper-free-mode.css → free-mode.css} +0 -0
  105. /package/dist/assets/{swiper-navigation.css → navigation.css} +0 -0
  106. /package/dist/assets/{swiper-pagination.css → pagination.css} +0 -0
  107. /package/dist/assets/{swiper-thumbs.css → thumbs.css} +0 -0
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as m, onBeforeMount as p, useTemplateRef as u, computed as f, createBlock as d, createCommentVNode as h, unref as t, openBlock as C } from "vue";
2
2
  import { Line as g } from "vue-chartjs";
3
- import { Chart as x, LineController as L, LineElement as k, Filler as B, PointElement as E, CategoryScale as v, LinearScale as y } from "chart.js";
4
- import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
3
+ import { Chart as x, LineController as L, LineElement as k, Filler as B, PointElement as E, CategoryScale as _, LinearScale as v } from "chart.js";
4
+ import { useChartJsModules as y } from "../chart/composables/useChartjsModules.js";
5
5
  const F = /* @__PURE__ */ m({
6
6
  __name: "LineChart",
7
7
  props: {
@@ -14,22 +14,22 @@ const F = /* @__PURE__ */ m({
14
14
  k,
15
15
  B,
16
16
  E,
17
- v,
18
- y
17
+ _,
18
+ v
19
19
  );
20
20
  const r = e, {
21
21
  registerPlugins: n,
22
22
  registerTimeCartesianAxis: a,
23
23
  executeRegistration: i,
24
24
  resolved: s
25
- } = M(r.options);
25
+ } = y(r.options);
26
26
  p(() => {
27
27
  i(n, a);
28
28
  });
29
29
  const c = u("chart"), l = f(
30
30
  () => c.value?.chart
31
31
  );
32
- return o({ chartInstance: l }), (P, R) => t(s) ? (C(), d(t(g), {
32
+ return o({ chartInstance: l }), (M, P) => t(s) ? (C(), d(t(g), {
33
33
  key: 0,
34
34
  ref: "chart",
35
35
  options: e.options,
@@ -38,5 +38,5 @@ const F = /* @__PURE__ */ m({
38
38
  }
39
39
  });
40
40
  export {
41
- F as default
41
+ F as _
42
42
  };
@@ -1,4 +1,4 @@
1
- import { defineComponent as k, useId as c, computed as m, createElementBlock as f, openBlock as b, withModifiers as t, createElementVNode as l, normalizeClass as d, createTextVNode as h, toDisplayString as C } from "vue";
1
+ import { defineComponent as k, useId as c, computed as m, createElementBlock as b, openBlock as f, withModifiers as t, createElementVNode as l, normalizeClass as d, createTextVNode as h, toDisplayString as C } from "vue";
2
2
  const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
3
3
  __name: "RadioButton",
4
4
  props: {
@@ -20,7 +20,7 @@ const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
20
20
  };
21
21
  n("change", u), n("update:modelValue", !e.modelValue);
22
22
  };
23
- return (u, i) => (b(), f("div", {
23
+ return (u, i) => (f(), b("div", {
24
24
  class: "uikit-inline-block",
25
25
  onClick: t(r, ["stop"])
26
26
  }, [
@@ -54,5 +54,5 @@ const V = ["id", "name", "checked"], x = ["for"], y = /* @__PURE__ */ k({
54
54
  }
55
55
  });
56
56
  export {
57
- y as default
57
+ y as _
58
58
  };
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as C, mergeModels as d, useModel as h, ref as $, watch as V, renderSlot as u, createElementVNode as p, normalizeClass as c, createElementBlock as k, openBlock as m, Fragment as y, renderList as R, createBlock as g } from "vue";
2
- import B from "./RadioButton.vue.js";
3
- const b = ["data-cy"], z = /* @__PURE__ */ C({
2
+ import { _ as B } from "./RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js";
3
+ const b = ["data-cy"], w = /* @__PURE__ */ C({
4
4
  inheritAttrs: !1,
5
5
  __name: "RadioGroup",
6
6
  props: /* @__PURE__ */ d({
@@ -56,5 +56,5 @@ const b = ["data-cy"], z = /* @__PURE__ */ C({
56
56
  }
57
57
  });
58
58
  export {
59
- z as default
59
+ w as _
60
60
  };
@@ -1,5 +1,5 @@
1
- import { defineComponent as u, useTemplateRef as c, watch as d, nextTick as m, createElementBlock as r, openBlock as f, normalizeClass as v, renderSlot as k, createElementVNode as x } from "vue";
2
- const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u({
1
+ import { defineComponent as c, useTemplateRef as u, watch as d, nextTick as m, createElementBlock as r, openBlock as v, normalizeClass as f, renderSlot as k, createElementVNode as x } from "vue";
2
+ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ c({
3
3
  __name: "SelectItem",
4
4
  props: {
5
5
  label: { default: "" },
@@ -8,26 +8,26 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u(
8
8
  },
9
9
  emits: ["click", "mouseover"],
10
10
  setup(t, { emit: o }) {
11
- const a = o, i = t, n = c("liItem");
11
+ const n = o, i = t, a = u("liItem");
12
12
  return d(
13
13
  () => i.active,
14
14
  (e) => {
15
15
  e && m(() => {
16
- n.value && n.value.focus();
16
+ a.value && a.value.focus();
17
17
  });
18
18
  },
19
19
  { immediate: !0 }
20
- ), (e, l) => (f(), r("li", {
20
+ ), (e, l) => (v(), r("li", {
21
21
  ref: "liItem",
22
- class: v(["uikit-list-none uikit-text-w-black", [
22
+ class: f(["uikit-list-none uikit-text-w-black", [
23
23
  { "active uikit-bg-w-cultured": t.active },
24
24
  "uikit-outline-none",
25
25
  e.$attrs.class
26
26
  ]]),
27
27
  "data-active": t.active,
28
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))
29
+ onClick: l[0] || (l[0] = (s) => n("click", i.idx)),
30
+ onMouseover: l[1] || (l[1] = (s) => n("mouseover", i.idx))
31
31
  }, [
32
32
  k(e.$slots, "default", { itemIdx: t.idx }, () => [
33
33
  x("span", {
@@ -38,5 +38,5 @@ const b = ["data-active", "tabindex"], p = ["innerHTML"], $ = /* @__PURE__ */ u(
38
38
  }
39
39
  });
40
40
  export {
41
- $ as default
41
+ $ as _
42
42
  };
@@ -1,5 +1,5 @@
1
- import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
2
- import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
1
+ import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as m, createBlock as a, normalizeStyle as s, normalizeClass as o } from "vue";
2
+ import h from "../UIKit/ShimmerLoader/BaseShimmerLoader.js";
3
3
  const k = /* @__PURE__ */ i({
4
4
  __name: "ShimmerMultiLine",
5
5
  props: {
@@ -9,7 +9,7 @@ const k = /* @__PURE__ */ i({
9
9
  inheritHeight: { type: Boolean, default: !1 }
10
10
  },
11
11
  setup(e) {
12
- return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
12
+ return (u, c) => (t(!0), n(l, null, m(e.lines, (r) => (t(), a(h, {
13
13
  ref_for: !0,
14
14
  ref: "shimmerLines",
15
15
  class: o(["shimmer-line", [
@@ -25,5 +25,5 @@ const k = /* @__PURE__ */ i({
25
25
  }
26
26
  });
27
27
  export {
28
- k as default
28
+ k as _
29
29
  };
@@ -0,0 +1,9 @@
1
+ const s = (t, r) => {
2
+ const o = t.__vccOpts || t;
3
+ for (const [c, e] of r)
4
+ o[c] = e;
5
+ return o;
6
+ };
7
+ export {
8
+ s as _
9
+ };
@@ -1,4 +1,4 @@
1
- import f from "../../packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
1
+ import { _ as f } from "../../chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,4 +1,4 @@
1
- import f from "../../packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
1
+ import { _ as f } from "../../chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js";
2
2
  export {
3
3
  f as default
4
4
  };
@@ -1,8 +1,245 @@
1
- import o from "../../packages/components/lib/components/carousel/SwiperCarousel.vue.js";
2
- import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css */
3
- /* empty css */
4
- import r from "../../_virtual/_plugin-vue_export-helper.js";
5
- const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ea2f6ce"]]);
1
+ import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as V, createElementBlock as l, openBlock as d, normalizeClass as u, createElementVNode as v, createCommentVNode as $, renderSlot as M, Fragment as P, renderList as E, mergeProps as F, withModifiers as O } from "vue";
2
+ import { Swiper as T } from "swiper";
3
+ import { Zoom as _ } from "swiper/modules";
4
+ import { shallowCopyObjectTo as ee } from "@wikicasa-dev/utilities";
5
+ import { _ as te } from "../../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
6
+ import '../../assets/SwiperCarousel.css';const se = ["id"], ie = ["id", "data-cy"], ae = ["data-idx", "alt", "width", "height", "onLoad"], re = ["id"], oe = ["alt"], ne = /* @__PURE__ */ Q({
7
+ inheritAttrs: !1,
8
+ __name: "SwiperCarousel",
9
+ props: {
10
+ id: {},
11
+ swiperOptions: {},
12
+ thumbSwiperOptions: {},
13
+ lazyLoadImages: { type: Boolean, default: !0 },
14
+ backgroundImage: { type: Boolean, default: !1 },
15
+ images: { default: () => [] },
16
+ artDirection: {},
17
+ shiftFirstImage: { type: Boolean, default: !1 }
18
+ },
19
+ emits: ["moved", "click", "firstSlideLoaded", "init"],
20
+ setup(s, { expose: B, emit: D }) {
21
+ const y = D, a = U({
22
+ swiperParams: { modules: [_] },
23
+ swiper: null,
24
+ initCarousel: !1
25
+ }), S = k(), j = k(!1), A = X(), p = f(() => s.id ?? A), N = f(() => a.swiper), g = f(() => s.swiperOptions?.slidesPerView || 1), W = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), q = f(() => !!s.swiperOptions.autoplay), K = f(
26
+ () => s.swiperOptions?.effect || "slider"
27
+ ), R = () => {
28
+ s.swiperOptions && ee(s.swiperOptions, a.swiperParams);
29
+ }, z = (e, i = -1, t = !1) => {
30
+ if (!e.images)
31
+ return { src: e.src || "" };
32
+ let r = "", o = "", b = "";
33
+ if (s.artDirection) {
34
+ for (const n in s.artDirection) {
35
+ const { mq: c, width: w } = s.artDirection[n];
36
+ w && (b += b ? `,${c} ${parseInt(w)}px` : `${c} ${parseInt(w)}px`);
37
+ }
38
+ o = e.images.reduce((n, c, w) => {
39
+ const m = Object.values(s.artDirection)[w];
40
+ return !m || !m.width || (n += n ? `, ${c.storagePath} ${m.width}` : `${c.storagePath} ${m.width}`), n;
41
+ }, ""), r = e.images[0].storagePath;
42
+ } else {
43
+ let n = e.images;
44
+ e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((c, w, m) => (m === 0 && (r = `${w.storagePath}`), m > 0 && (c += ", "), `${c}${w.storagePath} ${m + 1}x`), "");
45
+ }
46
+ const H = r, J = o;
47
+ return typeof g.value == "number" && i > g.value ? (r = "", o = "", { sizes: b, "data-src": H, "data-srcset": J }) : t ? {
48
+ src: r,
49
+ srcset: o,
50
+ sizes: b,
51
+ loading: "lazy",
52
+ fetchpriority: "low"
53
+ } : {
54
+ src: r,
55
+ srcset: o,
56
+ sizes: b,
57
+ loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
58
+ fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
59
+ };
60
+ }, h = [], Z = (e) => {
61
+ if (typeof g.value == "string") return;
62
+ const i = h[e];
63
+ if (i && !i.src && (i.src = i.dataset.src || "", i.srcset = i.dataset.srcset || ""), e < g.value || e + 1 >= (s.images ?? []).length)
64
+ return;
65
+ const t = h[e + 1];
66
+ t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
67
+ }, L = k(null), G = (e) => {
68
+ e === 0 && h && h[e] && V(() => {
69
+ L.value?.setAttribute("data-first-slide-loaded", "true"), y("firstSlideLoaded");
70
+ });
71
+ };
72
+ return Y(async () => {
73
+ if (R(), W.value) {
74
+ const { Keyboard: t } = await import("../../Swiper/keyboard.js");
75
+ a.swiperParams.modules?.push(t), a.swiperParams.keyboard = s.swiperOptions.keyboard;
76
+ }
77
+ if (I.value) {
78
+ const { Pagination: t } = await import("../../Swiper/pagination.js");
79
+ a.swiperParams.modules?.push(t), a.swiperParams.pagination = {
80
+ el: ".swiper-pagination",
81
+ renderFraction: (r, o) => `<div class="uikit-rounded-xs uikit-border-w-black uikit-border uikit-border-solid uikit-px-3 uikit-bg-white uikit-pt-[3px] uikit-pb-[3px]">
82
+ <span data-cy="swiper-pagination-current" class="${r}"></span>
83
+ /
84
+ <span data-cy="swiper-pagination-total" class="${o}"></span>
85
+ </div>`,
86
+ ...typeof a.swiperParams.pagination == "boolean" ? {} : a.swiperParams.pagination
87
+ };
88
+ }
89
+ if (C.value) {
90
+ const { Navigation: t } = await import("../../Swiper/navigation.js");
91
+ a.swiperParams.modules?.push(t);
92
+ const r = {
93
+ ...s.swiperOptions.navigation.nextEl ?? {
94
+ nextEl: ".swiper-button-next"
95
+ },
96
+ ...s.swiperOptions.navigation.prevEl ?? {
97
+ prevEl: ".swiper-button-prev"
98
+ }
99
+ };
100
+ a.swiperParams.navigation = {
101
+ ...typeof s.swiperOptions.navigation == "object" ? s.swiperOptions.navigation : {},
102
+ ...r
103
+ };
104
+ }
105
+ if (q.value) {
106
+ const { Autoplay: t } = await import("../../Swiper/autoplay.js");
107
+ a.swiperParams.modules?.push(t), a.swiperParams.autoplay = s.swiperOptions.autoplay;
108
+ }
109
+ const e = {
110
+ ...a.swiperParams,
111
+ on: {
112
+ init: () => {
113
+ j.value = !0, y("init");
114
+ },
115
+ slideChange: (t) => {
116
+ Z(t.activeIndex), y("moved", { activeIndex: t.activeIndex });
117
+ }
118
+ }
119
+ };
120
+ let i = null;
121
+ if (s.thumbSwiperOptions) {
122
+ const [t, r, o] = await Promise.all([
123
+ import("../../Swiper/thumbs.js"),
124
+ import("../../Swiper/free-mode.js"),
125
+ import("../../Swiper/controller.js")
126
+ ]);
127
+ a.swiperParams.modules?.push(t.Thumbs), a.swiperParams.modules?.push(o.Controller), i = new T(`#thumb_${p.value}`, {
128
+ ...s.thumbSwiperOptions,
129
+ modules: [r.FreeMode]
130
+ }), e.thumbs = {
131
+ swiper: i
132
+ };
133
+ }
134
+ e.lazyPreloadPrevNext = 1, a.swiper = new T(`#${p.value}`, e), S.value?.classList.remove("uikit-hidden");
135
+ }), x(
136
+ () => s.images,
137
+ () => {
138
+ V(() => {
139
+ a.swiper?.update();
140
+ });
141
+ }
142
+ ), B({
143
+ swiper: N,
144
+ moveTo(e, i = 0, t = !0) {
145
+ a.swiper?.slideTo(e, i, t);
146
+ },
147
+ updateSlidesPerView: (e) => {
148
+ !a.swiper || a.swiper.params.slidesPerView === e || (a.swiper.params.slidesPerView = e, a.swiper.update());
149
+ }
150
+ }), (e, i) => (d(), l("div", {
151
+ id: `root-${p.value}`,
152
+ ref_key: "root",
153
+ ref: L,
154
+ class: u(["swiper-carousel-root", e.$attrs["root-classes"]])
155
+ }, [
156
+ v("div", {
157
+ id: p.value,
158
+ "data-cy": e.$attrs["data-cy"],
159
+ class: u(["swiper", e.$attrs["swiper-classes"]])
160
+ }, [
161
+ v("div", {
162
+ ref_key: "swiperWrapper",
163
+ ref: S,
164
+ class: u(["swiper-wrapper", [
165
+ e.$attrs["swiper-wrapper-classes"],
166
+ K.value === "none" && "no-transition"
167
+ ]]),
168
+ onClick: i[0] || (i[0] = (t) => y("click"))
169
+ }, [
170
+ M(e.$slots, "default", {}, () => [
171
+ (d(!0), l(P, null, E(s.images, (t, r) => (d(), l("div", {
172
+ key: `swiper_${p.value}_${r}`,
173
+ class: u(["swiper-slide", e.$attrs["swiper-slide-classes"]])
174
+ }, [
175
+ v("div", {
176
+ class: u(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
177
+ }, [
178
+ s.backgroundImage ? $("", !0) : (d(), l("img", F({
179
+ key: 0,
180
+ ref_for: !0,
181
+ ref: (o) => {
182
+ h.push(o);
183
+ },
184
+ class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
185
+ "data-idx": `${p.value}-slide-img-${r}`
186
+ }, { ref_for: !0 }, z(t, r), {
187
+ alt: t.alt,
188
+ itemprop: "image",
189
+ width: t.width,
190
+ height: t.height,
191
+ onLoad: (o) => G(r)
192
+ }), null, 16, ae))
193
+ ], 2)
194
+ ], 2))), 128)),
195
+ M(e.$slots, "last_slide", {}, void 0, !0)
196
+ ], !0)
197
+ ], 2),
198
+ I.value ? (d(), l("div", {
199
+ key: 0,
200
+ class: u([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
201
+ onClick: i[1] || (i[1] = O(() => {
202
+ }, ["stop"]))
203
+ }, null, 2)) : $("", !0),
204
+ C.value ? (d(), l(P, { key: 1 }, [
205
+ v("div", {
206
+ class: "swiper-button-prev",
207
+ "data-cy": "swiper-button-prev",
208
+ onClick: i[2] || (i[2] = O(() => {
209
+ }, ["stop"]))
210
+ }),
211
+ v("div", {
212
+ class: "swiper-button-next",
213
+ "data-cy": "swiper-button-next",
214
+ onClick: i[3] || (i[3] = O(() => {
215
+ }, ["stop"]))
216
+ })
217
+ ], 64)) : $("", !0)
218
+ ], 10, ie),
219
+ s.thumbSwiperOptions ? (d(), l("div", {
220
+ key: 0,
221
+ id: `thumb_${p.value}`,
222
+ thumbsSlider: "",
223
+ class: u(["swiper", e.$attrs["thumb-swiper-classes"]])
224
+ }, [
225
+ v("div", {
226
+ class: u(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
227
+ }, [
228
+ (d(!0), l(P, null, E(s.images, (t, r) => (d(), l("div", {
229
+ key: `thumb_${p.value}_${r}`,
230
+ class: u(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
231
+ }, [
232
+ v("img", F({
233
+ class: e.$attrs["thumb-img-classes"]
234
+ }, { ref_for: !0 }, z(t, -1, !1), {
235
+ alt: t.alt
236
+ }), null, 16, oe)
237
+ ], 2))), 128))
238
+ ], 2)
239
+ ], 10, re)) : $("", !0)
240
+ ], 10, se));
241
+ }
242
+ }), me = /* @__PURE__ */ te(ne, [["__scopeId", "data-v-1ea2f6ce"]]);
6
243
  export {
7
- m as default
244
+ me as default
8
245
  };
@@ -1,5 +1,5 @@
1
1
  import { createElementBlock as o, openBlock as t, createElementVNode as r, renderSlot as s } from "vue";
2
- import c from "../../_virtual/_plugin-vue_export-helper.js";
2
+ import { _ as c } from "../../chunks/_plugin-vue_export-helper.CHgC5LLL.js";
3
3
  const n = {}, i = { class: "swiper-slide" }, d = { class: "swiper-zoom-container" };
4
4
  function l(e, _) {
5
5
  return t(), o("div", i, [
package/dist/index.js CHANGED
@@ -1,94 +1,84 @@
1
- import { default as x } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
2
- import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
3
- import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
4
- import { default as b } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
5
- import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css */
6
- import { default as g } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
7
- import { default as h } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
8
- /* empty css */
9
- import { default as I } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
10
- import { default as L } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
11
- import { default as D } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
12
- import { default as F } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
13
- import { default as M } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
14
- import { default as R } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
15
- /* empty css */
16
- import { default as U } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
17
- /* empty css */
18
- import { default as j } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
19
- /* empty css */
20
- import { default as y } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
21
- /* empty css */
22
- import { default as E } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
23
- /* empty css */
24
- import { default as J } from "./packages/components/lib/UIKit/BaseButton.vue.js";
25
- import { default as N } from "./UIKit/BaseCard.js";
26
- import { default as W } from "./UIKit/BaseComplexToggle.js";
27
- import { default as Y } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
28
- /* empty css */
29
- import { default as _ } from "./UIKit/BaseFloatingLabel.js";
30
- import { default as ee } from "./UIKit/BaseInput.js";
31
- import { default as oe } from "./packages/components/lib/UIKit/BasePagination.vue.js";
32
- import { default as re } from "./UIKit/BaseSlider.js";
33
- import { default as se } from "./UIKit/BaseTextarea.js";
34
- import { default as pe } from "./UIKit/BaseToggle.js";
35
- import { default as de } from "./UIKit/BaseTooltip.js";
36
- import { default as xe } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
37
- import { default as Be } from "./packages/components/lib/UIKit/BaseModal.vue.js";
38
- /* empty css */
39
- import { default as ce } from "./UIKit/StaticSpinner.js";
40
- import { default as be } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
41
- import { default as ge } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
42
- import { default as he } from "./packages/components/lib/chart/DoughnutChart.vue.js";
43
- import { default as Ie } from "./packages/components/lib/chart/LineChart.vue.js";
44
- import { default as Le } from "./UIKit/Slider/SimpleSlider.js";
45
- import { default as De } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
46
- /* empty css */
47
- import { default as Fe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
48
- import { default as Me } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
49
- import { default as Re } from "./components/carousel/SwiperCarousel.js";
50
- import { default as Ue } from "./components/carousel/SwiperSlide.js";
51
- import { default as je } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
1
+ import { _ as r } from "./chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.Qp6BrYox.js";
2
+ import { _ as t } from "./chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.CL5zNPzY.js";
3
+ import { _ as f } from "./chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.BqjzG2As.js";
4
+ import { _ as m } from "./chunks/BaseAccordionItem.vue_vue_type_style_index_0_lang.DwEHSyBO.js";
5
+ import { _ as l } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.DvQ4ZKvE.js";
6
+ import { _ as d } from "./chunks/CheckboxBtn.vue_vue_type_style_index_0_lang.MYOfjOwM.js";
7
+ import { _ } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.aDZDPjgR.js";
8
+ import { _ as u } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.BocXkfTw.js";
9
+ import { _ as S } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js";
10
+ import { _ as C } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.g-a7DM3l.js";
11
+ import { _ as A } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.DtBZuHm2.js";
12
+ import { _ as T } from "./chunks/AccessibleSelect.vue_vue_type_style_index_0_lang.DWwkWpAC.js";
13
+ import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BVR-COlL.js";
14
+ import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_style_index_0_lang.BW_JCkOV.js";
15
+ import { _ as v } from "./chunks/ClearableAutocomplete.vue_vue_type_style_index_0_lang.DUOBcBPN.js";
16
+ import { _ as G } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BnYtlFXq.js";
17
+ import { _ as O } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.CswNVEW_.js";
18
+ import { default as P } from "./UIKit/BaseCard.js";
19
+ import { default as V } from "./UIKit/BaseComplexToggle.js";
20
+ import { _ as q } from "./chunks/BaseDropDown.vue_vue_type_style_index_0_lang.z4eFD2_f.js";
21
+ import { default as z } from "./UIKit/BaseFloatingLabel.js";
22
+ import { default as H } from "./UIKit/BaseInput.js";
23
+ import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.CkGMhOm-.js";
24
+ import { default as Q } from "./UIKit/BaseSlider.js";
25
+ import { default as X } from "./UIKit/BaseTextarea.js";
26
+ import { default as Z } from "./UIKit/BaseToggle.js";
27
+ import { default as ee } from "./UIKit/BaseTooltip.js";
28
+ import { _ as re } from "./chunks/BaseUploadFile.vue_vue_type_script_setup_true_lang.DMPiMivr.js";
29
+ import { _ as te } from "./chunks/BaseModal.vue_vue_type_style_index_0_lang.B8U_buif.js";
30
+ import { default as fe } from "./UIKit/StaticSpinner.js";
31
+ import { default as me } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
32
+ import { _ as le } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DEb8nfZp.js";
33
+ import { _ as de } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.yALl_gpB.js";
34
+ import { _ as _e } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.Df20jEOd.js";
35
+ import { default as ue } from "./UIKit/Slider/SimpleSlider.js";
36
+ import { _ as Se } from "./chunks/BaseSnackbar.vue_vue_type_style_index_0_lang.DJqVfg6P.js";
37
+ import { _ as Ce } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BidNzYDc.js";
38
+ import { _ as Ae } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BnLNx3be.js";
39
+ import { default as Te } from "./components/carousel/SwiperCarousel.js";
40
+ import { default as we } from "./components/carousel/SwiperSlide.js";
41
+ import { _ as ke } from "./chunks/BaseBreadcrumb.vue_vue_type_script_setup_true_lang.CcfuB26u.js";
52
42
  export {
53
- R as AccessibleSelect,
54
- x as BaseAccordion,
55
- B as BaseAccordionBtn,
56
- c as BaseAccordionContent,
57
- b as BaseAccordionItem,
58
- U as BaseAlert,
59
- j as BaseAutocomplete,
60
- E as BaseBadge,
61
- je as BaseBreadcrumb,
62
- J as BaseButton,
63
- N as BaseCard,
64
- W as BaseComplexToggle,
65
- Y as BaseDropDown,
66
- _ as BaseFloatingLabel,
67
- ee as BaseInput,
68
- Be as BaseModal,
69
- oe as BasePagination,
70
- be as BaseShimmerLoader,
71
- re as BaseSlider,
72
- De as BaseSnackbar,
73
- D as BaseTab,
74
- L as BaseTabView,
75
- se as BaseTextarea,
76
- pe as BaseToggle,
77
- de as BaseTooltip,
78
- xe as BaseUploadFile,
79
- h as CheckboxBtn,
80
- I as CheckboxGroup,
81
- y as ClearableAutocomplete,
82
- he as DoughnutChart,
83
- Fe as IntersectionObservable,
84
- Me as IntersectionObserver,
85
- Ie as LineChart,
86
- F as RadioButton,
87
- M as RadioGroup,
88
- g as SelectItem,
89
- ge as ShimmerMultiLine,
90
- Le as SimpleSlider,
91
- ce as StaticSpinner,
92
- Re as SwiperCarousel,
93
- Ue as SwiperSlide
43
+ T as AccessibleSelect,
44
+ r as BaseAccordion,
45
+ t as BaseAccordionBtn,
46
+ f as BaseAccordionContent,
47
+ m as BaseAccordionItem,
48
+ w as BaseAlert,
49
+ k as BaseAutocomplete,
50
+ G as BaseBadge,
51
+ ke as BaseBreadcrumb,
52
+ O as BaseButton,
53
+ P as BaseCard,
54
+ V as BaseComplexToggle,
55
+ q as BaseDropDown,
56
+ z as BaseFloatingLabel,
57
+ H as BaseInput,
58
+ te as BaseModal,
59
+ K as BasePagination,
60
+ me as BaseShimmerLoader,
61
+ Q as BaseSlider,
62
+ Se as BaseSnackbar,
63
+ S as BaseTab,
64
+ u as BaseTabView,
65
+ X as BaseTextarea,
66
+ Z as BaseToggle,
67
+ ee as BaseTooltip,
68
+ re as BaseUploadFile,
69
+ d as CheckboxBtn,
70
+ _ as CheckboxGroup,
71
+ v as ClearableAutocomplete,
72
+ de as DoughnutChart,
73
+ Ce as IntersectionObservable,
74
+ Ae as IntersectionObserver,
75
+ _e as LineChart,
76
+ C as RadioButton,
77
+ A as RadioGroup,
78
+ l as SelectItem,
79
+ le as ShimmerMultiLine,
80
+ ue as SimpleSlider,
81
+ fe as StaticSpinner,
82
+ Te as SwiperCarousel,
83
+ we as SwiperSlide
94
84
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wikicasa-dev/components",
3
- "version": "2.2.9-alpha.32",
3
+ "version": "2.2.9-alpha.35",
4
4
  "description": "Wikicasa frontend components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -17,6 +17,7 @@
17
17
  "default": "./dist/index.js"
18
18
  },
19
19
  "./style": "./dist/assets/tailwind.css",
20
+ "./css/*": "./dist/assets/*.css",
20
21
  "./generic/*": {
21
22
  "import": "./dist/components/*.js",
22
23
  "types": "./dist/components/*.d.ts"