@wikicasa-dev/components 1.2.14 → 1.2.16

package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-DUANcQKT.js

@@ -0,0 +1,716 @@
+import { defineComponent as Ce, reactive as ze, ref as ge, computed as D, onMounted as Xe, openBlock as Y, createElementBlock as $, normalizeClass as M, createElementVNode as k, renderSlot as Ye, Fragment as re, renderList as he, mergeProps as we, createCommentVNode as J, withModifiers as se, nextTick as $e } from "vue";
+import { Swiper as ve } from "swiper";
+import { S as Me } from "./utilities-CBCDB5EB.js";
+function Ee(r) {
+  return r !== null && typeof r == "object" && "constructor" in r && r.constructor === Object;
+}
+function ae(r, e) {
+  r === void 0 && (r = {}), e === void 0 && (e = {}), Object.keys(e).forEach((u) => {
+    typeof r[u] > "u" ? r[u] = e[u] : Ee(e[u]) && Ee(r[u]) && Object.keys(e[u]).length > 0 && ae(r[u], e[u]);
+  });
+}
+const xe = {
+  body: {},
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  activeElement: {
+    blur() {
+    },
+    nodeName: ""
+  },
+  querySelector() {
+    return null;
+  },
+  querySelectorAll() {
+    return [];
+  },
+  getElementById() {
+    return null;
+  },
+  createEvent() {
+    return {
+      initEvent() {
+      }
+    };
+  },
+  createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute() {
+      },
+      getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS() {
+    return {};
+  },
+  importNode() {
+    return null;
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  }
+};
+function Te() {
+  const r = typeof document < "u" ? document : {};
+  return ae(r, xe), r;
+}
+const We = {
+  document: xe,
+  navigator: {
+    userAgent: ""
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  },
+  history: {
+    replaceState() {
+    },
+    pushState() {
+    },
+    go() {
+    },
+    back() {
+    }
+  },
+  CustomEvent: function() {
+    return this;
+  },
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  getComputedStyle() {
+    return {
+      getPropertyValue() {
+        return "";
+      }
+    };
+  },
+  Image() {
+  },
+  Date() {
+  },
+  screen: {},
+  setTimeout() {
+  },
+  clearTimeout() {
+  },
+  matchMedia() {
+    return {};
+  },
+  requestAnimationFrame(r) {
+    return typeof setTimeout > "u" ? (r(), null) : setTimeout(r, 0);
+  },
+  cancelAnimationFrame(r) {
+    typeof setTimeout > "u" || clearTimeout(r);
+  }
+};
+function B() {
+  const r = typeof window < "u" ? window : {};
+  return ae(r, We), r;
+}
+function Pe(r) {
+  return r === void 0 && (r = ""), r.trim().split(" ").filter((e) => !!e.trim());
+}
+function qe(r, e) {
+  return e === void 0 && (e = 0), setTimeout(r, e);
+}
+function Be() {
+  return Date.now();
+}
+function Le(r) {
+  const e = B();
+  let u;
+  return e.getComputedStyle && (u = e.getComputedStyle(r, null)), !u && r.currentStyle && (u = r.currentStyle), u || (u = r.style), u;
+}
+function ye(r, e) {
+  e === void 0 && (e = "x");
+  const u = B();
+  let o, v, d;
+  const g = Le(r);
+  return u.WebKitCSSMatrix ? (v = g.transform || g.webkitTransform, v.split(",").length > 6 && (v = v.split(", ").map((y) => y.replace(",", ".")).join(", ")), d = new u.WebKitCSSMatrix(v === "none" ? "" : v)) : (d = g.MozTransform || g.OTransform || g.MsTransform || g.msTransform || g.transform || g.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), o = d.toString().split(",")), e === "x" && (u.WebKitCSSMatrix ? v = d.m41 : o.length === 16 ? v = parseFloat(o[12]) : v = parseFloat(o[4])), e === "y" && (u.WebKitCSSMatrix ? v = d.m42 : o.length === 16 ? v = parseFloat(o[13]) : v = parseFloat(o[5])), v || 0;
+}
+function Ve(r) {
+  return typeof r == "object" && r !== null && r.constructor && Object.prototype.toString.call(r).slice(8, -1) === "Object";
+}
+function be(r, e) {
+  return e === void 0 && (e = ""), [...r.children].filter((u) => u.matches(e));
+}
+function Ne(r, e) {
+  e === void 0 && (e = []);
+  const u = document.createElement(r);
+  return u.classList.add(...Array.isArray(e) ? e : Pe(e)), u;
+}
+function Se(r) {
+  const e = B(), u = Te(), o = r.getBoundingClientRect(), v = u.body, d = r.clientTop || v.clientTop || 0, g = r.clientLeft || v.clientLeft || 0, y = r === e ? e.scrollY : r.scrollTop, T = r === e ? e.scrollX : r.scrollLeft;
+  return {
+    top: o.top + y - d,
+    left: o.left + T - g
+  };
+}
+function Ge(r) {
+  let e = r, u;
+  if (e) {
+    for (u = 0; (e = e.previousSibling) !== null; )
+      e.nodeType === 1 && (u += 1);
+    return u;
+  }
+}
+function ne(r, e) {
+  const u = [];
+  let o = r.parentElement;
+  for (; o; )
+    e ? o.matches(e) && u.push(o) : u.push(o), o = o.parentElement;
+  return u;
+}
+function Ke(r, e) {
+  function u(o) {
+    o.target === r && (e.call(r, o), r.removeEventListener("transitionend", u));
+  }
+  e && r.addEventListener("transitionend", u);
+}
+function Ze(r, e, u) {
+  const o = B();
+  return u ? r[e === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(o.getComputedStyle(r, null).getPropertyValue(e === "width" ? "margin-right" : "margin-top")) + parseFloat(o.getComputedStyle(r, null).getPropertyValue(e === "width" ? "margin-left" : "margin-bottom")) : r.offsetWidth;
+}
+function Je(r) {
+  return (Array.isArray(r) ? r : [r]).filter((e) => !!e);
+}
+function Oe(r) {
+  let {
+    swiper: e,
+    extendParams: u,
+    on: o,
+    emit: v
+  } = r;
+  const d = B();
+  u({
+    zoom: {
+      enabled: !1,
+      limitToOriginalSize: !1,
+      maxRatio: 3,
+      minRatio: 1,
+      toggle: !0,
+      containerClass: "swiper-zoom-container",
+      zoomedSlideClass: "swiper-slide-zoomed"
+    }
+  }), e.zoom = {
+    enabled: !1
+  };
+  let g = 1, y = !1, T, I;
+  const m = [], t = {
+    originX: 0,
+    originY: 0,
+    slideEl: void 0,
+    slideWidth: void 0,
+    slideHeight: void 0,
+    imageEl: void 0,
+    imageWrapEl: void 0,
+    maxRatio: 3
+  }, i = {
+    isTouched: void 0,
+    isMoved: void 0,
+    currentX: void 0,
+    currentY: void 0,
+    minX: void 0,
+    minY: void 0,
+    maxX: void 0,
+    maxY: void 0,
+    width: void 0,
+    height: void 0,
+    startX: void 0,
+    startY: void 0,
+    touchesStart: {},
+    touchesCurrent: {}
+  }, p = {
+    x: void 0,
+    y: void 0,
+    prevPositionX: void 0,
+    prevPositionY: void 0,
+    prevTime: void 0
+  };
+  let H = 1;
+  Object.defineProperty(e.zoom, "scale", {
+    get() {
+      return H;
+    },
+    set(s) {
+      if (H !== s) {
+        const n = t.imageEl, a = t.slideEl;
+        v("zoomChange", s, n, a);
+      }
+      H = s;
+    }
+  });
+  function j() {
+    if (m.length < 2)
+      return 1;
+    const s = m[0].pageX, n = m[0].pageY, a = m[1].pageX, w = m[1].pageY;
+    return Math.sqrt((a - s) ** 2 + (w - n) ** 2);
+  }
+  function W() {
+    const s = e.params.zoom, n = t.imageWrapEl.getAttribute("data-swiper-zoom") || s.maxRatio;
+    if (s.limitToOriginalSize && t.imageEl && t.imageEl.naturalWidth) {
+      const a = t.imageEl.naturalWidth / t.imageEl.offsetWidth;
+      return Math.min(a, n);
+    }
+    return n;
+  }
+  function Q() {
+    if (m.length < 2)
+      return {
+        x: null,
+        y: null
+      };
+    const s = t.imageEl.getBoundingClientRect();
+    return [(m[0].pageX + (m[1].pageX - m[0].pageX) / 2 - s.x - d.scrollX) / g, (m[0].pageY + (m[1].pageY - m[0].pageY) / 2 - s.y - d.scrollY) / g];
+  }
+  function V() {
+    return e.isElement ? "swiper-slide" : `.${e.params.slideClass}`;
+  }
+  function R(s) {
+    const n = V();
+    return !!(s.target.matches(n) || e.slides.filter((a) => a.contains(s.target)).length > 0);
+  }
+  function l(s) {
+    const n = `.${e.params.zoom.containerClass}`;
+    return !!(s.target.matches(n) || [...e.hostEl.querySelectorAll(n)].filter((a) => a.contains(s.target)).length > 0);
+  }
+  function f(s) {
+    if (s.pointerType === "mouse" && m.splice(0, m.length), !R(s))
+      return;
+    const n = e.params.zoom;
+    if (T = !1, I = !1, m.push(s), !(m.length < 2)) {
+      if (T = !0, t.scaleStart = j(), !t.slideEl) {
+        t.slideEl = s.target.closest(`.${e.params.slideClass}, swiper-slide`), t.slideEl || (t.slideEl = e.slides[e.activeIndex]);
+        let a = t.slideEl.querySelector(`.${n.containerClass}`);
+        if (a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = a, a ? t.imageWrapEl = ne(t.imageEl, `.${n.containerClass}`)[0] : t.imageWrapEl = void 0, !t.imageWrapEl) {
+          t.imageEl = void 0;
+          return;
+        }
+        t.maxRatio = W();
+      }
+      if (t.imageEl) {
+        const [a, w] = Q();
+        t.originX = a, t.originY = w, t.imageEl.style.transitionDuration = "0ms";
+      }
+      y = !0;
+    }
+  }
+  function c(s) {
+    if (!R(s))
+      return;
+    const n = e.params.zoom, a = e.zoom, w = m.findIndex((S) => S.pointerId === s.pointerId);
+    w >= 0 && (m[w] = s), !(m.length < 2) && (I = !0, t.scaleMove = j(), t.imageEl && (a.scale = t.scaleMove / t.scaleStart * g, a.scale > t.maxRatio && (a.scale = t.maxRatio - 1 + (a.scale - t.maxRatio + 1) ** 0.5), a.scale < n.minRatio && (a.scale = n.minRatio + 1 - (n.minRatio - a.scale + 1) ** 0.5), t.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`));
+  }
+  function h(s) {
+    if (!R(s) || s.pointerType === "mouse" && s.type === "pointerout")
+      return;
+    const n = e.params.zoom, a = e.zoom, w = m.findIndex((S) => S.pointerId === s.pointerId);
+    w >= 0 && m.splice(w, 1), !(!T || !I) && (T = !1, I = !1, t.imageEl && (a.scale = Math.max(Math.min(a.scale, t.maxRatio), n.minRatio), t.imageEl.style.transitionDuration = `${e.params.speed}ms`, t.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`, g = a.scale, y = !1, a.scale > 1 && t.slideEl ? t.slideEl.classList.add(`${n.zoomedSlideClass}`) : a.scale <= 1 && t.slideEl && t.slideEl.classList.remove(`${n.zoomedSlideClass}`), a.scale === 1 && (t.originX = 0, t.originY = 0, t.slideEl = void 0)));
+  }
+  function b(s) {
+    const n = e.device;
+    if (!t.imageEl || i.isTouched)
+      return;
+    n.android && s.cancelable && s.preventDefault(), i.isTouched = !0;
+    const a = m.length > 0 ? m[0] : s;
+    i.touchesStart.x = a.pageX, i.touchesStart.y = a.pageY;
+  }
+  function N(s) {
+    if (!R(s) || !l(s))
+      return;
+    const n = e.zoom;
+    if (!t.imageEl || !i.isTouched || !t.slideEl)
+      return;
+    i.isMoved || (i.width = t.imageEl.offsetWidth, i.height = t.imageEl.offsetHeight, i.startX = ye(t.imageWrapEl, "x") || 0, i.startY = ye(t.imageWrapEl, "y") || 0, t.slideWidth = t.slideEl.offsetWidth, t.slideHeight = t.slideEl.offsetHeight, t.imageWrapEl.style.transitionDuration = "0ms");
+    const a = i.width * n.scale, w = i.height * n.scale;
+    if (a < t.slideWidth && w < t.slideHeight)
+      return;
+    if (i.minX = Math.min(t.slideWidth / 2 - a / 2, 0), i.maxX = -i.minX, i.minY = Math.min(t.slideHeight / 2 - w / 2, 0), i.maxY = -i.minY, i.touchesCurrent.x = m.length > 0 ? m[0].pageX : s.pageX, i.touchesCurrent.y = m.length > 0 ? m[0].pageY : s.pageY, Math.max(Math.abs(i.touchesCurrent.x - i.touchesStart.x), Math.abs(i.touchesCurrent.y - i.touchesStart.y)) > 5 && (e.allowClick = !1), !i.isMoved && !y) {
+      if (e.isHorizontal() && (Math.floor(i.minX) === Math.floor(i.startX) && i.touchesCurrent.x < i.touchesStart.x || Math.floor(i.maxX) === Math.floor(i.startX) && i.touchesCurrent.x > i.touchesStart.x)) {
+        i.isTouched = !1;
+        return;
+      }
+      if (!e.isHorizontal() && (Math.floor(i.minY) === Math.floor(i.startY) && i.touchesCurrent.y < i.touchesStart.y || Math.floor(i.maxY) === Math.floor(i.startY) && i.touchesCurrent.y > i.touchesStart.y)) {
+        i.isTouched = !1;
+        return;
+      }
+    }
+    s.cancelable && s.preventDefault(), s.stopPropagation(), i.isMoved = !0;
+    const P = (n.scale - g) / (t.maxRatio - e.params.zoom.minRatio), {
+      originX: L,
+      originY: A
+    } = t;
+    i.currentX = i.touchesCurrent.x - i.touchesStart.x + i.startX + P * (i.width - L * 2), i.currentY = i.touchesCurrent.y - i.touchesStart.y + i.startY + P * (i.height - A * 2), i.currentX < i.minX && (i.currentX = i.minX + 1 - (i.minX - i.currentX + 1) ** 0.8), i.currentX > i.maxX && (i.currentX = i.maxX - 1 + (i.currentX - i.maxX + 1) ** 0.8), i.currentY < i.minY && (i.currentY = i.minY + 1 - (i.minY - i.currentY + 1) ** 0.8), i.currentY > i.maxY && (i.currentY = i.maxY - 1 + (i.currentY - i.maxY + 1) ** 0.8), p.prevPositionX || (p.prevPositionX = i.touchesCurrent.x), p.prevPositionY || (p.prevPositionY = i.touchesCurrent.y), p.prevTime || (p.prevTime = Date.now()), p.x = (i.touchesCurrent.x - p.prevPositionX) / (Date.now() - p.prevTime) / 2, p.y = (i.touchesCurrent.y - p.prevPositionY) / (Date.now() - p.prevTime) / 2, Math.abs(i.touchesCurrent.x - p.prevPositionX) < 2 && (p.x = 0), Math.abs(i.touchesCurrent.y - p.prevPositionY) < 2 && (p.y = 0), p.prevPositionX = i.touchesCurrent.x, p.prevPositionY = i.touchesCurrent.y, p.prevTime = Date.now(), t.imageWrapEl.style.transform = `translate3d(${i.currentX}px, ${i.currentY}px,0)`;
+  }
+  function U() {
+    const s = e.zoom;
+    if (!t.imageEl)
+      return;
+    if (!i.isTouched || !i.isMoved) {
+      i.isTouched = !1, i.isMoved = !1;
+      return;
+    }
+    i.isTouched = !1, i.isMoved = !1;
+    let n = 300, a = 300;
+    const w = p.x * n, S = i.currentX + w, P = p.y * a, L = i.currentY + P;
+    p.x !== 0 && (n = Math.abs((S - i.currentX) / p.x)), p.y !== 0 && (a = Math.abs((L - i.currentY) / p.y));
+    const A = Math.max(n, a);
+    i.currentX = S, i.currentY = L;
+    const G = i.width * s.scale, X = i.height * s.scale;
+    i.minX = Math.min(t.slideWidth / 2 - G / 2, 0), i.maxX = -i.minX, i.minY = Math.min(t.slideHeight / 2 - X / 2, 0), i.maxY = -i.minY, i.currentX = Math.max(Math.min(i.currentX, i.maxX), i.minX), i.currentY = Math.max(Math.min(i.currentY, i.maxY), i.minY), t.imageWrapEl.style.transitionDuration = `${A}ms`, t.imageWrapEl.style.transform = `translate3d(${i.currentX}px, ${i.currentY}px,0)`;
+  }
+  function E() {
+    const s = e.zoom;
+    t.slideEl && e.activeIndex !== e.slides.indexOf(t.slideEl) && (t.imageEl && (t.imageEl.style.transform = "translate3d(0,0,0) scale(1)"), t.imageWrapEl && (t.imageWrapEl.style.transform = "translate3d(0,0,0)"), t.slideEl.classList.remove(`${e.params.zoom.zoomedSlideClass}`), s.scale = 1, g = 1, t.slideEl = void 0, t.imageEl = void 0, t.imageWrapEl = void 0, t.originX = 0, t.originY = 0);
+  }
+  function x(s) {
+    const n = e.zoom, a = e.params.zoom;
+    if (!t.slideEl) {
+      s && s.target && (t.slideEl = s.target.closest(`.${e.params.slideClass}, swiper-slide`)), t.slideEl || (e.params.virtual && e.params.virtual.enabled && e.virtual ? t.slideEl = be(e.slidesEl, `.${e.params.slideActiveClass}`)[0] : t.slideEl = e.slides[e.activeIndex]);
+      let q = t.slideEl.querySelector(`.${a.containerClass}`);
+      q && (q = q.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = q, q ? t.imageWrapEl = ne(t.imageEl, `.${a.containerClass}`)[0] : t.imageWrapEl = void 0;
+    }
+    if (!t.imageEl || !t.imageWrapEl)
+      return;
+    e.params.cssMode && (e.wrapperEl.style.overflow = "hidden", e.wrapperEl.style.touchAction = "none"), t.slideEl.classList.add(`${a.zoomedSlideClass}`);
+    let w, S, P, L, A, G, X, O, ce, de, me, pe, K, Z, _, ee, te, ie;
+    typeof i.touchesStart.x > "u" && s ? (w = s.pageX, S = s.pageY) : (w = i.touchesStart.x, S = i.touchesStart.y);
+    const F = typeof s == "number" ? s : null;
+    g === 1 && F && (w = void 0, S = void 0);
+    const fe = W();
+    n.scale = F || fe, g = F || fe, s && !(g === 1 && F) ? (te = t.slideEl.offsetWidth, ie = t.slideEl.offsetHeight, P = Se(t.slideEl).left + d.scrollX, L = Se(t.slideEl).top + d.scrollY, A = P + te / 2 - w, G = L + ie / 2 - S, ce = t.imageEl.offsetWidth, de = t.imageEl.offsetHeight, me = ce * n.scale, pe = de * n.scale, K = Math.min(te / 2 - me / 2, 0), Z = Math.min(ie / 2 - pe / 2, 0), _ = -K, ee = -Z, X = A * n.scale, O = G * n.scale, X < K && (X = K), X > _ && (X = _), O < Z && (O = Z), O > ee && (O = ee)) : (X = 0, O = 0), F && n.scale === 1 && (t.originX = 0, t.originY = 0), t.imageWrapEl.style.transitionDuration = "300ms", t.imageWrapEl.style.transform = `translate3d(${X}px, ${O}px,0)`, t.imageEl.style.transitionDuration = "300ms", t.imageEl.style.transform = `translate3d(0,0,0) scale(${n.scale})`;
+  }
+  function C() {
+    const s = e.zoom, n = e.params.zoom;
+    if (!t.slideEl) {
+      e.params.virtual && e.params.virtual.enabled && e.virtual ? t.slideEl = be(e.slidesEl, `.${e.params.slideActiveClass}`)[0] : t.slideEl = e.slides[e.activeIndex];
+      let a = t.slideEl.querySelector(`.${n.containerClass}`);
+      a && (a = a.querySelectorAll("picture, img, svg, canvas, .swiper-zoom-target")[0]), t.imageEl = a, a ? t.imageWrapEl = ne(t.imageEl, `.${n.containerClass}`)[0] : t.imageWrapEl = void 0;
+    }
+    !t.imageEl || !t.imageWrapEl || (e.params.cssMode && (e.wrapperEl.style.overflow = "", e.wrapperEl.style.touchAction = ""), s.scale = 1, g = 1, t.imageWrapEl.style.transitionDuration = "300ms", t.imageWrapEl.style.transform = "translate3d(0,0,0)", t.imageEl.style.transitionDuration = "300ms", t.imageEl.style.transform = "translate3d(0,0,0) scale(1)", t.slideEl.classList.remove(`${n.zoomedSlideClass}`), t.slideEl = void 0, t.originX = 0, t.originY = 0);
+  }
+  function z(s) {
+    const n = e.zoom;
+    n.scale && n.scale !== 1 ? C() : x(s);
+  }
+  function oe() {
+    const s = e.params.passiveListeners ? {
+      passive: !0,
+      capture: !1
+    } : !1, n = e.params.passiveListeners ? {
+      passive: !1,
+      capture: !0
+    } : !0;
+    return {
+      passiveListener: s,
+      activeListenerWithCapture: n
+    };
+  }
+  function le() {
+    const s = e.zoom;
+    if (s.enabled)
+      return;
+    s.enabled = !0;
+    const {
+      passiveListener: n,
+      activeListenerWithCapture: a
+    } = oe();
+    e.wrapperEl.addEventListener("pointerdown", f, n), e.wrapperEl.addEventListener("pointermove", c, a), ["pointerup", "pointercancel", "pointerout"].forEach((w) => {
+      e.wrapperEl.addEventListener(w, h, n);
+    }), e.wrapperEl.addEventListener("pointermove", N, a);
+  }
+  function ue() {
+    const s = e.zoom;
+    if (!s.enabled)
+      return;
+    s.enabled = !1;
+    const {
+      passiveListener: n,
+      activeListenerWithCapture: a
+    } = oe();
+    e.wrapperEl.removeEventListener("pointerdown", f, n), e.wrapperEl.removeEventListener("pointermove", c, a), ["pointerup", "pointercancel", "pointerout"].forEach((w) => {
+      e.wrapperEl.removeEventListener(w, h, n);
+    }), e.wrapperEl.removeEventListener("pointermove", N, a);
+  }
+  o("init", () => {
+    e.params.zoom.enabled && le();
+  }), o("destroy", () => {
+    ue();
+  }), o("touchStart", (s, n) => {
+    e.zoom.enabled && b(n);
+  }), o("touchEnd", (s, n) => {
+    e.zoom.enabled && U();
+  }), o("doubleTap", (s, n) => {
+    !e.animating && e.params.zoom.enabled && e.zoom.enabled && e.params.zoom.toggle && z(n);
+  }), o("transitionEnd", () => {
+    e.zoom.enabled && e.params.zoom.enabled && E();
+  }), o("slideChange", () => {
+    e.zoom.enabled && e.params.zoom.enabled && e.params.cssMode && E();
+  }), Object.assign(e.zoom, {
+    enable: le,
+    disable: ue,
+    in: x,
+    out: C,
+    toggle: z
+  });
+}
+const De = ["id"], ke = ["id", "data-cy"], Ie = ["data-idx", "loading", "alt", "width", "height", "onLoad"], Re = ["id"], Ae = ["loading", "alt"], Qe = /* @__PURE__ */ Ce({
+  inheritAttrs: !1,
+  __name: "SwiperCarousel",
+  props: {
+    id: {},
+    swiperOptions: {},
+    thumbSwiperOptions: {},
+    lazyLoadImages: { type: Boolean, default: !0 },
+    backgroundImage: { type: Boolean, default: !1 },
+    images: {},
+    artDirection: {},
+    shiftFirstImage: { type: Boolean, default: !1 }
+  },
+  emits: ["moved", "click", "firstSlideLoaded"],
+  setup(r, { expose: e, emit: u }) {
+    const o = r, v = u, d = ze({
+      swiperParams: { modules: [Oe] },
+      swiper: null,
+      initCarousel: !1
+    }), g = ge(), y = D(() => o.swiperOptions?.slidesPerView || 1), T = D(() => o.thumbSwiperOptions?.slidesPerView || 1), I = D(() => !!o.swiperOptions?.keyboard), m = D(() => {
+      const l = o.swiperOptions;
+      return l ? !!l.navigation : !1;
+    }), t = D(() => {
+      const l = o.swiperOptions;
+      return l ? !!l.pagination : !1;
+    }), i = D(() => {
+      const l = o.swiperOptions;
+      return l ? !!l.autoplay : !1;
+    }), p = D(
+      () => o.swiperOptions?.effect || "slider"
+    ), H = () => {
+      o.swiperOptions && Me(o.swiperOptions, d.swiperParams);
+    }, j = (l, f = -1) => {
+      if (!l.images)
+        return { src: l.src || "" };
+      let c = "", h = "", b = "";
+      if (o.artDirection) {
+        for (const E in o.artDirection) {
+          const { mq: x, width: C } = o.artDirection[E];
+          C && (b += b ? `,${x} ${parseInt(C)}px` : `${x} ${parseInt(C)}px`);
+        }
+        h = l.images.reduce((E, x, C) => {
+          const z = Object.values(o.artDirection)[C];
+          return !z || !z.width || (E += E ? `, ${x.storagePath} ${z.width}` : `${x.storagePath} ${z.width}`), E;
+        }, ""), c = l.images[0].storagePath;
+      } else {
+        let E = l.images;
+        l.images.length > 3 ? E = l.images.slice(2, 5) : o.shiftFirstImage && (E[0] = E[1]), h = E.reduce((x, C, z) => (z === 0 && (c = `${C.storagePath}`), z > 0 && (x += ", "), `${x}${C.storagePath} ${z + 1}x`), "");
+      }
+      const N = c, U = h;
+      return typeof y.value == "number" && f > y.value ? (c = "", h = "", { sizes: b, "data-src": N, "data-srcset": U }) : { src: c, srcset: h, sizes: b };
+    }, W = [], Q = (l) => {
+      if (typeof y.value == "string")
+        return;
+      const f = W[l];
+      if (f && !f.src && (f.src = f.dataset.src || "", f.srcset = f.dataset.srcset || ""), l < y.value || l + 1 >= (o.images ?? []).length)
+        return;
+      const c = W[l + 1];
+      c && !c.src && (c.src = c?.dataset.src || "", c.srcset = c?.dataset.srcset || "");
+    };
+    e({
+      moveTo(l, f = 0, c = !0) {
+        d.swiper && d.swiper.slideTo(l, f, c);
+      }
+    });
+    const V = ge(null), R = (l) => {
+      l === 0 && W && W[l] && $e(() => {
+        V.value?.setAttribute("data-first-slide-loaded", "true"), v("firstSlideLoaded");
+      });
+    };
+    return Xe(async () => {
+      if (H(), I.value) {
+        const { Keyboard: c } = await import("./index-6DJ6N4f8.js");
+        d.swiperParams.modules?.push(c), d.swiperParams.keyboard = o.swiperOptions.keyboard;
+      }
+      if (t.value) {
+        const { Pagination: c } = await import("./index-6DJ6N4f8.js");
+        d.swiperParams.modules?.push(c), await import("./pagination-l0sNRNKZ.js"), d.swiperParams.pagination = {
+          el: ".swiper-pagination",
+          renderFraction: (h, b) => `<div class="tw-rounded-xs tw-border-w-black tw-border tw-border-solid tw-px-3 tw-bg-white tw-pt-[3px] tw-pb-[3px]">
+                    <span data-cy="swiper-pagination-current" class="${h}"></span>
+                    /
+                    <span data-cy="swiper-pagination-total" class="${b}"></span>
+                 </div>`,
+          ...typeof d.swiperParams.pagination == "boolean" ? {} : d.swiperParams.pagination
+        };
+      }
+      if (m.value) {
+        const { Navigation: c } = await import("./index-6DJ6N4f8.js");
+        d.swiperParams.modules?.push(c), await import("./navigation-l0sNRNKZ.js");
+        const h = {
+          ...o.swiperOptions.navigation.nextEl ?? {
+            nextEl: ".swiper-button-next"
+          },
+          ...o.swiperOptions.navigation.prevEl ?? {
+            prevEl: ".swiper-button-prev"
+          }
+        };
+        d.swiperParams.navigation = {
+          ...typeof o.swiperOptions.navigation == "object" ? o.swiperOptions.navigation : {},
+          ...h
+        };
+      }
+      if (i.value) {
+        const { Autoplay: c } = await import("./index-6DJ6N4f8.js");
+        d.swiperParams.modules?.push(c), await import("./autoplay-l0sNRNKZ.js"), d.swiperParams.autoplay = o.swiperOptions.autoplay;
+      }
+      const l = {
+        ...d.swiperParams,
+        on: {
+          slideChange: (c) => {
+            Q(c.activeIndex), v("moved", { activeIndex: c.activeIndex });
+          }
+        }
+      };
+      let f = null;
+      if (o.thumbSwiperOptions) {
+        const { Thumbs: c, FreeMode: h, Controller: b } = await import("./index-6DJ6N4f8.js");
+        d.swiperParams.modules?.push(c), d.swiperParams.modules?.push(b), await import("./thumbs-l0sNRNKZ.js"), await import("./free-mode-l0sNRNKZ.js"), await import("./controller-l0sNRNKZ.js"), f = new ve(`#thumb_${o.id}`, {
+          ...o.thumbSwiperOptions,
+          modules: [h]
+        }), l.thumbs = {
+          swiper: f
+        };
+      }
+      l.lazyPreloadPrevNext = 1, d.swiper = new ve(`#${o.id}`, l), g.value?.classList.remove("tw-hidden");
+    }), (l, f) => (Y(), $("div", {
+      id: `root-${l.id}`,
+      ref_key: "root",
+      ref: V,
+      class: M(["swiper-carousel-root", l.$attrs["root-classes"]])
+    }, [
+      k("div", {
+        id: l.id,
+        "data-cy": l.$attrs["data-cy"],
+        class: M(["swiper", l.$attrs["swiper-classes"]])
+      }, [
+        k("div", {
+          ref_key: "swiperWrapper",
+          ref: g,
+          class: M(["swiper-wrapper", [
+            l.$attrs["swiper-wrapper-classes"],
+            p.value === "none" && "no-transition"
+          ]]),
+          onClick: f[0] || (f[0] = (c) => v("click"))
+        }, [
+          Ye(l.$slots, "swiper_slide", {}, () => [
+            (Y(!0), $(re, null, he(l.images, (c, h) => (Y(), $("div", {
+              key: `swiper_${l.id}_${h}`,
+              class: M(["swiper-slide", l.$attrs["swiper-slide-classes"]])
+            }, [
+              k("div", {
+                class: M(["swiper-zoom-container", l.$attrs["swiper-zoom-container-classes"]])
+              }, [
+                l.backgroundImage ? J("", !0) : (Y(), $("img", we({
+                  key: 0,
+                  ref_for: !0,
+                  ref: (b) => {
+                    W.push(b);
+                  },
+                  class: ["disable-select", [l.$attrs["slide-img-classes"] || c.classes]],
+                  "data-idx": `${l.id}-slide-img-${h}`
+                }, j(c, h), {
+                  loading: l.lazyLoadImages || h >= y.value ? "lazy" : void 0,
+                  alt: c.alt,
+                  itemprop: "image",
+                  width: c.width,
+                  height: c.height,
+                  onLoad: (b) => R(h)
+                }), null, 16, Ie))
+              ], 2)
+            ], 2))), 128))
+          ])
+        ], 2),
+        t.value ? (Y(), $("div", {
+          key: 0,
+          class: M([l.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:tw-flex [&.swiper-pagination-fraction]:tw-justify-center"]),
+          onClick: f[1] || (f[1] = se(() => {
+          }, ["stop"]))
+        }, null, 2)) : J("", !0),
+        m.value ? (Y(), $(re, { key: 1 }, [
+          k("div", {
+            class: "swiper-button-prev",
+            "data-cy": "swiper-button-prev",
+            onClick: f[2] || (f[2] = se(() => {
+            }, ["stop"]))
+          }),
+          k("div", {
+            class: "swiper-button-next",
+            "data-cy": "swiper-button-next",
+            onClick: f[3] || (f[3] = se(() => {
+            }, ["stop"]))
+          })
+        ], 64)) : J("", !0)
+      ], 10, ke),
+      l.thumbSwiperOptions ? (Y(), $("div", {
+        key: 0,
+        id: `thumb_${l.id}`,
+        thumbsSlider: "",
+        class: M(["swiper", l.$attrs["thumb-swiper-classes"]])
+      }, [
+        k("div", {
+          class: M(["swiper-wrapper", l.$attrs["thumb-swiper-wrapper-classes"]])
+        }, [
+          (Y(!0), $(re, null, he(l.images, (c, h) => (Y(), $("div", {
+            key: `thumb_${l.id}_${h}`,
+            class: M(["swiper-slide", l.$attrs["thumb-img-wrapper-classes"]])
+          }, [
+            k("img", we({
+              class: l.$attrs["thumb-img-classes"]
+            }, j(c), {
+              loading: h >= T.value ? "lazy" : void 0,
+              alt: c.alt
+            }), null, 16, Ae)
+          ], 2))), 128))
+        ], 2)
+      ], 10, Re)) : J("", !0)
+    ], 10, De));
+  }
+});
+export {
+  Oe as Z,
+  Qe as _,
+  B as a,
+  Se as b,
+  be as c,
+  Ne as d,
+  ne as e,
+  Ze as f,
+  Te as g,
+  Ge as h,
+  Ke as i,
+  Ve as j,
+  Be as k,
+  Je as m,
+  qe as n
+};