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

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

@@ -1,127 +0,0 @@
-import { defineComponent as T, mergeModels as c, useModel as h, ref as $, watch as L, createElementBlock as b, openBlock as f, normalizeClass as s, createElementVNode as r, createCommentVNode as v, unref as u, createVNode as M, withModifiers as o, nextTick as C } from "vue";
-import F from "../../../../UIKit/BaseFloatingLabel.js";
-import { useFloatingLabel as B } from "../../../../composables/useFloatingLabel.js";
-const z = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], E = {
-  key: 0,
-  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"
-}, H = ["innerHTML"], q = ["innerHTML"], S = /* @__PURE__ */ T({
-  inheritAttrs: !1,
-  __name: "BaseTextarea",
-  props: /* @__PURE__ */ c({
-    labelText: { default: "" },
-    feedback: {},
-    isValid: { type: [Boolean, null], default: null },
-    resize: { type: Boolean, default: !1 },
-    labelClasses: {}
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ c(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
-  setup(e, { expose: m, emit: x }) {
-    const n = h(e, "modelValue"), k = x, {
-      labelState: a,
-      handleFocusIn: w,
-      handleFocusOut: y,
-      setFloatingLabel: g,
-      setInlineLabel: p
-    } = B(k), t = $(null);
-    L(
-      n,
-      (i) => {
-        `${i}`.length && a.value !== "floating-label" ? g() : !i?.length && a.value !== "inline-label" && document.activeElement !== t.value && p();
-      },
-      { immediate: !0 }
-    );
-    const V = ({ target: i }) => {
-      n.value = i.value;
-    };
-    return m({
-      disableTextarea: () => {
-        t.value && (t.value.setAttribute("readonly", "readonly"), t.value.classList.add("disabled"));
-      },
-      clearTextareaElem: () => {
-        t.value && (t.value.value = "");
-      },
-      focusDisabledTextarea: () => {
-        t.value && (t.value.removeAttribute("readonly"), t.value.classList.remove("disabled"), C(() => {
-          t.value && t.value.focus();
-        }));
-      }
-    }), (i, l) => (f(), b("div", {
-      class: s(i.$attrs["wrapper-classes"])
-    }, [
-      r("div", {
-        class: s(["input-wrapper uikit-relative uikit-rounded-xs uikit-px-0", [
-          u(a) === "floating-label" ? "floating-state" : "inline-state"
-        ]])
-      }, [
-        r("textarea", {
-          id: i.$attrs.id,
-          ref_key: "textarea",
-          ref: t,
-          "data-cy": i.$attrs["data-cy"],
-          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", [
-            { "is-invalid invalid-bg !uikit-pr-10": e.isValid === !1 },
-            { "is-valid valid-bg !uikit-pr-10": e.isValid },
-            { "uikit-resize-none": !e.resize },
-            i.$attrs.class
-          ]]),
-          rows: i.$attrs.rows,
-          disabled: i.$attrs.disabled,
-          "aria-labelledby": i.$attrs.id,
-          readonly: i.$attrs.readonly,
-          onFocusin: l[0] || (l[0] = o((d) => u(w)(), ["stop"])),
-          onFocusout: l[1] || (l[1] = o((d) => u(y)(`${n.value}`.trim()), ["stop"])),
-          onInput: o(V, ["stop"]),
-          onKeydown: l[2] || (l[2] = o((d) => k("keydown", d), ["stop"])),
-          onClick: l[3] || (l[3] = (d) => k("click", d)),
-          value: n.value
-        }, null, 42, z),
-        r("fieldset", {
-          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", [
-            { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
-            { "uikit-border-w-danger": e.isValid === !1 },
-            { "uikit-border-w-primary": e.isValid },
-            { "uikit-border-w-secondary": e.isValid === null }
-          ]])
-        }, [
-          e.labelText ? (f(), b("legend", E, [
-            r("span", {
-              class: s(["uikit-px-5px uikit-opacity-0", [
-                {
-                  "uikit-visible uikit-inline-block": u(a) === "floating-label"
-                },
-                {
-                  "uikit-invisible uikit-hidden": u(a) === "inline-label"
-                }
-              ]]),
-              innerHTML: e.labelText
-            }, null, 10, H)
-          ])) : v("", !0)
-        ], 2),
-        M(F, {
-          for: i.$attrs.id,
-          "label-text": e.labelText,
-          "label-state": u(a),
-          required: i.$attrs.required,
-          "is-valid": e.isValid,
-          "label-classes": [
-            u(a) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
-            e.labelClasses
-          ]
-        }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
-      ], 2),
-      (e.isValid || e.isValid === !1) && e.feedback ? (f(), b("div", {
-        key: 0,
-        class: s(
-          e.isValid === !1 ? "uikit-mt-1 uikit-text-12 uikit-text-w-danger" : "uikit-mt-1 uikit-text-12 uikit-text-w-primary"
-        ),
-        innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
-      }, null, 10, q)) : v("", !0)
-    ], 2));
-  }
-});
-export {
-  S as default
-};

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

@@ -1,42 +0,0 @@
-import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as b, normalizeClass as c, renderSlot as r, createElementVNode as i, createCommentVNode as f, withModifiers as m } from "vue";
-const p = { class: "switch uikit-relative uikit-inline-block uikit-min-w-[40px] uikit-text-sm" }, h = ["data-cy", "checked"], g = ["innerHTML"], y = /* @__PURE__ */ s({
-  inheritAttrs: !1,
-  __name: "BaseToggle",
-  props: /* @__PURE__ */ n({
-    withRightLabel: { type: Boolean, default: !0 },
-    label: { default: "" }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const l = d(o, "modelValue"), u = ({ target: e }) => {
-      l.value = e.checked;
-    };
-    return (e, t) => (b(), k("div", {
-      class: c(["switch-container uikit-inline-block uikit-items-center", e.$attrs.class])
-    }, [
-      r(e.$slots, "leftLabel", {}, void 0, !0),
-      i("label", p, [
-        i("input", {
-          "data-cy": e.$attrs["data-cy"] ?? "",
-          class: "uikit-peer/toggle uikit-h-0 uikit-w-0 uikit-opacity-0",
-          type: "checkbox",
-          checked: l.value,
-          onInput: t[0] || (t[0] = m((a) => u(a), ["stop"]))
-        }, null, 40, h),
-        t[1] || (t[1] = i("span", { class: "slider round uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-cursor-pointer uikit-bg-w-lavender uikit-duration-300 before:uikit-absolute before:uikit-bottom-0 before:uikit-left-0 before:uikit-top-0 before:uikit-box-border before:uikit-h-[22px] before:uikit-w-[22px] before:uikit-rounded-circle before:uikit-border before:uikit-border-solid before:uikit-border-w-secondary before:uikit-bg-white before:uikit-shadow-sm before:uikit-duration-300 before:uikit-content-[''] peer-checked/toggle:uikit-bg-w-primary" }, null, -1))
-      ]),
-      o.withRightLabel ? r(e.$slots, "rightLabel", { key: 0 }, () => [
-        i("span", {
-          class: "uikit-ml-10px",
-          innerHTML: o.label
-        }, null, 8, g)
-      ], !0) : f("", !0)
-    ], 2));
-  }
-});
-export {
-  y as default
-};

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

@@ -1,41 +0,0 @@
-import { defineComponent as n, createElementBlock as o, openBlock as l, renderSlot as s, createElementVNode as i, normalizeClass as a, createCommentVNode as r } from "vue";
-const c = { class: "base-tooltip" }, m = /* @__PURE__ */ n({
-  __name: "BaseTooltip",
-  props: {
-    theme: { default: () => ({
-      color: "blue",
-      size: "sm"
-    }) },
-    direction: { default: "top" },
-    customTooltipClass: { default: "" },
-    showTooltipContentManually: { type: Boolean, default: !0 },
-    tooltipContentClasses: { default: "" }
-  },
-  setup(t) {
-    return (e, u) => (l(), o("div", c, [
-      s(e.$slots, "trigger", {}, void 0, !0),
-      i("div", {
-        class: a(["bg-transparent", [
-          t.theme.size,
-          `${t.customTooltipClass ? t.customTooltipClass : "tooltip-content-wrapper"}`
-        ]])
-      }, [
-        t.showTooltipContentManually ? (l(), o("div", {
-          key: 0,
-          class: a(["tooltip-content uikit-shadow-lg uikit-shadow-w-primary/10", [
-            "base-tooltip-arrow",
-            t.direction,
-            t.theme.color,
-            t.theme.size,
-            t.tooltipContentClasses
-          ]])
-        }, [
-          s(e.$slots, "content", {}, void 0, !0)
-        ], 2)) : r("", !0)
-      ], 2)
-    ]));
-  }
-});
-export {
-  m as default
-};

package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js

@@ -1,21 +0,0 @@
-import { defineComponent as s, createElementBlock as l, openBlock as r, normalizeClass as t, createElementVNode as a, renderSlot as o } from "vue";
-const m = /* @__PURE__ */ s({
-  inheritAttrs: !1,
-  __name: "BaseShimmerLoader",
-  props: {
-    shimmerClasses: { default: "" }
-  },
-  setup(i) {
-    return (e, u) => (r(), l("div", {
-      class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class])
-    }, [
-      a("div", {
-        class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", i.shimmerClasses])
-      }, null, 2),
-      o(e.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-});
-export {
-  m as default
-};

package/dist/packages/components/lib/UIKit/Slider/SimpleSlider.vue.js

@@ -1,82 +0,0 @@
-import { defineComponent as V, mergeModels as L, useCssVars as T, ref as m, useTemplateRef as y, useModel as E, watch as S, onMounted as C, createElementBlock as X, openBlock as $, createElementVNode as d, withModifiers as B } from "vue";
-const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
-  __name: "SimpleSlider",
-  props: /* @__PURE__ */ L({
-    min: { default: 0 },
-    max: { default: 100 },
-    step: { default: 1 },
-    dataCy: {},
-    logarithmic: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    T((i) => ({
-      v0f43c897: r.value,
-      ec9c737a: s.value
-    }));
-    const u = y("customSlider"), l = E(t, "modelValue"), o = m(!1), s = m("50%"), r = m("50%"), c = (i = 0) => {
-      const e = t.logarithmic ? b(i) : x(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
-      l.value = Math.round(e), s.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
-    }, x = (i = 0) => {
-      const e = Math.round((i - t.min) / t.step) * t.step + t.min;
-      return Math.max(t.min, Math.min(t.max, e));
-    }, k = (i = 0) => {
-      const e = Math.log10(t.min), a = Math.log10(t.max);
-      return Math.pow(10, e + i / 100 * (a - e));
-    }, h = (i = 0) => {
-      const e = Math.log10(t.min), a = Math.log10(t.max);
-      return (Math.log10(i) - e) / (a - e) * 100;
-    }, b = (i = 0) => {
-      if (t.step === 1)
-        return Math.max(t.min, Math.min(t.max, i));
-      const e = Math.pow(
-        10,
-        Math.round(Math.log10(i) / Math.log10(t.step)) * Math.log10(t.step)
-      );
-      return Math.max(t.min, Math.min(t.max, e));
-    }, v = (i) => {
-      if (!o.value || !u.value) return;
-      const e = u.value.getBoundingClientRect(), a = u.value.offsetWidth;
-      let n = ("touches" in i ? i.touches[0].clientX : i.clientX) - e.left;
-      n = Math.max(0, Math.min(a, n));
-      const w = t.logarithmic ? k(n / a * 100) : n / a * (t.max - t.min) + t.min;
-      c(w);
-    }, M = () => {
-      o.value = !0;
-    }, g = () => {
-      o.value = !1;
-    };
-    return S(
-      l,
-      (i) => {
-        c(i);
-      },
-      { immediate: !0 }
-    ), C(() => {
-      document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
-    }), (i, e) => ($(), X("div", null, [
-      d("div", {
-        ref: "customSlider",
-        class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
-        role: "slider",
-        "aria-valuemin": t.min,
-        "aria-valuemax": t.max,
-        "aria-valuenow": l.value,
-        tabindex: "0"
-      }, [
-        e[2] || (e[2] = d("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
-        d("div", {
-          class: "slider-thumb uikit-absolute -uikit-top-2 uikit-size-20px -uikit-translate-x-1/2 uikit-cursor-pointer uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-primary uikit-bg-white",
-          onMousedown: e[0] || (e[0] = (a) => M()),
-          onTouchstart: e[1] || (e[1] = B((a) => M(), ["prevent"]))
-        }, null, 32)
-      ], 8, D)
-    ]));
-  }
-});
-export {
-  P as default
-};

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

@@ -1,27 +0,0 @@
-import { defineComponent as t, createElementBlock as o, openBlock as s, createElementVNode as n } from "vue";
-const c = {
-  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(e) {
-    return (r, l) => (s(), o("svg", c, [
-      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/packages/components/lib/components/carousel/SwiperCarousel.vue.js

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