@wikicasa-dev/components 2.1.2 → 2.1.4-alpha.1

package/dist/{chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.BoEMYLem.js → packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js}

@@ -1,6 +1,7 @@
-import { defineComponent as t, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as m, normalizeStyle as a, normalizeClass as o } from "vue";
-import h from "../UIKit/ShimmerLoader/BaseShimmerLoader.js";
-const c = /* @__PURE__ */ t({
+import { defineComponent as i, createElementBlock as n, openBlock as r, Fragment as s, renderList as l, createBlock as m, normalizeStyle as a, normalizeClass as o } from "vue";
+import u from "./BaseShimmerLoader.vue.js";
+import '../../../../../assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';/* empty css                       */
+const k = /* @__PURE__ */ i({
   __name: "ShimmerMultiLine",
   props: {
     lines: { default: 1 },
@@ -8,16 +9,16 @@ const c = /* @__PURE__ */ t({
     shimmerClasses: {},
     inheritHeight: { type: Boolean, default: !1 }
   },
-  setup(u) {
-    return (e, d) => (r(!0), n(s, null, l(e.lines, (i) => (r(), m(h, {
+  setup(h) {
+    return (e, f) => (r(!0), n(s, null, l(e.lines, (t) => (r(), m(u, {
+      key: `sml-${t}`,
       ref_for: !0,
       ref: "shimmerLines",
       class: o(["shimmer-line", [
         e.shimmerClasses,
-        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
-        "uikit-mb-2 uikit-rounded-xs"
+        e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-xl",
+        "uikit-mb-xs uikit-rounded-xs"
       ]]),
-      key: `sml-${i}`,
       style: a({
         marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
       })
@@ -25,5 +26,5 @@ const c = /* @__PURE__ */ t({
   }
 });
 export {
-  c as _
+  k as default
 };

package/dist/packages/components/lib/UIKit/StaticSpinner.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as t, createElementBlock as o, openBlock as s, createElementVNode as n } from "vue";
+const r = {
+  viewBox: "0 0 128 128",
+  class: "icon-spin uikit-h-6 uikit-w-6"
+}, i = ["stroke", "stroke-width"], k = /* @__PURE__ */ t({
+  __name: "StaticSpinner",
+  props: {
+    thickness: { default: 9 },
+    strokeColor: { default: "#fff" }
+  },
+  setup(c) {
+    return (e, l) => (s(), o("svg", r, [
+      n("circle", {
+        class: "path",
+        cx: "64",
+        cy: "64",
+        r: "42",
+        fill: "none",
+        stroke: e.strokeColor,
+        "stroke-width": e.thickness
+      }, null, 8, i)
+    ]));
+  }
+});
+export {
+  k as default
+};

package/dist/{chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K.js → packages/components/lib/UIKit/Tab/BaseTab.vue.js}

@@ -6,10 +6,10 @@ const o = /* @__PURE__ */ a({
     headerTitle: {},
     tabPanelClasses: {}
   },
-  setup(s) {
-    return (e, t) => r(e.$slots, "header");
+  setup(t) {
+    return (e, s) => r(e.$slots, "header");
   }
 });
 export {
-  o as _
+  o as default
 };

package/dist/packages/components/lib/UIKit/Tab/BaseTabItem.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, createBlock as r, openBlock as l, resolveDynamicComponent as a, normalizeClass as e, withCtx as k, renderSlot as p, withDirectives as c, createElementVNode as m, vShow as d } from "vue";
+const v = /* @__PURE__ */ n({
+  __name: "BaseTabItem",
+  props: {
+    component: { type: [Object, Function, String], default: "button" },
+    activeBorderPosition: { default: "bottom" },
+    isActive: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(b, { emit: o }) {
+    const s = o;
+    return (t, i) => (l(), r(a(t.component), {
+      class: e([
+        "uikit-relative uikit-min-w-[56px] uikit-bg-transparent uikit-text hover:uikit-cursor-pointer",
+        {
+          "uikit-font-semibold uikit-text-w-blue": t.isActive
+        },
+        t.activeBorderPosition === "top" ? "uikit-pb-2xs uikit-pt-sm" : "uikit-pb-sm uikit-pt-2xs"
+      ]),
+      onClick: i[0] || (i[0] = (u) => s("click", u))
+    }, {
+      default: k(() => [
+        p(t.$slots, "default"),
+        c(m("div", {
+          class: e([
+            "uikit-absolute uikit-left-1/2 uikit-h-2xs uikit-w-[56px] -uikit-translate-x-1/2 uikit-bg-w-blue",
+            t.activeBorderPosition === "top" ? "uikit-top-0 uikit-rounded-t-3xs" : "uikit-bottom-0 uikit-rounded-b-3xs"
+          ])
+        }, null, 2), [
+          [d, t.isActive]
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  v as default
+};

package/dist/packages/components/lib/UIKit/Tab/BaseTabList.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent as C, inject as n, createElementBlock as o, openBlock as i, normalizeClass as l, Fragment as u, renderList as h, unref as s, createBlock as c, withCtx as k, createCommentVNode as v, toDisplayString as _, resolveDynamicComponent as f } from "vue";
+import B from "./BaseTabItem.vue.js";
+const F = ["aria-labelledby", "data-cy"], L = { key: 0 }, D = /* @__PURE__ */ C({
+  __name: "BaseTabList",
+  props: {
+    dataCy: {},
+    uid: {},
+    tabListClasses: {},
+    activeBorderPosition: {}
+  },
+  emits: ["tabClick"],
+  setup($, { emit: d }) {
+    const b = n("tabs"), r = n("isTabActive"), m = n("handleClick"), p = d;
+    return (t, T) => (i(), o("div", {
+      role: "tablist",
+      "aria-labelledby": `tablist-${t.uid}`,
+      class: l(t.tabListClasses),
+      "data-cy": t.dataCy
+    }, [
+      (i(!0), o(u, null, h(s(b), (e, a) => (i(), c(B, {
+        id: e.tabId,
+        key: a,
+        "active-border-position": t.activeBorderPosition,
+        "is-active": s(r)(a),
+        "data-cy": e["data-cy"],
+        type: "button",
+        role: "tab",
+        "aria-selected": s(r)(a),
+        "aria-controls": `base-tab-panel-${a}-${t.uid}`,
+        tabindex: s(r)(a) ? void 0 : -1,
+        class: l(e.class),
+        onClick: (y) => {
+          s(m)(a, e), p("tabClick", y, a, e);
+        }
+      }, {
+        default: k(() => [
+          e["header-title"] ? (i(), o("span", L, _(e["header-title"]), 1)) : e.renderFn.children && e.renderFn.children.header ? (i(), c(f(e.renderFn.children.header), { key: 1 })) : v("", !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "active-border-position", "is-active", "data-cy", "aria-selected", "aria-controls", "tabindex", "class", "onClick"]))), 128))
+    ], 10, F));
+  }
+});
+export {
+  D as default
+};

package/dist/{chunks/BaseTabPanel.vue_vue_type_script_setup_true_lang.CVJUssBq.js → packages/components/lib/UIKit/Tab/BaseTabPanel.vue.js}

@@ -20,5 +20,5 @@ const n = ["id", "aria-labelledby"], b = /* @__PURE__ */ a({
   }
 });
 export {
-  b as _
+  b as default
 };

package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js

@@ -0,0 +1,109 @@
+import { defineComponent as S, mergeModels as T, useModel as z, ref as b, useId as j, useSlots as q, computed as G, provide as p, watch as k, createElementBlock as v, openBlock as i, normalizeClass as I, createElementVNode as H, createBlock as o, createCommentVNode as c, unref as f, toDisplayString as J, Fragment as g, renderList as K, withCtx as O, resolveDynamicComponent as Q } from "vue";
+import R from "./BaseTabPanel.vue.js";
+import P from "./BaseTabList.vue.js";
+const U = ["data-cy"], W = ["id"], te = /* @__PURE__ */ S({
+  inheritAttrs: !1,
+  __name: "BaseTabView",
+  props: /* @__PURE__ */ T({
+    tabsPosition: { default: "top" },
+    tabViewDescription: {},
+    tabListClasses: {},
+    dataCy: {}
+  }, {
+    activeIdx: { default: 0 },
+    activeIdxModifiers: {}
+  }),
+  emits: /* @__PURE__ */ T(["tabClicked"], ["update:activeIdx"]),
+  setup($, { emit: B }) {
+    const A = B, l = z($, "activeIdx"), _ = b(""), u = b(null), F = b(null), r = j(), m = q(), d = (e) => e.props ?? null, y = (e) => e.type.__name === "BaseTab", h = (e, a) => ({
+      renderFn: e,
+      tabId: C(a),
+      "active-tab-panel-idx": d(e)?.["active-tab-panel-idx"] ?? a,
+      "header-title": d(e)?.["header-title"] || "",
+      class: d(e)?.class || "",
+      "tab-panel-classes": d(e)?.["tab-panel-classes"] || "",
+      "data-cy": d(e)?.["data-cy"] || ""
+    }), n = G(() => m.default ? m.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
+      y(t) && e.push(h(t, e.length));
+    }) : y(a) && e.push(h(a, e.length)), e), []) : []);
+    p("tabs", n), p("isTabActive", (e) => l.value === e);
+    const V = (e = -1) => u.value === e, C = (e) => `base-tab-${e}-${r}`, w = (e = -1) => `base-tab-panel-${e}-${r}`, x = (e = -1) => {
+      const a = n.value.reduce(
+        (t, s, N) => (s["active-tab-panel-idx"] !== e || t.push({ tab: s, idx: N }), t),
+        []
+      );
+      return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === l.value)?.tab.tabId;
+    }, D = (e) => {
+      _.value = C(e);
+    }, L = (e) => {
+      const a = n.value.at(e ?? -1);
+      u.value = a?.["active-tab-panel-idx"] ?? null;
+    };
+    p("handleClick", (e, a) => {
+      D(e), l.value = e, A("tabClicked", { tabIdx: e, tabElement: a });
+    }), k(
+      l,
+      (e) => {
+        L(e ?? -1);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const E = (e, a) => {
+      for (let t = 0; t < e.length; t++)
+        if (e[t] !== a[t]) return t;
+      return null;
+    }, M = (e = -1) => n.value.find((a) => a["active-tab-panel-idx"] === e);
+    return k(
+      () => n.value.map((e) => e["active-tab-panel-idx"]),
+      (e, a) => {
+        const t = E(e, a);
+        if (t === null) return;
+        const s = n.value[t]["active-tab-panel-idx"];
+        l.value !== t || s === void 0 || (u.value = s);
+      }
+    ), (e, a) => (i(), v("div", {
+      ref_key: "root",
+      ref: F,
+      class: I(e.$attrs.class),
+      "data-cy": e.dataCy
+    }, [
+      H("span", {
+        id: `tablist-${f(r)}`,
+        class: "uikit-sr-only"
+      }, J(e.tabViewDescription), 9, W),
+      e.tabsPosition === "top" ? (i(), o(P, {
+        key: 0,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "bottom"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0),
+      (i(!0), v(g, null, K(n.value, (t, s) => (i(), v(g, { key: s }, [
+        M(s) ? (i(), o(R, {
+          key: 0,
+          id: w(t["active-tab-panel-idx"]),
+          "labelled-by": x(s) ?? "",
+          active: V(s),
+          class: I(t["tab-panel-classes"])
+        }, {
+          default: O(() => [
+            t.renderFn.children && t.renderFn.children.default ? (i(), o(Q(t.renderFn.children.default), { key: 0 })) : c("", !0)
+          ]),
+          _: 2
+        }, 1032, ["id", "labelled-by", "active", "class"])) : c("", !0)
+      ], 64))), 128)),
+      e.tabsPosition === "bottom" ? (i(), o(P, {
+        key: 1,
+        uid: f(r),
+        "tab-list-classes": e.tabListClasses,
+        "data-cy": e.dataCy ? `${e.dataCy}-tab-list` : "",
+        "active-border-position": "top"
+      }, null, 8, ["uid", "tab-list-classes", "data-cy"])) : c("", !0)
+    ], 10, U));
+  }
+});
+export {
+  te as default
+};

package/dist/packages/components/lib/chart/DoughnutChart.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as u, onBeforeMount as i, createBlock as p, createCommentVNode as m, unref as t, openBlock as c } from "vue";
+import { Doughnut as l } from "vue-chartjs";
+import { Chart as d, DoughnutController as f, ArcElement as g } from "chart.js";
+import { useChartJsModules as h } from "../../../../chart/composables/useChartjsModules.js";
+const y = /* @__PURE__ */ u({
+  __name: "DoughnutChart",
+  props: {
+    options: {},
+    data: {}
+  },
+  setup(e) {
+    d.register(f, g);
+    const r = e, { registerPlugins: n, resolved: a, executeRegistration: s } = h(
+      r.options
+    );
+    return i(async () => {
+      await s(n);
+    }), (o, C) => t(a) ? (c(), p(t(l), {
+      key: 0,
+      options: o.options,
+      data: o.data
+    }, null, 8, ["options", "data"])) : m("", !0);
+  }
+});
+export {
+  y as default
+};

package/dist/{chunks/LineChart.vue_vue_type_script_setup_true_lang.ByrHxeZr.js → packages/components/lib/chart/LineChart.vue.js}

@@ -1,7 +1,7 @@
 import { defineComponent as m, onBeforeMount as u, useTemplateRef as f, computed as d, createBlock as h, createCommentVNode as C, unref as t, openBlock as g } from "vue";
 import { Line as L } from "vue-chartjs";
 import { Chart as _, LineController as k, LineElement as x, Filler as y, PointElement as B, CategoryScale as E, LinearScale as v } from "chart.js";
-import { useChartJsModules as M } from "../chart/composables/useChartjsModules.js";
+import { useChartJsModules as M } from "../../../../chart/composables/useChartjsModules.js";
 const A = /* @__PURE__ */ m({
   __name: "LineChart",
   props: {
@@ -38,5 +38,5 @@ const A = /* @__PURE__ */ m({
   }
 });
 export {
-  A as _
+  A as default
 };

package/dist/{chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js → packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as t, ref as n, onMounted as a, createElementBlock as i, renderSlot as s, openBlock as u, normalizeClass as f } from "vue";
-const b = /* @__PURE__ */ t({
+import { defineComponent as t, ref as n, onMounted as a, createElementBlock as u, renderSlot as s, openBlock as f, normalizeClass as i } from "vue";
+const d = /* @__PURE__ */ t({
   __name: "IntersectionObservable",
   props: {
     observer: { default: null },
@@ -9,16 +9,16 @@ const b = /* @__PURE__ */ t({
     const r = l, o = n(null);
     return a(() => {
       !r.observer || !o.value || r.observer.observe(o.value);
-    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (u(), i("div", {
+    }), (e, p) => e.isVisible ? s(e.$slots, "default", { key: 1 }) : (f(), u("div", {
       key: 0,
       ref_key: "root",
       ref: o,
-      class: f(e.$attrs["root-classes"])
+      class: i(e.$attrs["root-classes"])
     }, [
       s(e.$slots, "default")
     ], 2));
   }
 });
 export {
-  b as _
+  d as default
 };

package/dist/{chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js → packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js}

@@ -1,5 +1,5 @@
-import { defineComponent as p, reactive as d, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
-const _ = /* @__PURE__ */ p({
+import { defineComponent as d, reactive as p, ref as m, onBeforeMount as h, onBeforeUnmount as V, createElementBlock as k, renderSlot as l, unref as t, openBlock as B, normalizeClass as O } from "vue";
+const E = /* @__PURE__ */ d({
   __name: "IntersectionObserver",
   props: {
     observeOnce: { type: Boolean, default: !0 },
@@ -9,7 +9,7 @@ const _ = /* @__PURE__ */ p({
   emits: ["intersection"],
   setup(a, { emit: u }) {
     const c = u, o = a;
-    let r = d({ root: null, isVisible: !1 });
+    let r = p({ root: null, isVisible: !1 });
     const e = m(null), v = (s) => {
       s.forEach(({ target: n, isIntersecting: i }) => {
         i && (r.isVisible = !0, c("intersection")), o.observeOnce && i && b(n);
@@ -48,5 +48,5 @@ const _ = /* @__PURE__ */ p({
   }
 });
 export {
-  _
+  E as default
 };

package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js

@@ -0,0 +1,246 @@
+import { defineComponent as J, reactive as Q, ref as k, useId as U, computed as f, onMounted as X, watch as Y, nextTick as M, createElementBlock as l, openBlock as u, normalizeClass as p, createElementVNode as v, createCommentVNode as y, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
+import { Swiper as B } from "swiper";
+import x from "../../../../../node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.js";
+import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.8/node_modules/swiper/swiper.css';/* empty css                                                                             */
+/* empty css                                                                                   */
+import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { shallowCopyObjectTo as _ } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
+import "../../../../../_virtual/polyline.js";
+const ee = ["id"], te = ["id", "data-cy"], se = ["data-idx", "alt", "width", "height", "onLoad"], ie = ["id"], ae = ["alt"], me = /* @__PURE__ */ J({
+  inheritAttrs: !1,
+  __name: "SwiperCarousel",
+  props: {
+    id: {},
+    swiperOptions: {},
+    thumbSwiperOptions: {},
+    lazyLoadImages: { type: Boolean, default: !0 },
+    backgroundImage: { type: Boolean, default: !1 },
+    images: { default: () => [] },
+    artDirection: {},
+    shiftFirstImage: { type: Boolean, default: !1 }
+  },
+  emits: ["moved", "click", "firstSlideLoaded"],
+  setup(s, { expose: D, emit: j }) {
+    const $ = j, r = Q({
+      swiperParams: { modules: [x] },
+      swiper: null,
+      initCarousel: !1
+    }), S = k(), A = k(!1), N = U(), d = f(() => s.id ?? N), g = f(() => s.swiperOptions?.slidesPerView || 1), V = f(() => !!s.swiperOptions?.keyboard), C = f(() => !!s.swiperOptions.navigation), I = f(() => !!s.swiperOptions.pagination), W = f(() => !!s.swiperOptions.autoplay), q = f(
+      () => s.swiperOptions?.effect || "slider"
+    ), K = () => {
+      s.swiperOptions && _(s.swiperOptions, r.swiperParams);
+    }, z = (e, i = -1, t = !1) => {
+      if (!e.images)
+        return { src: e.src || "" };
+      let a = "", o = "", b = "";
+      if (s.artDirection) {
+        for (const n in s.artDirection) {
+          const { mq: c, width: m } = s.artDirection[n];
+          m && (b += b ? `,${c} ${parseInt(m)}px` : `${c} ${parseInt(m)}px`);
+        }
+        o = e.images.reduce((n, c, m) => {
+          const w = Object.values(s.artDirection)[m];
+          return !w || !w.width || (n += n ? `, ${c.storagePath} ${w.width}` : `${c.storagePath} ${w.width}`), n;
+        }, ""), a = e.images[0].storagePath;
+      } else {
+        let n = e.images;
+        e.images.length > 3 ? n = e.images.slice(2, 5) : s.shiftFirstImage && (n[0] = n[1]), o = n.reduce((c, m, w) => (w === 0 && (a = `${m.storagePath}`), w > 0 && (c += ", "), `${c}${m.storagePath} ${w + 1}x`), "");
+      }
+      const G = a, H = o;
+      return typeof g.value == "number" && i > g.value ? (a = "", o = "", { sizes: b, "data-src": G, "data-srcset": H }) : t ? {
+        src: a,
+        srcset: o,
+        sizes: b,
+        loading: "lazy",
+        fetchpriority: "low"
+      } : {
+        src: a,
+        srcset: o,
+        sizes: b,
+        loading: s.lazyLoadImages || i >= g.value ? "lazy" : void 0,
+        fetchpriority: !s.lazyLoadImages && i === 0 ? "high" : "low"
+      };
+    }, h = [], R = (e) => {
+      if (typeof g.value == "string") return;
+      const i = h[e];
+      if (i && !i.src && (i.src = i.dataset.src || "", i.srcset = i.dataset.srcset || ""), e < g.value || e + 1 >= (s.images ?? []).length)
+        return;
+      const t = h[e + 1];
+      t && !t.src && (t.src = t?.dataset.src || "", t.srcset = t?.dataset.srcset || "");
+    };
+    D({
+      moveTo(e, i = 0, t = !0) {
+        r.swiper?.slideTo(e, i, t);
+      }
+    });
+    const L = k(null), Z = (e) => {
+      e === 0 && h && h[e] && M(() => {
+        L.value?.setAttribute("data-first-slide-loaded", "true"), $("firstSlideLoaded");
+      });
+    };
+    return X(async () => {
+      if (K(), V.value) {
+        const { Keyboard: t } = await import("../../../lazyModules/Swiper/keyboard.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.keyboard = s.swiperOptions.keyboard;
+      }
+      if (I.value) {
+        const { Pagination: t } = await import("../../../lazyModules/Swiper/pagination.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.pagination = {
+          el: ".swiper-pagination",
+          renderFraction: (a, 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]">
+                    <span data-cy="swiper-pagination-current" class="${a}"></span>
+                    /
+                    <span data-cy="swiper-pagination-total" class="${o}"></span>
+                 </div>`,
+          ...typeof r.swiperParams.pagination == "boolean" ? {} : r.swiperParams.pagination
+        };
+      }
+      if (C.value) {
+        const { Navigation: t } = await import("../../../lazyModules/Swiper/navigation.js");
+        r.swiperParams.modules?.push(t);
+        const a = {
+          ...s.swiperOptions.navigation.nextEl ?? {
+            nextEl: ".swiper-button-next"
+          },
+          ...s.swiperOptions.navigation.prevEl ?? {
+            prevEl: ".swiper-button-prev"
+          }
+        };
+        r.swiperParams.navigation = {
+          ...typeof s.swiperOptions.navigation == "object" ? s.swiperOptions.navigation : {},
+          ...a
+        };
+      }
+      if (W.value) {
+        const { Autoplay: t } = await import("../../../lazyModules/Swiper/autoplay.js");
+        r.swiperParams.modules?.push(t), r.swiperParams.autoplay = s.swiperOptions.autoplay;
+      }
+      const e = {
+        ...r.swiperParams,
+        on: {
+          init: () => {
+            A.value = !0;
+          },
+          slideChange: (t) => {
+            R(t.activeIndex), $("moved", { activeIndex: t.activeIndex });
+          }
+        }
+      };
+      let i = null;
+      if (s.thumbSwiperOptions) {
+        const [t, a, o] = await Promise.all([
+          import("../../../lazyModules/Swiper/thumbs.js"),
+          import("../../../lazyModules/Swiper/free-mode.js"),
+          import("../../../lazyModules/Swiper/controller.js")
+        ]);
+        r.swiperParams.modules?.push(t.Thumbs), r.swiperParams.modules?.push(o.Controller), i = new B(`#thumb_${d.value}`, {
+          ...s.thumbSwiperOptions,
+          modules: [a.FreeMode]
+        }), e.thumbs = {
+          swiper: i
+        };
+      }
+      e.lazyPreloadPrevNext = 1, r.swiper = new B(`#${d.value}`, e), S.value?.classList.remove("uikit-hidden");
+    }), Y(
+      () => s.images,
+      () => {
+        M(() => {
+          r.swiper?.update();
+        });
+      }
+    ), (e, i) => (u(), l("div", {
+      id: `root-${d.value}`,
+      ref_key: "root",
+      ref: L,
+      class: p(["swiper-carousel-root", e.$attrs["root-classes"]])
+    }, [
+      v("div", {
+        id: d.value,
+        "data-cy": e.$attrs["data-cy"],
+        class: p(["swiper", e.$attrs["swiper-classes"]])
+      }, [
+        v("div", {
+          ref_key: "swiperWrapper",
+          ref: S,
+          class: p(["swiper-wrapper", [
+            e.$attrs["swiper-wrapper-classes"],
+            q.value === "none" && "no-transition"
+          ]]),
+          onClick: i[0] || (i[0] = (t) => $("click"))
+        }, [
+          E(e.$slots, "default", {}, () => [
+            (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+              key: `swiper_${d.value}_${a}`,
+              class: p(["swiper-slide", e.$attrs["swiper-slide-classes"]])
+            }, [
+              v("div", {
+                class: p(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
+              }, [
+                e.backgroundImage ? y("", !0) : (u(), l("img", T({
+                  key: 0,
+                  ref_for: !0,
+                  ref: (o) => {
+                    h.push(o);
+                  },
+                  class: ["disable-select", [e.$attrs["slide-img-classes"] || t.classes]],
+                  "data-idx": `${d.value}-slide-img-${a}`
+                }, { ref_for: !0 }, z(t, a), {
+                  alt: t.alt,
+                  itemprop: "image",
+                  width: t.width,
+                  height: t.height,
+                  onLoad: (o) => Z(a)
+                }), null, 16, se))
+              ], 2)
+            ], 2))), 128)),
+            E(e.$slots, "last_slide", {}, void 0, !0)
+          ], !0)
+        ], 2),
+        I.value ? (u(), l("div", {
+          key: 0,
+          class: p([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
+          onClick: i[1] || (i[1] = O(() => {
+          }, ["stop"]))
+        }, null, 2)) : y("", !0),
+        C.value ? (u(), l(P, { key: 1 }, [
+          v("div", {
+            class: "swiper-button-prev",
+            "data-cy": "swiper-button-prev",
+            onClick: i[2] || (i[2] = O(() => {
+            }, ["stop"]))
+          }),
+          v("div", {
+            class: "swiper-button-next",
+            "data-cy": "swiper-button-next",
+            onClick: i[3] || (i[3] = O(() => {
+            }, ["stop"]))
+          })
+        ], 64)) : y("", !0)
+      ], 10, te),
+      e.thumbSwiperOptions ? (u(), l("div", {
+        key: 0,
+        id: `thumb_${d.value}`,
+        thumbsSlider: "",
+        class: p(["swiper", e.$attrs["thumb-swiper-classes"]])
+      }, [
+        v("div", {
+          class: p(["swiper-wrapper", e.$attrs["thumb-swiper-wrapper-classes"]])
+        }, [
+          (u(!0), l(P, null, F(e.images, (t, a) => (u(), l("div", {
+            key: `thumb_${d.value}_${a}`,
+            class: p(["swiper-slide", e.$attrs["thumb-img-wrapper-classes"]])
+          }, [
+            v("img", T({
+              class: e.$attrs["thumb-img-classes"]
+            }, { ref_for: !0 }, z(t, -1, !1), {
+              alt: t.alt
+            }), null, 16, ae)
+          ], 2))), 128))
+        ], 2)
+      ], 10, ie)) : y("", !0)
+    ], 10, ee));
+  }
+});
+export {
+  me as default
+};

package/dist/utils.d.ts

@@ -1 +1 @@
-export declare const getUID: (prefix?: string) => string;
+export declare const log: <T>(message: string, payload: T) => void;

package/dist/utils.js

@@ -1,5 +1,7 @@
-var t = 0;
-const e = (r = "uikit_id_") => (t++, `${r}${t}`);
+const c = (o, l) => console.log("DEBUG:", {
+  message: o,
+  payload: l
+});
 export {
-  e as getUID
+  c as log
 };